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

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



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


一:导入开源库

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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ViewPager 和 FragmentAndroid 开发中常用的组件,ViewPager 可以实现左右滑动切换不同的页面,而 Fragment 可以实现模块化开发,将界面和逻辑分离,便于维护和扩展。 将两者结合起来可以实现多个 FragmentViewPager 中的左右滑动切换。具体实现步骤如下: 1. 创建多个 Fragment,每个 Fragment 对应一个页面。 2. 创建一个继承自 FragmentPagerAdapter 或 FragmentStatePagerAdapter 的适配器类,重写 getItem() 方法,返回对应位置的 Fragment。 3. 在布局文件中添加 ViewPager 组件,并设置适配器。 4. (可选)设置 ViewPager 的页面切换动画效果。 示例代码: 1. 创建 Fragment: ``` public class MyFragment extends Fragment { // ... } ``` 2. 创建适配器: ``` public class MyPagerAdapter extends FragmentPagerAdapter { private List<Fragment> fragmentList; public MyPagerAdapter(FragmentManager fm, List<Fragment> fragmentList) { super(fm); this.fragmentList = fragmentList; } @Override public Fragment getItem(int position) { return fragmentList.get(position); } @Override public int getCount() { return fragmentList.size(); } } ``` 3. 在布局文件中添加 ViewPager 组件: ``` <androidx.viewpager.widget.ViewPager android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 4. 设置适配器: ``` List<Fragment> fragmentList = new ArrayList<>(); fragmentList.add(new MyFragment()); fragmentList.add(new MyFragment()); fragmentList.add(new MyFragment()); ViewPager viewPager = findViewById(R.id.view_pager); viewPager.setAdapter(new MyPagerAdapter(getSupportFragmentManager(), fragmentList)); ``` 5. (可选)设置页面切换动画效果: ``` viewPager.setPageTransformer(true, new DepthPageTransformer()); ``` 以上是 ViewPager 和 Fragment 的基本用法,你还可以根据实际需求对它们进行更多的扩展和定制。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值