タブウィジェットに5つのボタンがあり、左から2つ、右から2つは、タブウィジェットの背景と同じサイズです。中央のボタンは、タブウィジェットの2倍の高さにする必要があります。
すべてのボタンをタブホストに配置すると、タブホストのサイズが最大のボタン(中央のボタン)になります。それを防ぐ方法は?
こんなものを作りたいです。タブバーの背景の高さは、赤の広場の高さと同じである必要があります。
はい、Xmlコードに従ってこれを行うことができます-
center_tab_indicator.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="0dip"
android:layout_height="65dip"
android:layout_weight="1"
android:orientation="vertical"
android:background="@drawable/center_tab_indicator"
android:padding="5dp">
<ImageView android:id="@+id/icon"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:src="@drawable/camera"
android:scaleType="center"/>
</RelativeLayout>
tab_indicator.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="0dip"
android:layout_height="55dip"
android:layout_weight="1"
android:orientation="vertical"
android:layout_marginTop="10sp"
android:background="@drawable/tab_indicator"
android:padding="5dp">
<ImageView android:id="@+id/icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:src="@drawable/icon" />
<TextView android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
style="?android:attr/tabWidgetStyle"
/>
</RelativeLayout>
上記の2つのXMLを使用すると、目的の出力を取得できます。詳細については、こちらをご覧 ください。以下のような出力が得られます-
それを見てください。サンプルプロジェクトも利用可能になります。お役に立てば幸いです。