viewpager+tablayout都不陌生了。在很多地方都有用到过。这两天碰到个需求要求点击tablayout时出现下拉框选择分类然后动态刷新viewpager的当前界面。
首先对viewpager+tablayout做一个简单用法的总结。
1、在界面布局文件xml中添加
<android.support.design.widget.TabLayout
android:id="@+id/product_tabLayout"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="6"
app:tabIndicatorColor="#D60000"
app:tabIndicatorHeight="5dp"
app:tabMode="scrollable"
app:tabSelectedTextColor="#D60000"
app:tabTextColor="#151414">
</android.support.design.widget.TabLayout>
<android.support.v4.view.ViewPager
android:id="@+id/product_viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent">
</android.support.v4.view.ViewPager>
2、在activity中
首先初始化标题和viewpager布局文件
//页卡标题
private List<String> tabTitleList = new ArrayList<>();
//界面布局
private List<Fragment> mFragmentList = new ArrayList<>();
tabTitleList.add("新增产品");
tabTitleList.add("分类管理");
tabTitleList.add("产品分类");
mTabLayout = (TabLayout) findViewById(R.id.product_tabLayout);
mViewPager = (ViewPager) findViewById(R.id.product_viewpager);
mFragmentList.add(new FragmentXZCP());
mFragmentList.add(new FragmentFLGL());
mFragmentList.add(new FragmentCPFL());
//设置viewpager最大显示页数
mViewPager.setOffscreenPageLimit(mFragmentList.size());
//添加tab选项
for (int i = 0; i < tabTitleList.size(); i++) {
mTabLayout.addTab(mTabLayout.newTab().setText(tabTitleList.get(i)));
}
//给viewpager设置适配器
final FragmentPagerAdapter fragmentPagerAdapter = new FragmentPagerAdapter(getSupportFragmentManager()) {
@Override
public Fragment getItem(int position) {
return mFragmentList.get(position);
}
@Override
public int getCount() {
return mFragmentList.size();
}
@Override
public CharSequence getPageTitle(int position) {
return tabTitleList.get(position);
}
};
//viewpager设置适配器
mViewPager.setAdapter(fragmentPagerAdapter);
//绑定viewpager和tablayout
mTabLayout.setupWithViewPager(mViewPager);
若要给tablayout设置点击事件。
mTabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {
//选择时触发
}
@Override
public void onTabUnselected(TabLayout.Tab tab) {
//未选择是触发
}
@Override
public void onTabReselected(TabLayout.Tab tab) {
//选中之后再次点击即复选时触发
if (tab.getText().equals("产品分类")) {
mPopupWindow.showAsDropDown(mTabLayout);
}
fragmentPagerAdapter.notifyDataSetChanged();
}
});
可以在这里面做各种操作。若是要类似在复选时出现弹框,根据选择类容来改变fragment界面只需要设置回调监听。然后吊用
fragmentPagerAdapter.notifyDataSetChanged();则就可以刷新界面。