Tablayout的使用

最新推荐文章于 2024-05-04 14:07:00 发布

烤天鹅

最新推荐文章于 2024-05-04 14:07:00 发布

阅读量225

点赞数

分类专栏：控件使用

本文链接：https://blog.csdn.net/qq_33378751/article/details/78272957

版权

控件使用专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Fragment+ViewPager+FragmentPagerAdapter的方式

activity的布局：

<?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"
    tools:context="com.zdl.testapp.TabActivity">

    <android.support.design.widget.TabLayout
        android:id="@+id/tb"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="scrollable" />

    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />
</LinearLayout>

使用之前一定要先引入design库

初始化操作

  viewPager = (ViewPager) findViewById(R.id.vp);
        tabLayout = (TabLayout) findViewById(R.id.tb);

Fragment布局

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

    <TextView
        android:id="@+id/tv"
        android:layout_centerInParent="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>

创建Fragment

public class PageFragment extends Fragment {

    public static final String ARGS_PAGE = "args_page";

    private int mPage;

    /**
     * 单例模式防止重复创建
     * @param page
     * @return
     */
    public static PageFragment newInstance(int page) {
        Bundle args = new Bundle();

        args.putInt(ARGS_PAGE, page);
        PageFragment pageFragment = new PageFragment();
        pageFragment.setArguments(args);
        return pageFragment;
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mPage =  getArguments().getInt(ARGS_PAGE);
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        View view = inflater.inflate(R.layout.fragmnt_layout, null, false);
        TextView textView = (TextView) view.findViewById(R.id.tv);
        textView.setText("第" + mPage + "页");
        return view;

    }
}

adapter:

public class FragmentAdapter extends FragmentPagerAdapter {

    private String[] titles = new String[]{"Tab1", "Tab2", "Tab3", "Tab4", "Tab5"};

    private Context context;

    public FragmentAdapter(FragmentManager fm, Context context) {
        super(fm);
        this.context = context;

    }

    /**
     * 获取fragment
     *
     * @param position
     * @return
     */
    @Override
    public Fragment getItem(int position) {
        return PageFragment.newInstance(position + 1);
    }

    /**
     * 标题长度
     *
     * @return
     */
    @Override
    public int getCount() {
        return titles.length;
    }

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

tablayout+viewpager一起使用

 FragmentPagerAdapter fragmentPagerAdapter = new FragmentAdapter(getSupportFragmentManager(), this);
        viewPager.setAdapter(fragmentPagerAdapter);
        tabLayout.setupWithViewPager(viewPager);

tab没有占满的情况

1.代码

    tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
    tabLayout.setTabMode(TabLayout.MODE_FIXED);

2布局

<android.support.design.widget.TabLayout
        android:id="@+id/tabLayout"
        app:tabGravity="fill"
        app:tabMode="fixed"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />