広告
グラフィック コンポーネントは、ユーザーがシステムと対話できるようにする要素に対応します。GUI について話すときは、グラフィカル ユーザー インターフェイスを指します。したがって、これらのインターフェイスは、ボタン、メニュー、アイコン、テキスト フィールドなどのグラフィック要素を通じて構築されます。ラベルなどGUI はビジュアル デザインとそのデザインに関連付けられたイベントを組み合わせたものであるため、ボタンを追加する場合は、ユーザーがボタンを押したときにそのボタンに関連付けられたイベントをプログラムする必要があります。
前述したように、XML ファイルから使用されるグラフィック コンポーネントに焦点を当てて、上記のプロパティのいくつかを見てみましょう。
基本的なプロパティ。
グラフィック コンポーネントで使用されるいくつかの基本プロパティを見てみましょう。これらは、タイプに関係なく、任意のコンポーネントに適用できます。前述したように、すべてのコンポーネントはビューであるため、同じプロパティを共有します。最もよく使用されるプロパティのいくつかは次のとおりです。
アンドロイド: ID.
コントロールの識別子を定義できるため、非常に重要なプロパティです。このプロパティは任意のビューに割り当てられます。たとえば、データ入力フィールドに割り当てられた場合、これはユーザー情報を取得するために使用されるため、区別できる名前を使用する必要があります。は明らかです。
識別子を生成する正しい方法は次のとおりです。
android:id="@+id/miTextField"
象徴 @+id/ 新しい識別子が生成されていることを意味します。これにより、クラスが作成されます。 R. プロジェクトの gen パッケージからこのオブジェクトへの参照を作成し、後でコードで操作できるようにします。
この例では、識別子「私のテキストフィールド” コンポーネント用。
アンドロイド:レイアウト幅。
ビューに関連付けられた幅を定義します。これは必須のプロパティであり、その値は絶対値で定義するか、次の 2 つの値のいずれかを示すことによって定義できます。
-
ラップコンテンツ (内容に応じてスペースを占有します)
-
match_parent (利用可能なスペースをすべて占有します)
例:
android:layout_width="match_parent"
どれでもandroid:layout_width="290dp"
アンドロイド:レイアウトの高さ.
ビューに関連付けられた高さを定義します。これは必須のプロパティであり、その値は絶対値で定義することも、次の 2 つの値のいずれかを示すこともできます。
-
ラップコンテンツ (内容に応じてスペースを占有します)
-
match_parent (利用可能なスペースをすべて占有します)
例:
android:layout_height="ラップコンテンツ"
どれでもandroid:layout_height="58dp"
アンドロイド:レイアウトマージン.
コンポーネントのマージンを定義し、コンポーネントの上下および側面にスペースを確立できます。独立したスペースを与えたい場合のバリアントとして、プロパティ marginLeft、marginRight、marginTop または marginBottom (または all) を使用して行うことができます。
例: android:layout_margin="20dp"
| android:layout_marginTop="20dp"
| android:layout_marginLeft="20dp"
| android:layout_marginRight="20dp"
| android:layout_marginBottom="20dp"
アンドロイド: ヒント。
このプロパティを使用すると、ユーザーがまだ情報を入力していないときに、ヘルプとしてコントロールにテキストを表示できます。 (text プロパティよりも好ましい)
例: android:hint="名前を入力してください"
アンドロイド:入力タイプ.
これは、テキスト ボックスにどのタイプの入力が許可されるかを決定します。これにより、ある種のデータ検証が可能になり、また、使用する (仮想) キーボードのタイプをオペレーティング システムに指示します。
このプロパティに関連付けることができるオプションには、次のようなものがあります。
- 文章
- 番号
- テクスチャ
- テキストパスワード
- 電話
- ミーティング
- テキストメールアドレス
必要に応じて使用できるオプションが他にもたくさんあります。
例: android:inputType="数値"
| android:inputType="テキストメールアドレス"
アンドロイド:テキストサイズ。
画面に表示されるテキストのサイズを定義します。テキストに sp が使用される場合は、測定単位を考慮する必要があります。
例: android:textSize="25sp"
アンドロイド:スタイルテキスト。
テキストのスタイルを定義し、テキストを標準、太字、斜体 (またはその両方) として定義できます。
例: android:textStyle="太字"
| android:textStyle="イタリック"
| android:textStyle="太字|斜体"
アンドロイド:テキストカラー。
テキストの色を定義します。「色」プロパティ ファイルまたは 16 進値から色を追加できます。
例: android:textColor="@color/teal_700"
| android:textColor="#9C27B0"
アンドロイド:背景の色合い。
コンポーネントの背景色を定義します。「colors」プロパティまたは 16 進値から色を取得することもできます。
例: android:backgroundTint="@color/teal_200"
| android:backgroundTint="#FF5722"
アンドロイド:テキスト。
ビューに関連付けられたテキストコンテンツを定義します。値を直接割り当てることもできますが、リソース フォルダーにある文字列ファイルを使用することを強くお勧めします。
例: android:text="ビアンヴェニドス"
| android:text="@string/title"
このプロパティは、デバイスのインターフェイスにテキストを表示するビューで一般的です。次の画面は、テキストのさまざまな値が追加された strings.xml リソース ファイルを示しています
その後、これらの値はビューからアクセスされます
前のプロパティをクリアしたら、基本的なグラフィック コンポーネントが何であるかを見てみましょう。
ボタン。
これらは私たちが知っている基本的なボタンに対応しており、内部テキストと定義されたマージンを備えたボタンが表示されるだけです。
このボタンは、押されたときにイベントを待つという基本的な機能を果たします。
トグルボタン
ToggleButton タイプは、押されているかどうかの 2 つの可能な状態を維持できるボタンのタイプに対応します。このため、テキスト プロパティが 1 つだけ定義されるだけでなく、その時点の状態に応じて 2 つが定義されます。 android:textOn と android:textOff。
従来のボタンと同様に、ToggleButton はクリック イベントに応答するようにプログラムできますが、おそらく必要なのは、ToggleButton がどのような状態にあるかを知ることだけです。これは、isChecked() メソッドを参照することで実行できます。このメソッドは、押されたイベントでは値 true を返し、それ以外の場合は false を返します。
通勤
このコントロールは、ToggleButton の動作とよく似たスイッチをシミュレートできますが、外観が異なります。
使用している Android バージョンに応じて、コンポーネントの外観が変わる可能性があることに注意してください。この場合、Android バージョン 5.0 以降の Switch コントローラーは次のようになります。
画像ボタン
このタイプのボタンを使用すると、通常のようにテキストの代わりに画像をリンクしてユーザーに表示できます。このために、/res/drawable フォルダーから画像を取得し、android:src プロパティを使用してそれをロードできます。この場合、Android リソースから直接画像を使用します。
テキストビュー
これらはユーザーに表示される基本的なテキスト ラベルに対応します。これらは他の言語ではラベルとして知られており、android:text プロパティに関連付けられたテキストを表示できます。これらのラベルには、サイズや背景を操作できる他のプロパティがあります。色、色とフォントの種類、スタイルなど。
テキストを編集する
Android EditText ビューは、ASP および C# Textbox または JAVA JTextField と同等であり、実行時にユーザーが入力したテキストをキャプチャできるコントロールです。
選択ボックス
チェックボックス コントロールは、アプリケーションのオプションをオンまたはオフにするために使用されます。インターフェイスで定義する方法と、コードによる操作に使用できるプロパティは、ToogleButton コントロールでコメントされたものと似ています。
このコントロールは TextView コントロールから継承しているため、このコントロールについてすでに説明したすべての書式設定オプションは checkBox にも有効です。
アプリケーション コードでは、次の値を返す isChecked() メソッドを通じて、このコントロールが選択されているかどうかを確認できます。 真実 あなたが選ばれた場合、または 間違い それ以外の場合は、setChecked(value) メソッドを使用してコントロールの特定の状態を設定することもできます。ここで、value 真実 選択されたものと 間違い 選択されていないことによって。
このコントロールに対して通常プログラムされ、状態が変化する (選択/非選択) たびに実行されるイベントは、onCheckedChanged です。
ラジオボタン
CheckBox コントロールと同様、RadioButton は特定のオプションをオンまたはオフにするために機能します。違いは、行う選択の種類にあります。ラジオボタンは通常、グループで使用され、1 つだけを選択できるオプションのセットを定義します。つまり、各オプションは相互に排他的であるため、オプションを選択すると、以前に選択されていたオプションは自動的にオフになります。これらのグループは RadioGroup 要素によって定義され、この要素にはオプションを表すすべての RadioButton 要素が含まれます。
RadioGroups は、android:orientation プロパティを「Vertical」または「horizontal」に設定して、それに含まれる RadioButton の順序を決定できます。
次に、RadioButton は、幅と高さに加えて、表されるオプションのテキストを関連付ける android:text プロパティと、アプリケーションのロジックから操作できるようにコードをコントロールに関連付ける android:id プロパティを定義する必要があります。
アプリケーション ロジックからコントロールを操作するには、さまざまなメソッドを使用できます。その中には check(私は行くだろう) これは、パラメータとして渡される ID を使用して識別されたラジオボタンを選択として設定するために使用され、clearCheck() メソッドはグループ内のすべてのラジオボタンのチェックを解除するために使用され、getCheckedRadioButtonId() メソッドはラジオボタンの ID を取得するために使用されます。選択したグループ内のラジオボタン、または項目が選択されていない場合は -1 の値。
このコントロールの最も重要なイベントも onCheckedChanged で、グループの要素が選択されるとトリガーされます (グループの要素の選択は、別の要素の選択解除を示すことに注意してください)。
以上です。これらはコース全体で使用する基本的なグラフィック コンポーネントの一部です。次の投稿では、他のコンポーネントまたはレイアウトを続けます。
あなたも興味を持つかもしれません。
このエントリについて何か追加またはコメントしたいことがありますか?自由にやってください….気に入っていただけましたら...ぜひシェアしてください Y このような投稿をもっと聞くには、「このサイトに参加する」ボタンをクリックして購読してください 😉