自定義標籤的文本沒有在Tablayout

Question

強調我在TabLayout that contains a的TextView for the tab title and的ImageView做出的選項卡的CustomViewfor the icons

但是當我點擊選項卡上，選定選項卡中的文本不突出！ 我已經嘗試了Tablayout wigdet的XML屬性的每個組合，並沒有任何工作。我試圖谷歌的問題，但找不到任何解決方案。

MainActivity.class

的Tablayoyut與自定義視圖的implemeneation。

mainTablayout = (TabLayout) findViewById(R.id.tablayout_activity_main); 
    mainViewpager = (ViewPager) findViewById(R.id.main_viewpager); 

    mainTablayout.addTab(mainTablayout.newTab().setText("Search")); 
    mainTablayout.addTab(mainTablayout.newTab().setText("Inbox")); 
    mainTablayout.addTab(mainTablayout.newTab().setText("Edit")); 
    mainTablayout.addTab(mainTablayout.newTab().setText("Profile")); 

    mainTablayout.getTabAt(0).setCustomView(R.layout.custom_tablayout).setIcon(R.drawable.ic_search); 
    mainTablayout.getTabAt(1).setCustomView(R.layout.custom_tablayout).setIcon(R.drawable.ic_tab_envelope); 
    mainTablayout.getTabAt(2).setCustomView(R.layout.custom_tablayout).setIcon(R.drawable.ic_tab_cogwheel); 
    mainTablayout.getTabAt(3).setCustomView(R.layout.custom_tablayout).setIcon(R.drawable.ic_tab_profile_1); 


    mainViewpager.setAdapter(new MainPagerAdapter(getSupportFragmentManager())); 
    mainViewpager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(mainTablayout)); 
    mainTablayout.addOnTabSelectedListener(this); 

custom_tablayout.xml：

爲定製選項卡

佈局

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


<ImageView 
    android:id="@android:id/icon" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center_horizontal" /> 

<TextView 

    android:textSize="12sp" 
    android:textStyle="bold" 
    android:id="@android:id/text1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginTop="-6dp" /> 

</LinearLayout> 

activity_main.xml中：

這是的Wigdet

上Tablayout使用的屬性

<android.support.design.widget.TabLayout 
    android:id="@+id/tablayout_activity_main" 
    android:layout_width="match_parent" 
    android:layout_height="?actionBarSize" 
    android:layout_alignParentBottom="true" 
    android:layout_below="@id/tablayout_activity_main" 
    android:background="#f5f5f5" 
    app:tabGravity="fill" 
    app:tabIndicatorHeight="0dp" 
    app:tabMode="fixed" 
    app:tabTextColor="@color/tab_off" 
    app:tabSelectedTextColor="@color/colorPrimary" /> 

Answer 1

您可以嘗試通過選項卡布局選擇選項卡。

我正在使用com.android.support:design:23.2.1支持庫。使用下面的代碼可以突出顯示選定的選項卡。

tabLayout.getTabAt(0).select(); 

您可以參考以下鏈接：https://guides.codepath.com/android/google-play-style-tabs-using-tablayout