tabLayout与viewPager联动
2016-11-14 11:52
344 查看
首先是xml布局
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.ex.qf.dragonflyfm.activity.MainActivity"> <android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.design.widget.TabItem android:text="text1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <android.support.design.widget.TabItem android:text="text1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <android.support.design.widget.TabItem android:text="text1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <android.support.design.widget.TabItem android:text="text1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <android.support.design.widget.TabItem android:text="text1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </android.support.design.widget.TabLayout> <android.support.v4.view.ViewPager android:layout_weight="1" android:id="@+id/pager" android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.v4.view.ViewPager> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <Button android:text="button1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout> </LinearLayout>
进行一些TabLayout的初始化设置
//设置tabLayout模式 tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE); //设置选中颜色和未选中淹死 tabLayout.setTabTextColors(Color.BLACK, Color.RED);
除了采用xml静态添加tabItem的方式,还有tabLayout的动态添加tabItem:
mTabLayout.addTab(mTabLayout.newTab().setCustomView(createCustomView()).setText("娃哈哈").setIcon(R.drawable.ic_home)); mTabLayout.addTab(mTabLayout.newTab().setCustomView(createCustomView()).setText("娃哈哈").setIcon(R.drawable.ic_home)); mTabLayout.addTab(mTabLayout.newTab().setCustomView(createCustomView()).setText("娃哈哈").setIcon(R.drawable.ic_home));其次根据id查找TabLayout,ViewPager,
pager = (ViewPager) findViewById(R.id.pager);tabLayout = (TabLayout) findViewById(R.id.tabLayout);
//tabLayout与viewpager的联动
tabLayout.setupWithViewPager(pager);
//为viewPager添加Fragment
pager.setAdapter(new FragmentAdapter(getSupportFragmentManager(),lists));以下是ViewPager的专注于匹配Fragment的适配器,注意要重写onPageTitle方法,因为,tabLyaout在与ViewPager联动时,
数据被清空了。
package com.ex.qf.dragonflyfm.adapter;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentPagerAdapter;import java.util.List;/*** Created by administer on 2016/11/14.*/public class FragmentAdapter extends FragmentPagerAdapter{private List<Fragment> lists;@Overridepublic CharSequence getPageTitle(int position) {switch (position) {case 0:return "精选";case 1:return "分类";case 2:return "主播";case 3:return "电台";default:return super.getPageTitle(position);}}public FragmentAdapter(FragmentManager fm, List<Fragment> lists) {super(fm);this.lists = lists;}public FragmentAdapter(FragmentManager fm) {super(fm);}@Overridepublic Fragment getItem(int position) {return lists.get(position);}@Overridepublic int getCount() {return lists.size();}
相关文章推荐
- TabLayout和ViewPager的联动使用
- 关于TabLayout和ViewPager联动不显示文字
- ViewPager+TabLayout(谷歌支持包)实现联动效果
- ViewPager+Tablayout实现页面标题联动效果
- TabLayout 和ViewPager联动
- TabLayout与ViewPager的联动使用
- TabLayout和ViewPager联动图标和标题的问题
- TabLayout与ViewPager联动
- TabLayout实现标题栏viewpager与Fragment联动,标题栏下面有指示器(小横线)
- 4.8.3 在 一个 Fragment 里面实现ViewPager 和TabLayout 进行联动
- Tablayout 加 ViewPager 联动效果
- TabLayout和Viewpager联动
- TabLayout(结合viewpager进行联动,平移)的使用
- tablayout+viewpager联动
- Android TabLayout定制CustomView与ViewPager交互双向联动
- TabLayout与ViewPager实现头部标题与内容页联动的效果
- 三:tabLayout与ViewPager联动使用
- Tablayout与ViewPager联动时不显示Tablayout上面的标题
- Android中TabLayout+ViewPager实现tab和页面联动效果
- 安卓官方ViewPager与android.support.design.widget.TabLayout双向交互联动切换 。