您的位置:首页 > 移动开发 > Android开发

第三方开源库征服复杂的viewpager+fragment布局(超经典)

2017-08-29 09:11 309 查看
最近正好有这个需求,于是整理了这个文档,希望对大家有所帮助:

这里有三个步骤即可完成非常简单,大家可以保存:

一:导入开源库

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) {

}

}


最后:对,就是这么简单。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐