第三方开源库征服复杂的viewpager+fragment布局(超经典)
2017-08-29 09:11
309 查看
最近正好有这个需求,于是整理了这个文档,希望对大家有所帮助:
这里有三个步骤即可完成非常简单,大家可以保存:
一:导入开源库
特简单吧!
二:建立三个碎片
这个就不用我教大家了吧,直接右键创建三个Fragment就可以了。
三:xml布局:这里是很关键的地方当然也很简单(咱们使用PagerSlidingStrip第三方开源):
这里有三个步骤即可完成非常简单,大家可以保存:
一:导入开源库
compile 'com.astuetz:pagerslidingtabstrip:1.0.1'
特简单吧!
二:建立三个碎片
这个就不用我教大家了吧,直接右键创建三个Fragment就可以了。
三:xml布局:这里是很关键的地方当然也很简单(咱们使用PagerSlidingStrip第三方开源):
<?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.LinearLayoutCompat 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.example.administrator.life.MainActivity"> <com.astuetz.PagerSlidingTabStrip android:id="@+id/tabstrip" android:layout_width="match_parent" android:layout_height="48dp"> </com.astuetz.PagerSlidingTabStrip> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@id/tabstrip" ></android.support.v4.view.ViewPager> </android.support.v7.widget.LinearLayoutCompat>
四:给viewpager添加适配器,给PagerSlidingTabStrip设置属性
public class MainActivity extends AppCompatActivity implements View.OnClickListener { //定义相关变量 private ViewPager vPager; private ArrayList<Fragment> mFragments; private Fragment mFragment1,mFragment2,mFragment3; @Override protected void [/b]onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mFragments=new ArrayList<Fragment>(); vPager = (ViewPager) findViewById(R.id.viewpager); mFragment1=new RecommendFragment(); mFragment2=new FruitFragment(); mFragment3=new MeatFragment(); mFragments.add(mFragment1); mFragments.add(mFragment2); mFragments.add(mFragment3); vPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) { @Override public CharSequence getPageTitle(int position) { return "Title " + (position + 1); } @Override public Fragment getItem(int position) { return mFragments.get(position); } @Override public int getCount() { return 3; } }); //获取PagerSlidingTabStrip控件对象 PagerSlidingTabStrip strip = (PagerSlidingTabStrip) findViewById(R.id.tabstrip); strip.setShouldExpand(true);//设置标签自动扩展——当标签们的总宽度不够屏幕宽度时,自动扩展使每个标签宽度递增匹配屏幕宽度,注意!这一条代码必须在setViewPager前方可生效 strip.setViewPager(vPager); //这是其所handle的ViewPager strip.setDividerColor(Color.TRANSPARENT); //设置每个标签之间的间隔线颜色 ->透明 strip.setUnderlineHeight(3); //设置标签栏下边的间隔线高度,单位像素 strip.setIndicatorHeight(6); //设置Indicator 游标 高度,单位像素 } @Override public void onClick(View view) { } }
最后:对,就是这么简单。
相关文章推荐
- Fragment利用ViewPager实现左右滑动--第三方开源--SlidingTabLayout和SlidingTabStrip实现
- 解决常见布局Viewpager+Fragment多页面切换销毁问题
- 使用DrawerLayout实现侧滑菜单,,RadioButton+Fragment实现页面主布局,首页面使用tabLayout+viewPager实现
- ViewPager+Fragment 滚动系隐藏头部布局
- Android界面布局大集合(Fragment+ViewPager)
- ViewPager+Fragment【经典案例】
- 解决android FragmentTabHost + viewpager + fragment 嵌套布局切换出现白屏什么都没有问题
- ViewPager+Fragment实现Tabhost,动态添加删除Fragment,可供第三方使用的类库
- Fragment为载体可自动布局的CardView(GitHub上写开源项目初体验)
- Viewpager模仿微信主布局的三种方式 ViewPager,Fragment,ViewPager+FragmentPagerAdapter
- 仿 今日头条布局:TabLayout+ViewPager+Fragment+ListView多条目加载+Webview
- Android中fragment+viewpager实现布局
- 简单viewpager布局加fragment联动 可以实现效果
- Viewpager+RadioButton+fragment页面布局
- Android布局为,Fragment,ScrollView,Viewpager切换焦点问题
- 占位布局之fragment01的布局---PullToRefreshScrollView+viewpager+listview
- 【安卓笔记】ViewPager+Fragment布局中的Fragment数据更新
- Android流行UI布局 BottomNavigationView+ViewPager+Fragment的使用
- ViewPager+Fragment添加一行若干小红球滚动指示器指示当前ViewPager翻阅位置(可供第三方使用的类)
- RadioGroup+ViewPager+Fragment的框架布局