TabLayout和ViewPager实现滑动片段

最新推荐文章于 2023-04-20 09:32:20 发布

codesuperman1314

最新推荐文章于 2023-04-20 09:32:20 发布

阅读量470

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/codesuperMan1314/article/details/53955283

版权

Android 专栏收录该内容

69 篇文章 0 订阅

订阅专栏

本文介绍如何结合TabLayout与ViewPager在Android应用中创建滑动片段的交互，通过这两个组件实现标签页之间的平滑切换效果。

摘要由CSDN通过智能技术生成

TabLayout和ViewPager实现滑动片段

这里写图片描述

public class MainActivity extends AppCompatActivity {
    private String[] titles = new String[] { "首页", "Android", "iOS", "前端", "推荐",
            "产品" };
    private TabLayout mTabLayout;
    private ViewPager mViewPager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mTabLayout = (TabLayout) findViewById(R.id.sliding_tabs);
        mViewPager = (ViewPager) findViewById(R.id.viewpager);

        MyViewPagerAdapt myViewPagerAdapt = new MyViewPagerAdapt(getSupportFragmentManager());
        // 为ViewPager设置适配器
        mViewPager.setAdapter(myViewPagerAdapt);
        // 关联ViewPager
        mTabLayout.setupWithViewPager(mViewPager);
        // 标签可滚动
        mTabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
        // 标签固定
        //mTabLayout.setTabMode(TabLayout.MODE_FIXED);
    }

    class MyViewPagerAdapt extends FragmentPagerAdapter{

        public MyViewPagerAdapt(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            return new myFragment();
        }

        @Override
        public int getCount() {
            return titles.length;
        }

        /**
         * 重写这个方法设置标题
         * @param position
         * @return
         */
        @Override
        public CharSequence getPageTitle(int position) {
            return titles[position];
        }
    }

}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">



    <android.support.design.widget.TabLayout
        android:id="@+id/sliding_tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"

        app:tabIndicatorColor="#f00"
        app:tabSelectedTextColor="#0ff"
        />

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="0px"
        android:layout_weight="1"
        android:background="@android:color/white" />

</LinearLayout>