5

我是 android 新手。我正在尝试实现一个具有三个选项卡的操作栏，每个选项卡包含一个图标和选项卡名称。我成功在每个选项卡上放置图标和文本，但不幸的是图标出现在文本的左侧（选项卡名称）在选项卡中。我想将图标放在文本顶部而不是左侧。请找到我的代码片段，并请帮助我找到解决方案。提前致谢，

        private void setActionBar()

         {               

           ActionBar bar = getActionBar();

    bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
    bar.setDisplayShowHomeEnabled(false);
    bar.setDisplayShowTitleEnabled(false);

    ActionBar.Tab tabA = bar.newTab().setText("TabA");
        tabA.setIcon(R.drawable.iconA);

            ActionBar.Tab tabB = bar.newTab().setText("TabB");
    tabB.setIcon(R.drawable.iconB);

    ActionBar.Tab tabC = bar.newTab().setText("TabC");
            tabC.setIcon(R.drawable.iconC);
        }
4

1 回答 1

5

您可以使用自定义视图来定义您希望如何显示选项卡。

  1. 定义自定义布局，其中您的文本上方有一个图像
  2. 在您的活动中，膨胀视图并为您的图像和文本设置值
  3. 为选项卡设置自定义视图

这是一个粗略的例子：

自定义布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal"
    android:orientation="vertical" >

<ImageView
    android:id="@+id/tabIcon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:paddingTop="2dp" />

<TextView
    android:id="@+id/tabText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:textColor="#FFFFFF" />

</LinearLayout>

膨胀视图

View tabView = activity.getLayoutInflater().inflate(R.layout.actiobar_tab, null);
TextView tabText = (TextView) tabView.findViewById(R.id.tabText);
tabText.setText(R.String.sometext);

ImageView tabImage = (ImageView) tabView.findViewById(R.id.tabIcon);
tabImage.setImageDrawable(activity.getResources().getDrawable(R.drawable.someimage));

为给定选项卡设置自定义视图

Tab tab = actionBar.newTab().setCustomView(tabView)
于 2012-10-22T02:29:14.330 回答