android - 如何在android中的actionbar文本顶部添加图标

Question

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

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

Answer 1

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

1. 定义自定义布局，在文本上方放置图像
2. 在您的 Activity 中，膨胀 View 并设置图像和文本的值
3. 为选项卡设置自定义 View

这是一个粗略的例子:

自定义布局

<?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

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

为给定的标签设置自定义 View

Tab tab = actionBar.newTab().setCustomView(tabView)