# TabLayout

**Repository Path**: sywlgzs/TabLayout

## Basic Information

- **Project Name**: TabLayout
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-04-06
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

 **运行效果图** 

![输入图片说明](https://images.gitee.com/uploads/images/2020/0406/202802_646cbb9e_508872.jpeg "{7C6BFA53-7104-495A-97DF-68F0E912D163}_20200406202754.jpg")

 **项目结构图** 

![输入图片说明](https://images.gitee.com/uploads/images/2020/0406/202700_23209a6f_508872.jpeg "{B4B42BF2-FFBD-4DC0-B539-A1FD54201E72}_20200406202631.jpg")

 **TabLayout 使用方法** 

 **1、导入依赖** 
implementation 'com.android.support:design:28.0.0'

 **2、修改layout/activity_main.xml** 
`<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >

    <android.support.design.widget.TabLayout
        android:id="@+id/tablayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabBackground="@android:color/white"
        app:tabContentStart="0dp"
        app:tabIndicatorColor="#ad2d2fda"
        app:tabIndicatorHeight="3dp"
        app:tabMode="scrollable"
        app:tabSelectedTextColor="#4360df"
        app:tabTextColor="#FF000000"/>

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></android.support.v4.view.ViewPager>


</LinearLayout>`

3、修改MainActivity.java

```
package com.example.myapplication;

import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

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

public class MainActivity extends AppCompatActivity {
    private String []mTitles = new String[]{"tab1","tab2","tab3","tab4","tab5","tab6","tab7","tab8","tab9"};
    private TabLayout mTab;
    private ViewPager mVp;
    private List<Fragment> mFragments;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        findViews();
        mFragments = new ArrayList<>();
        for (int i = 0; i < mTitles.length; i++) {
            Bundle bundle = new Bundle();
            bundle.putString("key",mTitles[i]);
            Fragment fragment = new MyFragment();
            fragment.setArguments(bundle);
            mFragments.add(fragment);

        }
        MyAdapter adapter = new MyAdapter(getSupportFragmentManager(),mTitles,mFragments);
        mVp.setAdapter(adapter);
        mTab.setupWithViewPager(mVp);

    }

    private void findViews() {
        mTab =  findViewById(R.id.tablayout);
        mVp = findViewById(R.id.pager);
    }
}

```

4、新建适配器MyAdapter.java

```
package com.example.myapplication;

import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

import java.util.List;

public class MyAdapter extends FragmentPagerAdapter {
    private String []mTitles;
    private List<Fragment> mFragments;
    public MyAdapter(FragmentManager fm,String []mTitles,List<Fragment> fragments) {
        super(fm);
        this.mTitles = mTitles;
        this.mFragments = fragments;
    }

    @Override
    public Fragment getItem(int i) {
        return mFragments.get(i);
    }

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

    public String[] getTitles() {
        return mTitles;
    }

    @Nullable
    @Override
    public CharSequence getPageTitle(int position) {
        return mTitles[position];
    }
}

```

5、新建MyFragment.java

```
package com.example.myapplication;

import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

import java.util.List;

public class MyAdapter extends FragmentPagerAdapter {
    private String []mTitles;
    private List<Fragment> mFragments;
    public MyAdapter(FragmentManager fm,String []mTitles,List<Fragment> fragments) {
        super(fm);
        this.mTitles = mTitles;
        this.mFragments = fragments;
    }

    @Override
    public Fragment getItem(int i) {
        return mFragments.get(i);
    }

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

    public String[] getTitles() {
        return mTitles;
    }

    @Nullable
    @Override
    public CharSequence getPageTitle(int position) {
        return mTitles[position];
    }
}
```

6、新建fragment_test.xml

```
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="zhefsdafdfdsa"/>

</LinearLayout>
```

7、运行搞定