2011-04-07 36 views
15

我有一个TabHost这样的:安卓:更改标签文字颜色编程

<?xml version="1.0" encoding="utf-8"?> 
<TabHost xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:id="@android:id/tabhost" 
android:background="@drawable/tabs_bg"> 

<LinearLayout 
    android:id="@+id/LinearLayout01" 
    android:orientation="vertical" 
    android:layout_height="fill_parent" 
    android:layout_width="fill_parent"> 
    <TabWidget 
     android:id="@android:id/tabs" 
     android:layout_height="wrap_content" 
     android:layout_width="fill_parent" 
     android:layout_marginBottom="5dip"> 
    </TabWidget> 
    <FrameLayout 
     android:id="@android:id/tabcontent" 
     android:layout_height="fill_parent" 
     android:layout_width="fill_parent"> 
    </FrameLayout> 
</LinearLayout> 

而且我添加标签来此TabHost程序是这样的:

tabHost = (TabHost)findViewById(android.R.id.tabhost); 
    tabHost.setOnTabChangedListener(this); 

    /* tid1 is firstTabSpec Id. Its used to access outside. */ 
    TabSpec firstTabSpec = tabHost.newTabSpec("tid1"); 
    TabSpec secondTabSpec = tabHost.newTabSpec("tid2"); 
    TabSpec ThirdTabSpec = tabHost.newTabSpec("tid3"); 

    /* TabSpec setIndicator() is used to set name for the tab. */ 
    /* TabSpec setContent() is used to set content for a particular tab. */ 
    firstTabSpec.setIndicator("Tab1", getResources().getDrawable(R.drawable.tab1)); 
    secondTabSpec.setIndicator("Tab2", getResources().getDrawable(R.drawable.tab2)); 
    ThirdTabSpec.setIndicator("Tab3", getResources().getDrawable(R.drawable.tab3)); 

    firstTabSpec.setContent(new Intent(this,FirstTab.class)); 
    secondTabSpec.setContent(new Intent(this,SecondTab.class)); 
    ThirdTabSpec.setContent(new Intent(this,ThirdTab.class)); 

    /* Add tabSpec to the TabHost to display. */ 
    tabHost.addTab(firstTabSpec); 
    tabHost.addTab(secondTabSpec); 
    tabHost.addTab(ThirdTabSpec); 

    for(int i=0;i<tabHost.getTabWidget().getChildCount();i++) 
    { 
     tabHost.getTabWidget().getChildAt(i).setBackgroundColor(Color.parseColor("#121312")); 
    } 

    tabHost.getTabWidget().setCurrentTab(0); 
    tabHost.getTabWidget().getChildAt(0).setBackgroundColor(Color.parseColor("#f1a026")); 

这里是onTabChanged事件:

public void onTabChanged(String tabId) { 
    // TODO Auto-generated method stub 
    for(int i=0;i<tabHost.getTabWidget().getChildCount();i++) 
    { 
     tabHost.getTabWidget().getChildAt(i).setBackgroundColor(Color.parseColor("#121312")); 
    } 

    tabHost.getTabWidget().getChildAt(tabHost.getCurrentTab()).setBackgroundColor(Color.parseColor("#f1a026")); 
} 

在onTabChanged事件中,我也想更改所有选项卡的文本颜色。请帮助我如何更改活动中选项卡的文本颜色?

感谢,

回答

52

要更改标签的文本颜色,你需要得到被设置为标签的标题的观点,即TextView的,你可以这样改:

TabHost tabhost = getTabHost(); 
    for(int i=0;i<tabhost.getTabWidget().getChildCount();i++) 
    { 
     TextView tv = (TextView) tabhost.getTabWidget().getChildAt(i).findViewById(android.R.id.title); 
     tv.setTextColor(.....); 
    } 

希望这有帮助....

+0

喜尔汉!在这种情况下android.R.id.title是什么? – 2011-04-07 09:14:43

+0

@ Farhan,在我的代码中没有id“title”。请检查我的代码,让我知道我应该取代android.R.id.title? – 2011-04-07 10:07:04

+0

正如我所说的,当使用标签时,它会自动添加框架....它就像当你在setIndicator(第一个参数)中设置文本时,这个文本被设置在一个ID为android.R.id.title的textview上....简单地得到它并改变颜色... – Farhan 2011-04-07 10:39:52

4

当您使用findViewById(id)时,您要求系统查找与当前ViewGroup ID为“id”相对任何视图。这意味着你在你的代码中做的是这个 .findViewById(id),所以它会在当前视图中查找“id”。和做findViewById(android.R.id.tabHost)是不是很聪明,因为它根本就不存在......

当你getTabHost(),但是,你问的系统获得的独特 tabHost您活动,不管它有任何视图作为根,即tabHost可以附加到没有任何好处。

作为一个结论,你应该总是我们的TabHostActivity getTabHost

希望我是清楚的

11

对我来说@Farhan的解决方案没有奏效,因为getChildCount()保持,同时具有四个选项卡返回1。使用getTabCount()getChildTabViewAt()解决了这个问题对我来说:

for (int tabIndex = 0 ; tabIndex < mTabHost.getTabWidget().getTabCount() ; tabIndex ++) { 
    View tab = mTabHost.getTabWidget().getChildTabViewAt(tabIndex); 
    TextView t = (TextView)tab.findViewById(android.R.id.title); 
    t.setTextColor(getResources().getColor(R.color.white)); 
} 

我还以为我张贴这种替代具有相同问题的人。

25

对于新的设计支持选项卡布局;你可以在你的xml中定义它
app:tabTextColor="@color/tab_inactive" app:tabSelectedTextColor="@color/tab_active"
E.g. -

<android.support.design.widget.TabLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:id="@+id/tabanim_tabs" 
      app:tabTextColor="@color/tab_inactive" 
      app:tabSelectedTextColor="@color/tab_active" 
      android:textAllCaps="false" 
      /> 


通过编程可以来达到的是这样的:

tabLayout.setTabTextColors(ContextCompat.getColorStateList(this, R.color.tab_selector)); 
     tabLayout.setSelectedTabIndicatorColor(ContextCompat.getColor(this, R.color.indicator)); 
+1

你能发布一个示例代码片段准确显示在哪里添加这个?我无法在Android Studio – CyprUS 2016-05-18 01:09:35

+1

中找到这样的选项的完美答案。尽管这是一个不同的问题,我只想指出,我们在示例中看到的textAllCaps =“false”目前没有效果,但要实现移除CAP的行为,您需要创建一个新样式并将其分配给Tablayout ,查看下面的问题 http://stackoverflow.com/questions/31295116/androidtextallcaps-false-not-working-for-tablayout-design-support – 2017-05-10 13:45:08

+0

谢谢指出它@ A.Alqadomi。我粘贴了我的工作示例中的代码片段,以便代码在那里,与答案无关。 – AnswerDroid 2017-11-07 10:11:52