第三方TabLayout的静态动态使用和Viewpage一起使用

最新推荐文章于 2022-01-14 21:58:09 发布

赢le

最新推荐文章于 2022-01-14 21:58:09 发布

阅读量802

点赞数 1

分类专栏： Android安卓文章标签： android 安卓开发移动开发 tablelayout

本文链接：https://blog.youkuaiyun.com/qq_38259132/article/details/77747263

版权

Android安卓专栏收录该内容

20 篇文章

订阅专栏

本文介绍了如何在Android开发中使用第三方TabLayout，包括静态和动态两种实现方式，并详细展示了如何将TabLayout与ViewPager结合，实现多标题滑动效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TabLayout有静态动态两种实现方法并实现多个标题或控件实现滑动
废话不多说
直接上代码

布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

    tools:context="a16.erin.tablayout_demo.MainActivity">

    <android.support.design.widget.TabLayout
        android:id="@+id/mytag_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabSelectedTextColor="#f00"
        //如果要实现有多个条目标题实现边距滑出来的效果一定要加这个属性 否则实现不了
        app:tabMode="scrollable"
        >
        //静态注册直接在布局文件里添加标题TabItem 动态注册在代码里实现
        <!--<android.support.design.widget.TabItem-->
            <!--android:id="@+id/item1"-->
            <!--android:layout_width="wrap_content"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:text="taba"-->
            <!--/>-->
        <!--<android.support.design.widget.TabItem-->
            <!--android:id="@+id/item2"-->
            <!--android:layout_width="wrap_content"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:text="tabb"-->
            <!--/>-->
        <!--<android.support.design.widget.TabItem-->
            <!--android:id="@+id/item3"-->
            <!--android:layout_width="wrap_content"-->
            <!--android:layout_height="wrap_content"-->
            <!--android:text="tabc"-->
            <!--/>-->

    </android.support.design.widget.TabLayout>
    <android.support.v4.view.ViewPager
        android:id="@+id/mypager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/mytag_layout"
        />
</RelativeLayout>

具体代码如下：

private TabLayout tabLayout;
    private ViewPager pager;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tabLayout=(TabLayout)findViewById(R.id.mytag_layout);
        pager=(ViewPager)findViewById(R.id.mypager);
        tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
        pager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
            @Override
            public Fragment getItem(int position) {
                return new Fragment1();
            }

            @Override
            public int getCount() {
               // tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
               // app:tabMode="scrollable"当条目太多时需要横向滑动，添加此方法；
                return 9;
            }

            @Override
            public CharSequence getPageTitle(int position) {
                return "tab"+(position+1);
            }
        });
        //动态添加tab按钮  ；；；；还可以布局文件里面添加tabitem;
//        tabLayout.addTab( tabLayout.newTab().setText("tab1"));
//        tabLayout.addTab( tabLayout.newTab().setText("tab2"));
//        tabLayout.addTab( tabLayout.newTab().setText("tab3"));
//        tabLayout.addTab( tabLayout.newTab().setText("tab4"));
        //关联viewpager与tablayout
        tabLayout.setupWithViewPager(pager);
        for(int i=0;i<9;i++){
            TabLayout.Tab tabitem=tabLayout.getTabAt(i);
            //给单个的tab按钮添加自定义布局；
            tabitem.setCustomView(R.layout.item);
        }
        tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                //获取当前点击位置；
              int index=  tab.getPosition();
                //获取对应点击tab的布局view；
                View view=tab.getCustomView();
                ImageView img=(ImageView)view.findViewById(R.id.myimg);

            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {

            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {

            }
        });
    }
}