我在Fragment
中使用TabLayout
来显示三个固定的选项卡,选项卡工作正常,但即使在布局中设置了app:tabTextColor
属性,它仍然不可见,它也不显示选项卡文本。
- NewFragment.java*
public class NewFragment extends Fragment {
private RecyclerView mRecyclerView;
private RecyclerView.LayoutManager mLayoutManager;
private RecyclerView.Adapter mAdapter;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View inflatedView = inflater.inflate(R.layout.new_fragment, container, false);
TabLayout tabLayout = (TabLayout) inflatedView.findViewById(R.id.tabLayout);
tabLayout.addTab(tabLayout.newTab().setText("Tab 1"));
tabLayout.addTab(tabLayout.newTab().setText("Tab 2"));
tabLayout.addTab(tabLayout.newTab().setText("Tab 3"));
final ViewPager viewPager = (ViewPager) inflatedView.findViewById(R.id.viewpager);
LinearLayoutManager mLayoutManager = new LinearLayoutManager(getActivity());
mLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
viewPager.setAdapter(new PagerAdapter(getFragmentManager(), tabLayout.getTabCount()));
viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));
tabLayout.setupWithViewPager(viewPager);
tabLayout.setTabMode(TabLayout.MODE_FIXED);
tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {
viewPager.setCurrentItem(tab.getPosition());
}
@Override
public void onTabUnselected(TabLayout.Tab tab) {
}
@Override
public void onTabReselected(TabLayout.Tab tab) {
}
});
return inflatedView;
}
public class PagerAdapter extends FragmentStatePagerAdapter {
int mNumOfTabs;
public PagerAdapter(FragmentManager fm, int NumOfTabs) {
super(fm);
this.mNumOfTabs = NumOfTabs;
}
@Override
public Fragment getItem(int position) {
switch (position) {
case 0:
return new FragmentTab();
case 1:
return new FragmentTab();
case 2:
return new FragmentTab();
default:
return null;
}
}
@Override
public int getCount() {
return mNumOfTabs;
}
}
}
- newfragment.xml*
<android.support.design.widget.AppBarLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context=".NewFragment">
<android.support.design.widget.TabLayout
android:id="@+id/tabLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabMode="fixed"
app:tabTextColor="#ffffff"
app:tabGravity="fill"
app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/>
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@android:color/white"/>
</android.support.design.widget.AppBarLayout>
5条答案
按热度按时间1l5u6lss1#
问题是,在使用
addTab()
调用设置选项卡之后,您正在调用setupWithViewPager()
,这实际上覆盖了它们。来自
TabLayout
关于setupWithViewPager()
的文档:此布局中显示的选项卡将由
ViewPager
适配器的页面标题填充。如果您想将
TabLayout
与ViewPager
一起使用,则应该在PagerAdapter
中覆盖getPageTitle()
(并删除addTab()
调用,它们是冗余的)。例如:
t40tm48m2#
在调用
tabs.setupWithViewPager(viewPager)
后,我为每个选项卡添加了选项卡文本和图标rmbxnbpk3#
我使用的是Kotlin,花了一个小时来查找这段代码的bug。
我可以编译这个没有错误,但选项卡标题不显示,直到我意识到我分配给tabLayout的viewpager不是viewPager(注意大写的'P')。它不会产生错误,因为Kotlin会找到任何匹配的布局id,在本例中是“viewpager”,它是一个ViewPager,但在另一个视图上。
zpjtge224#
我想用XML定义TabItem,而不是用编程的方式。正如你提到的,这个setupWithViewPager()调用将选项卡项的文本和图标重置为null(它使用相同的选项卡对象,只是重置其内容)。我使用了你的方法,但使其更可重用。下面是我的代码:
mwngjboj5#
tabLayout!!.setupWithViewPager(viewpager)检查此行是否指向右viewpager。