摘要:六部实现选项卡界面
一.
在gradle文件添加以下代码:
implementation 'com.android.support:design:28.0.0'
在gradle文件添加以上代码后,才能使用Tablayout(版本号28.0.0是我做实验时最新的版本)
二.布局代码
<android.support.design.widget.TabLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabMaxWidth="0dp"
app:tabGravity="fill"
app:tabMode="fixed"
android:id="@+id/tablayout_id"
android:textAlignment="center"
app:tabSelectedTextColor="@color/tabindicatorcolor"
app:tabTextColor="@color/tabtextcolor"
app:tabIndicatorColor="@color/tabindicatorcolor"
android:background="@color/colorPrimary"/>
<!--app:tabIndicatorColor ：指示条的颜色-->
<!--app:tabIndicatorHeight ：指示条的高度-->
<!--app:tabSelectedTextColor ： tab被选中时的字体颜色-->
<!--app:tabTextColor ： tab未被选中时的字体颜色-->
<android.support.v4.view.ViewPager
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/viewpager_id">
</android.support.v4.view.ViewPager>
三.在res/layout目录下自定义xml文件作为fragment中的选项界面
action_fragment.xml和mark_fragment.xml分别为"行动","统计"选项卡界面
四.新建多个继承Fragment的子类返回选项界面
FragmentAction.java
public class FramentAction extends Fragment {
public FramentAction() {
}
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
View view=inflater.inflate(R.layout.action_fragment,container,false);
return view;
}
}
FragmentMark.java
public class FragmentMark extends Fragment {
public FragmentMark() {
}
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
View view=inflater.inflate(R.layout.mark_fragment,container,false);
return view;
}
}
五.自定义继承FragmentPagerAdapter的子类ViewPagerAdater,重写getItem(),getCount(),getPageTitle()方法,添加AddFragment()方法
public class ViewPagerAdaper extends FragmentPagerAdapter {
private final List<Fragment> fragmentList=new ArrayList<>();
private final List<String> fragementListTitle=new ArrayList<>();
public ViewPagerAdaper(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int i) {
return fragmentList.get(i);
}
@Override
public int getCount() {
return fragementListTitle.size();
}
@Nullable
@Override
public CharSequence getPageTitle(int position) {
return fragementListTitle.get(position);
}
public void AddFragemnt(Fragment fragment,String title){
fragmentList.add(fragment);
fragementListTitle.add(title);
}
}
六.在MainActivity.java中实现以下代码:
tabLayout=findViewById(R.id.tablayout_id);
viewPager=findViewById(R.id.viewpager_id);
ViewPagerAdaper mAdaper=new ViewPagerAdaper(getSupportFragmentManager());
mAdaper.AddFragemnt(new FramentAction(),"行动");
mAdaper.AddFragemnt(new FragmentMark(),"统计");
viewPager.setAdapter(mAdaper);
tabLayout.setupWithViewPager(viewPager);