Android 简单SlidingTabLayout的用法

最新推荐文章于 2025-09-17 06:27:29 发布

原创最新推荐文章于 2025-09-17 06:27:29 发布 · 4.4k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Android

本文介绍如何使用SlidingTabLayout结合ViewPager实现滑动标签页效果。通过导入Gradle依赖、设置布局文件及MainActivity代码，详细展示了添加Fragment实现左右滑动的具体步骤。

SlidingTabLayout的用法

1、导入Gradle依赖

implementation 'com.flyco.tablayout:FlycoTabLayout_Lib:2.1.2@aar'

2、布局

       布局采用SlidingTabLayout和ViewPage 配合使用，在ViewPage中添加fragment，从而实现左右滑动
       
       具体代码如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    tools:context=".tab_layout.Tab_Sildind_01Activity">
    <com.flyco.tablayout.SlidingTabLayout
        android:id="@+id/slide"
        app:tl_textsize="20dp"
        app:tl_indicator_color="@color/black"
        android:layout_width="match_parent"
        android:background="@android:color/holo_blue_bright"
        android:layout_height="40dp"/>
    <androidx.viewpager.widget.ViewPager
        android:id="@+id/viewPage"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />

</LinearLayout>

3、MianActivity

   在MainActivity通过ViewPage增加Fragment
   最后把SlidingTabLayout和ViewPage绑定在一起
   
   具体代码如下:

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentPagerAdapter;
import androidx.viewpager.widget.ViewPager;

import android.os.Bundle;

import com.example.myapplication.R;
import com.example.myapplication.tab_layout.frag_ment.Tab_sild_01Fragment;
import com.example.myapplication.tab_layout.frag_ment.Tab_sild_02Fragment;
import com.example.myapplication.tab_layout.frag_ment.Tab_sild_03Fragment;
import com.example.myapplication.tab_layout.frag_ment.Tab_sild_04Fragment;
import com.example.myapplication.tab_layout.frag_ment.Tab_sild_05Fragment;
import com.example.myapplication.tab_layout.frag_ment.Tab_sild_06Fragment;
import com.flyco.tablayout.SlidingTabLayout;

import java.util.ArrayList;
import java.util.List;

public class Tab_Sildind_01Activity extends AppCompatActivity {
    private SlidingTabLayout slide;
    private ViewPager viewPage;
    private String[] title={"第一个","第二个","第三个","第四个","第五个","第六个"};
    private List<Fragment> fragments=new ArrayList<>();


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

//        初始化
        init();
        fragments.add(new Tab_sild_01Fragment());
        fragments.add(new Tab_sild_02Fragment());
        fragments.add(new Tab_sild_03Fragment());
        fragments.add(new Tab_sild_04Fragment());
        fragments.add(new Tab_sild_05Fragment());
        fragments.add(new Tab_sild_06Fragment());


        viewPage.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
            @NonNull
            @Override
            public Fragment getItem(int position) {
                return fragments.get(position);
            }

            @Override
            public int getCount() {
                return fragments.size();
            }

            @Nullable
            @Override
            public CharSequence getPageTitle(int position) {
                return title[position];
            }
        });
        slide.setViewPager(viewPage);




    }

    private void init() {
        slide = (SlidingTabLayout) findViewById(R.id.slide);
        viewPage = (ViewPager) findViewById(R.id.viewPage);
    }
}