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

来源:互联网 发布:华为手机推荐2017知乎 编辑:程序博客网 时间:2024/06/14 09:59

最近正好有这个需求,于是整理了这个文档,希望对大家有所帮助:



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


一:导入开源库

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 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); //这是其所handleViewPager        strip.setDividerColor(Color.TRANSPARENT); //设置每个标签之间的间隔线颜色 ->透明        strip.setUnderlineHeight(3); //设置标签栏下边的间隔线高度,单位像素        strip.setIndicatorHeight(6); //设置Indicator 游标 高度,单位像素    }    @Override    public void onClick(View view) {    }}

最后:对,就是这么简单。

阅读全文
1 0
原创粉丝点击