【Android】xmlのあれこれ注意点

RelativeLayout

• RelativeLayoutの中でtoEndOfなどを使うと、
  LinearLayoutじゃなくても横並びにすることができる。
• RlativeLayoutのcenterHorizontal(true)で中央揃えができる。
  ※matchではなくwrapで使う。

EditText

• プレースホルダーに文字を入力しておきたい場合は、hintを使う。

hoge.xml

<EditText
 android:id="@+id/login"
 android:layout_width="200dp"
 android:layout_height="40dp"
 android:hint="@string/login"
 android:textColor="@color/white"
 android:textColorHint="@color/clear_white" />

中央揃え

• center_verticalが効かないときは、layout_gravityをcenterにする。

エリアの分割

• 同じViewを2つ横並びに置きたいとき：layout_weight:1にして、Width=0にする。
• 同じViewを2つ縦並びに置きたいとき：layout_weight:1にして、Height=0にする。

タブみたいなものを作りたい

• ViewPager/PagerTitleStripを使う。

文字の中央揃え

• gravity=centerにする。
  ※hintの配置も変更可能。

ボタンを丸くする

• drawableにshape.xmlを別途作成して、viewのbackgroundで参照する。

shape.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <!-- 枠線 width:線の幅、color:線の色 -->
    <stroke
        android:width="0.6dp"
        android:color="@color/white" />

</shape>

押下で文字色を反転させる（白→黒）

• drawableのhoge.xmlにselectorをつくって、textColorで参照する。

hoge.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:s="true" android:state_pressed="false" android:color="@color/black" />
        <item android:state_focused="true" android:state_pressed="true" android:color="@color/black" />
        <item android:state_focused="false" android:state_pressed="true" android:color="@color/black" />
        <item android:color="@color/white" />

</selector>

押下で画像を差し替える（活性カラー画像→非活性カラー画像）

• drwableのhuga.xmlにselectorをつくって、srcで参照する。

huga.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 押下状態 -->
    <item
        android:state_pressed="true"
        android:drawable="@drawable/setting_click" />
    <!-- 通常状態 -->
    <item
        android:drawable="@drawable/setting" />
</selector>