【Android】viewを装飾する方法まとめ
- 作成日:2022/01/21
- 更新日:2022/01/23
viewの見た目を装飾する方法をまとめました。
装飾方法まとめ
横幅・縦幅
viewの横・縦幅を設定します。
| 説明 | 例 | 備考 |
|---|---|---|
| 横幅の設定 | android:layout_width="250dp" | 指定したサイズ値で横幅を設定 |
| android:layout_width="wrap_content" | 文字数に応じて横幅を自動的に設定 | |
| android:layout_width="match_parent" | 領域いっぱいに横幅を設定 |
| 説明 | 例 | 備考 |
|---|---|---|
| 縦幅の設定 | android:layout_height="250dp" | 指定したサイズ値で縦幅を設定 |
| android:layout_height="wrap_content" | 文字数に応じて縦幅を自動的に設定 | |
| android:layout_height="match_parent" | 領域いっぱいに縦幅を設定 |
実際のコード例です。
activity_main.xml
<TextView
android:id="@+id/txt1"
android:layout_width="250dp"
android:layout_height="50dp"
/>文字と文字サイズ、文字色
viewの文字に関する装飾です。
| 説明 | 例 | 備考 |
|---|---|---|
| 文字の設定 | android:text="サンプル" | 指定した文字を設定 |
| 文字サイズの設定 | android:textSize="50sp" | 指定した文字サイズを設定 |
| 文字色の設定 | android:textColor="#000000" | 指定したカラーコードの色を設定。 |
カラーコードは色々なサイトでわかりますが、私はこちらをよく使います。
実際のコード例です。
activity_main.xml
<TextView
android:id="@+id/txt1"
android:layout_width="150dp"
android:layout_height="100dp"
android:text="サンプル"
android:textSize="30sp"
android:textColor="#4169e1"
/>背景色
viewの背景色に関する装飾です。
| 説明 | 例 | 備考 |
|---|---|---|
| 背景色の設定 | android:backgroundTint="#000000" | 指定したカラーコードの色を設定。 |
実際のコード例です。
activity_main.xml
<Button
android:id="@+id/btn"
android:layout_width="150dp"
android:layout_height="100dp"
android:text="ボタン1"
android:textSize="30sp"
android:backgroundTint="#000000"
/>位置を指定
viewの位置や文字を寄せる装飾です。
| 説明 | 例 | 備考 |
|---|---|---|
| 位置を寄せる | android:layout_gravity="right" | viewの位置を右に寄せる |
| android:layout_gravity="left" | viewの位置を左に寄せる | |
| android:layout_gravity="center" | viewの位置を縦・横の中央に寄せる | |
| android:layout_gravity="center_vertical" | viewの位置を縦の中央に寄せる | |
| android:layout_gravity="center_horizontal" | viewの位置を横の中央に寄せる |
| 説明 | 例 | 備考 |
|---|---|---|
| viewの内部を寄せる | android:gravity="right" | viewの内部を右に寄せる |
| android:gravity="left" | viewの内部を左に寄せる | |
| android:gravity="center" | viewの内部を縦・横の中央に寄せる | |
| android:gravity="center_vertical" | viewの内部を縦の中央に寄せる | |
| android:gravity="center_horizontal" | viewの内部を横の中央に寄せる |
実際のコード例です。
activity_main.xml
<Button
android:id="@+id/btn"
android:layout_width="150dp"
android:layout_height="100dp"
android:text="sample"
android:layout_gravity="right"
android:gravity="center"
/>間隔(余白)を調整
viewの余白を調整する方法です。