ブログ

スタイル

スタイルの作成

res > values ディレクトリに styles.xml という名前のファイルがない場合は新たに作成
作成はvalues ディレクトリを右クリックして、[New] > [Values Resource File] を選択。
styles.xml という名前を付ける。

styles.xmlの例

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="Widget.TipTime.TextView" parent="Widget.MaterialComponents.TextView">
        <item name="android:minHeight">48dp</item>
        <item name="android:gravity">center_vertical</item>
        <item name="android:textAppearance">?attr/textAppearanceBody1</item>
    </style>

    <style name="Widget.TipTime.CompoundButton.Switch" parent="Widget.MaterialComponents.CompoundButton.Switch">
        <item name="android:minHeight">48dp</item>
        <item name="android:gravity">center_vertical</item>
        <item name="android:textAppearance">?attr/textAppearanceBody1</item>
    </style>

    <style name="Widget.TipTime.CompoundButton.RadioButton"
    parent="Widget.MaterialComponents.CompoundButton.RadioButton">
    <item name="android:paddingStart">8dp</item>
    <item name="android:textAppearance">?attr/textAppearanceBody1</item>
</style>
</resources>

スタイルをテーマに適用する

themes.xmlに使用するスタイルを記載する

<resources xmlns:tools="http://schemas.android.com/tools">
    <style name="Theme.TipTime" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
        <item name="textInputStyle">@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox</item>
        <item name="radioButtonStyle">@style/Widget.TipTime.CompoundButton.RadioButton</item>
        <item name="switchStyle">@style/Widget.TipTime.CompoundButton.Switch</item>
    </style>
</resources>

トレーニング > KOTLIN を用いた ANDROID の基本 > レイアウト > ユーザー入力2 > より洗練されたユーザーエクスペリエンスを作成する > 5. スタイルとテーマ

タグ: , , ,