ViewPager实现页卡的最新方法--简洁的TabLayout(谷歌支持包)
2017-07-29 14:59
483 查看
效果图:
加入依赖包:
compile 'com.android.support:design:22.2.0'
布局文件:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabIndicatorColor="@color/red" app:tabSelectedTextColor="@color/red" app:tabTextColor="@color/black"/> <!--可滑动的布局内容--> <android.support.v4.view.ViewPager android:id="@+id/vp_view" android:layout_width="match_parent" android:layout_height="wrap_content"/> </LinearLayout>
页面代码:
public class FiveActivity extends Activity { private TabLayout mTabLayout; private ViewPager mViewPager; private LayoutInflater mInflater; private List<String> mTitleList = new ArrayList<>();//页卡标题集合 private View view1, view2, view3, view4, view5;//页卡视图 private List<View> mViewList = new ArrayList<>();//页卡视图集合 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_five); mViewPager = (ViewPager) findViewById(R.id.vp_view); mTabLayout = (TabLayout) findViewById(R.id.tabs); mInflater = LayoutInflater.from(this); view1 = mInflater.inflate(R.layout.activity_main, null); view2 = mInflater.inflate(R.layout.activity_main, null); view3 = mInflater.inflate(R.layout.activity_main, null); view4 = mInflater.inflate(R.layout.activity_main, null); view5 = mInflater.inflate(R.layout.activity_main, null); //加入页卡视图 mViewList.add(view1); mViewList.add(view2); mViewList.add(view3); mViewList.add(view4); mViewList.add(view5); //加入页卡标题 mTitleList.add("No:1"); mTitleList.add("No:2"); mTitleList.add("No:3"); mTitleList.add("No:4"); mTitleList.add("No:5"); mTabLayout.setTabMode(TabLayout.MODE_FIXED);//设置tab模式,当前为系统默认模式 mTabLayout.addTab(mTabLayout.newTab().setText(mTitleList.get(0)));//加入tab选项卡 mTabLayout.addTab(mTabLayout.newTab().setText(mTitleList.get(1))); mTabLayout.addTab(mTabLayout.newTab().setText(mTitleList.get(2))); mTabLayout.addTab(mTabLayout.newTab().setText(mTitleList.get(3))); mTabLayout.addTab(mTabLayout.newTab().setText(mTitleList.get(4))); MyPagerAdapter mAdapter = new MyPagerAdapter(mViewList); mViewPager.setAdapter(mAdapter);//给ViewPager设置适配器 mTabLayout.setupWithViewPager(mViewPager);//将TabLayout和ViewPager关联起来。 mTabLayout.setTabsFromPagerAdapter(mAdapter);//给Tabs设置适配器 } //ViewPager适配器 class MyPagerAdapter extends PagerAdapter { private List<View> mViewList; public MyPagerAdapter(List<View> mViewList) { this.mViewList = mViewList; } @Override public int getCount() { return mViewList.size();//页卡数 } @Override public boolean isViewFromObject(View view, Object object) { return view == object;//官方推荐写法 } @Override public Object instantiateItem(ViewGroup container, int position) { container.addView(mViewList.get(position));//加入页卡 return mViewList.get(position); } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView(mViewList.get(position));//删除页卡 } @Override public CharSequence getPageTitle(int position) { return mTitleList.get(position);//页卡标题 } } }
项目页面(个人笔记。可忽略):
public class SaleRankingActivity extends VolleyActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.sale_rangking_activity_layout); ActionBarUtil.setup(this, R.string.sale_ranking); int position = getIntent().getIntExtra(EnumIntentKey.SELECT_POSITION.toString(), 0); TabLayout tabs = (TabLayout) findViewById(R.id.tabs_square); ViewPager pager = $(R.id.vp_square); pager.setOffscreenPageLimit(2); FragmentPagerAdapter adapter = new FragmentPagerAdapter(getSupportFragmentManager()) { private String[] titles = getResources().getStringArray(R.array.ranking_type); @Override public Fragment getItem(int position) { if (position == 0) { // 专场提醒 return SaleRankingListFragment.newInstance(0); } else { // 卖家提醒 return SaleRankingListFragment.newInstance(1); } } @Override public CharSequence getPageTitle(int position) { return titles[position]; } @Override public int getCount() { return titles.length; } }; pager.setAdapter(adapter); tabs.setupWithViewPager(pager); pager.setCurrentItem(position);//推断是从哪跳进来的 } }
相关文章推荐
- ViewPager实现页卡的最新方法--简洁的TabLayout(谷歌支持包)
- ViewPager实现页卡的最新方法--简洁的TabLayout(谷歌支持包)
- ViewPager实现页卡的最新方法--简洁的TabLayout(谷歌支持包)
- ViewPager实现页卡的最新方法--简洁的TabLayout(谷歌支持包)
- ViewPager实现页卡的最新方法--简洁的TabLayout(谷歌支持包)
- ViewPager实现页卡的最新方法--简洁的TabLayout(谷歌支持包)
- Android高级UI之ViewPager实现页卡的最新方法-简洁的TabLayout
- ViewPager实现页卡的最新方法--简洁的TabLayout(AndroidSupportDesign)
- ViewPager+TabLayout(谷歌支持包)实现联动效果
- Android Studio导入第三方包(资源)方法,ViewPager+TabLayout的使用,ViewPager单独使用实现无限循环
- 最新的TabLayout实现tab功能代替viewPagerIndicator。
- Material Design学习之 TabLayout(ViewPager实现页卡最简单方法)
- 利用TabLayout(5.0新技术)+ViewPager+Fragment方法实现书签导航
- SmartTabLayout+PtrFrameLayout+ViewPager+Fragment简单实现
- TabLayout使用setupWithViewPager()方法绑定Viewpager后不显示文字
- 多种多样的App主界面Tab实现方法——利用ViewPager+FragmentPagerAdapter实现Tab
- 多种多样的App主界面Tab实现方法(一):Viewpager
- TabLayout+ViewPager+Fragment实现底部导航
- Android TabLayout、ViewPager实现顶部和底部Tab导航 点击滑动切换Tab页面
- 多种多样的App主界面Tab实现方法(四):ViewPagerIndicator实现tab功能