Androidタブレットカスタムビュータブ付き - ドロウアブルセレクタを適用できません

Question

tablayoutにカスタムタブを設定しようとしていますが、 'com.android.support:design:25.3.1'をgradleでコンパイルしています。

タブをクリックするとその状態に基づいて変更されるようにセレクタを使用したいと思います。

だから私は失敗し、次の試してみた：

これが私の活動のxmlです：ここ

<ViewPager 
    android:id="@+id/pager" 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="1" 
    android:background="@color/white"/> 

<android.support.design.widget.TabLayout 
    android:id="@+id/tabLayout" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    app:tabMode="fixed" 
    app:tabGravity="fill" 
    style="@style/MyCustomTabLayout" 
    /> 

は私がtabLayoutに使用するスタイルです。

<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout"> 
     <item name="tabIndicatorColor">@android:color/transparent</item> 
    </style> 

下線を隠す

<ImageView 
    android:id="@+id/iv_imgview" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center" 
    tools:src="@drawable/home_tab_selector" 

    /> 

<TextView 
    android:id="@+id/tv_tab_name" 
    android:layout_gravity="center" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    tools:text="HOME" 
    /> 

：

ここ

iは、各タブのために持っているカスタムビューである：ここ

は私のホームタブのための私のセレクタの一つであります

public class LandingPagerAdapter extends FragmentStatePagerAdapter { 

    private final Context context; 
    //integer to count number of tabs 
    int tabCount; 
    private Fragment mCurrentFragment; 

    private String[] tabTitles = new String[]{"Home", "tab2"}; 

    // configure tab icons 
    int[] imageTabResId = { 
      R.drawable.home_tab_selector, 
      R.drawable.tab_two_selector,; 

    //Constructor to the class 
    public LandingPagerAdapter(Context context, FragmentManager fm, int tabCount) { 
     super(fm); 
     this.context = context; 
     this.tabCount = tabCount; 
    } 

    @Override 
    public Fragment getItem(int position) { 
     switch (position) { 
      case 0: 
       TabHomeContainerFragment tab1 = new TabHomeContainerFragment(); 
       return tab1; 
      case 1: 
       TabTwoContainerFragment tab2 = new TabTwoContainerFragment();; //Todo: these should all be containers 
       return tab2; 
      default: 
       return null; 
     } 
    } 

    //Overriden method getCount to get the number of tabs 
    @Override 
    public int getCount() { 
     return tabCount; 
    } 

    public Fragment getCurrentFragment() { 
     return mCurrentFragment; 
    } 

    @Override 
    public void setPrimaryItem(ViewGroup container, int position, Object object) { 
     if (getCurrentFragment() != object) { 
      mCurrentFragment = ((Fragment) object); 
     } 
     super.setPrimaryItem(container, position, object); 
    } 

    @Override 
    public CharSequence getPageTitle(int position) { 
     return tabTitles[position]; 
    } 

    public View getTabView(int position) { 
     // Given you have a custom layout in `res/layout/custom_tab.xml` with a TextView and ImageView 
     View v = LayoutInflater.from(context).inflate(R.layout.custom_landingpagetab, null); 
     TextView tv = (TextView) v.findViewById(R.id.tv_tab_name); 
     tv.setText(tabTitles[position]); 
     ImageView img = (ImageView) v.findViewById(R.id.iv_imgview); 
     img.setImageDrawable(ContextCompat.getDrawable(getApplicationContext(),imageTabResId[position])); 
     return v; 
    } 

} 

お知らせgetTabView中：セレクタとカスタムビューを適用するための責任getTabView方法を

for (int i = 0; i < NUM_OF_TABS; i++) 
      tabLayout.addTab(tabLayout.newTab()); 

     adapter = new LandingPagerAdapter(getApplicationContext(),getSupportFragmentManager(), tabLayout.getTabCount()); 

     //Adding adapter to pager 
     viewPager.setAdapter(adapter); 

     tabLayout.addOnTabSelectedListener(this); 
     tabLayout.setupWithViewPager(viewPager); 

     // Iterate over all tabs and set the custom view 
     for (int i = 0; i < tabLayout.getTabCount(); i++) { 
      TabLayout.Tab tab = tabLayout.getTabAt(i); 
      tab.setCustomView(adapter.getTabView(i)); 
     } 

     tabLayout.getTabAt(0).select(); 

、最終的にはここにある：

、ここではtablayoutを作成するコードの一部であります私はイメージのリソースをクラスフィールドの配列のセレクタに設定しています。 しかし、私はテストしているAPI 24のデバイス上で何も起こりません。

Answer 1

私はセレクタのアプローチを落とし、ちょうど私のカスタムビューをタブから取得しました。私はビューの要素を変更することができます。私は選択された配列と未選択の配列のセットを持っていました。次いで

タブがタブ位置に基づいて、私は画像を切り替える切り替え：

@Override 
    public void onTabSelected(TabLayout.Tab tab) { 
     viewPager.setCurrentItem(tab.getPosition()); 
     ImageView iv = (ImageView) tab.getCustomView().findViewById(R.id.iv_imgview); 
     TextView tv = (TextView) tab.getCustomView().findViewById(R.id.tv_tab_name); 

     iv.setImageDrawable(ContextCompat.getDrawable(this, imageTabResId_selected[tab.getPosition()])); 
     tv.setTextColor(ContextCompat.getColor(this, R.color.black)); 

    } 
@Override 
public void onTabUnselected(TabLayout.Tab tab) { 
    ImageView iv = (ImageView) tab.getCustomView().findViewById(R.id.iv_imgview); 
    TextView tv = (TextView) tab.getCustomView().findViewById(R.id.tv_tab_name); 

    iv.setImageDrawable(ContextCompat.getDrawable(this, imageTabResId[tab.getPosition()])); 
    tv.setTextColor(ContextCompat.getColor(this, R.color.tabs_default_text)); 

} 

@Override 
public void onTabReselected(TabLayout.Tab tab) { 

}