android - 各タブとActionBarSherlockの画像を使用してタブ幅を設定するにはどうすればよいですか

Question

ActionBarSherlock を使用して、スクロールせずすべて画面に収まる 5 つのタブを作成できます。画像を使用するようにタブの 1 つを設定した後、すべてのタブがそのタブと同じ幅になり、使用している画像よりも大きくなります。それぞれ画像付きの 5 つのタブを表示するにはどうすればよいですか? それらをスクロールしたくありませんが、すべてを一度に表示します。画像でタブを設定する方法は次のとおりです。

tab1.setIcon(R.drawable.tab_home_unselect);

Answer 1

パディング、マージン、レイアウト、および画像のサイズで遊ぶ必要があると思います...

イメージとテキストを使用したタブ レイアウトの例を次に示します。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/tab_item"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="2dip" >

    <ImageView
        android:id="@+id/tab_icon"
        android:layout_width="28dip"
        android:layout_height="28dip"
        android:layout_marginBottom="1dip" />

    <TextView
        android:id="@+id/tab_title"
        android:layout_width="wrap_content"
        android:layout_height="0dip"
        android:layout_marginBottom="2dp"
        android:layout_weight="1"
        android:gravity="center"
        android:textColor="@android:color/white"
        android:textSize="12sp" />

</LinearLayout>

およびそれらを追加する方法

private View getTabIndicator(String text, int drawable) {

    View indicator = _inflater.inflate(R.layout.abs_tab, null);
    ((TextView) indicator.findViewById(R.id.tab_title)).setText(text);
    ((ImageView) indicator.findViewById(R.id.tab_icon)).setImageResource(drawable);
    return indicator;
}