1

タブウィジェットに5つのボタンがあり、左から2つ、右から2つは、タブウィジェットの背景と同じサイズです。中央のボタンは、タブウィジェットの2倍の高さにする必要があります。

すべてのボタンをタブホストに配置すると、タブホストのサイズが最大のボタン(中央のボタン)になります。それを防ぐ方法は?

こんなものを作りたいです。タブバーの背景の高さは、赤の広場の高さと同じである必要があります。

こんなもの作りたい

4

1 に答える 1

1

はい、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を使用すると、目的の出力を取得できます。詳細については、こちらをご覧 ください。以下のような出力が得られます-

画像

それを見てください。サンプルプロジェクトも利用可能になります。お役に立てば幸いです。

于 2012-10-18T10:06:09.400 に答える