上図のようにボタンを設定する方法。iOSではブレッドクラムスタイルと呼ばれています。
1 つのボタンを中央に、他の 2 つのボタンを両側に配置する相対的なレイアウトでボタンを配置しようとしましたが、それでもすべてのボタンの間にギャップがあり、さまざまなデバイスでは非常にひどく見えます。
以下は私のxmlファイルです:
<RelativeLayout
android:id="@+id/TBtnLayout"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:background="@drawable/title_bar">
<ImageButton
android:contentDescription="@string/btn_desc"
android:id="@+id/left_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_toLeftOf="@+id/center_btn"
android:background="@drawable/s_unsel_btn">
</ImageButton>
<ImageButton
android:contentDescription="@string/btn_desc"
android:id="@+id/center_btn"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_centerVertical="true"
android:layout_centerInParent="true"
android:background="@drawable/c_unsel_btn">
</ImageButton>
<ImageButton
android:contentDescription="@string/btn_desc"
android:id="@+id/right_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_toRightOf="@+id/center_btn"
android:background="@drawable/t_sel_btn">
</ImageButton>
</RelativeLayout>