如何使用每个选项卡和ActionBarSherlock的图像设置选项卡宽度

时间:2012-11-28 21:36:29

标签: android tabs android-actionbar actionbarsherlock

我可以使用ActionBarSherlock创建五个选项卡,它们不会滚动并且全部适合屏幕。在我设置其中一个选项卡以使用图像后,所有选项卡都变得与该选项卡一样宽,它本身变得比我正在使用的图像大。如何显示五个标签,每个标签都有一个图像?我不希望它们滚动,但一次都可见。以下是我使用图像设置选项卡的方法:

tab1.setIcon(R.drawable.tab_home_unselect);

enter image description here

1 个答案:

答案 0 :(得分:0)

我想你必须使用填充,游戏,布局和图像大小......

以下是带图片和文字的标签布局示例:

<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;
}