突出显示选项卡视图寻呼机android

时间:2016-03-02 20:41:55

标签: java android android-viewpager android-toolbar android-tablayout

您好我正在使用带有视图寻呼机的标签布局,在FragmentPagerAdapter中我使用自定义布局根据位置定义每个视图。现在我想实现这个图像中看到的东西(选择的那个比其他更白) 。如何使用此图像中的不同阴影突出显示自定义视图。我的所有标签都是相同或不被选中的天气。 早些时候我使用默认文本,它工作,但现在我使用自定义视图与图像和文本,我不知道如何将其应用于自定义视图。 enter image description here

2 个答案:

答案 0 :(得分:1)

这有效:

...onCreate(){ 
...    
tabHost.setOnTabChangedListener(new    OnTabChangeListener() { 
@Override public void onTabChanged(String arg0) {    

setTabColor(tabHost);
   } 
});    
setTabColor(tabHost);
... 
} //Change The Backgournd Color of Tabs   

public void 
setTabColor(TabHost tabhost) { 
for(int i=0;i<tabhost.getTabWidget().getChildCount();i++)     
    tabhost.getTabWidget().getChildAt(i).setBackgroundColor(COLOR_CYAN); //unselected   
if(tabhost.getCurrentTab()==0) {
tabhost.getTabWidget().getChildAt(tabhost.getCurrentTab())
.setBackgroundColor(COLOR_RED); //1st tab selected
 }else{ tabhost.getTabWidget().getChildAt(tabhost.getCurrentTab()).setBackgroundColor(COLOR_BLUE); //2nd tab selected 
}

修改

以下是覆盖文本样式和所选文本颜色的代码段

<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout"> 
<item name="tabTextAppearance">@style/MyCustomTabText</item> 
<item name="tabSelectedTextColor">@color/tab_text_act</item> 
</style> 
<style name="MyCustomTabText" parent="TextAppearance.AppCompat.Button">
<item name="android:textSize">14sp</item> 
<item name="android:textColor">@color/tab_text</item> 
</style>

这是布局的代码段

<android.support.design.widget.TabLayout 
android:layout_width="match_parent" 
android:layout_height="wrap_content"
style="@style/MyCustomTabLayout" />

答案 1 :(得分:0)

指定tabIndicatorColor =“#00000000”,如下所示: -

<android.support.design.widget.TabLayout
                    android:id="@+id/tabs"
                    android:background="@android:color/white"
                    app:tabIndicatorColor="#00000000"
                    style="@style/MyCustomTabLayout"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content" />

对于Opacity和其他内容,请参阅以下链接: -

TabLayout