更改FragmentTabHost的tabStrip颜色

时间:2013-11-06 06:22:26

标签: android android-tabhost

您好我正在做一个项目,我需要在屏幕底部制作一个自定义标签。好吧,我已经设法做了一个FragmentTabHost,但我仍然无法配置tabstrip部分,因为我真的需要改变它的颜色。

这是迄今为止的代码:

XML bottom_tabs

<?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:orientation="vertical" >

    <FrameLayout
        android:id="@+id/realtabcontent"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="1"
        />

    <android.support.v4.app.FragmentTabHost
        android:id="@android:id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_weight="0"/>
    </android.support.v4.app.FragmentTabHost>

</LinearLayout>

和用于设置选项卡的fragemtActivity代码:

setContentView(R.layout.bottom_tabs);

mTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
        mTabHost.setup(this, getSupportFragmentManager(), R.id.realtabcontent);

        Bundle b = new Bundle();

        b.putString("0", "Me");
mTabHost.addTab(mTabHost.newTabSpec("me").setIndicator(null,getResources().getDrawable(R.drawable.selector_me)),
                FragmentMe.class, b);

        b = new Bundle();
        b.putString("1", "Social");
        mTabHost.addTab(mTabHost.newTabSpec("social").setIndicator(null, getResources().getDrawable(R.drawable.selector_social)),
                FragmentSocial.class, b);

在这一部分,我不知道为什么我无法配置标签属性的部分,而我可以通过在代码后添加此行来配置分隔符外观:

mTabHost.getTabWidget().setShowDividers(LinearLayout.SHOW_DIVIDER_NONE);

嗯,我只是觉得这部分可能有所帮助,但我现在真正需要做的只是更改TabStrip颜色。谢谢!

到目前为止,这是它的样子:

显然它正在使用android默认的标签,这就是我需要用图标从蓝色变成相同十六进制的绿色。

enter image description here

1 个答案:

答案 0 :(得分:0)

1&GT;为选项卡指示器创建xml布局文件

2&GT;膨胀视图

3&GT;在setIndicator方法中设置视图

我在TabHost中使用这种方式工作

例如带有文本作为标签指示符的xml文件

<?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="wrap_content"
android:orientation="vertical"
android:gravity="center"
android:layout_weight="1"
android:background="@drawable/tab_selector"
>

<TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Whatever You Want" 
    android:textColor="@drawable/tab_text_selector"
    />

</LinearLayout>

例如xml文件,图像为指示符

<?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:orientation="vertical"
android:gravity="center"
android:layout_weight="1"
>

<ImageView
    android:id="@+id/img"
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:src="@drawable/tab_indicator_world_selctor"
    android:adjustViewBounds="true"/>

</LinearLayout>