使用TabLayout和Viewpager实现选项卡切换

最新推荐文章于 2021-05-31 11:23:04 发布

原创最新推荐文章于 2021-05-31 11:23:04 发布 · 302 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#TabLayout #Viewpager

本文介绍了一个使用Android Support库中的TabLayout和ViewPager组件来创建带标签页的应用示例。通过MainActivity展示了如何设置多个Fragment，并将它们与TabLayout关联起来以实现流畅的标签页切换效果。

MainActivity

package com.jj.yuekao.demo08;

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

import com.jj.yuekao.R;

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

import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.Unbinder;

public class Main8Activity extends AppCompatActivity {
  private Unbinder unbinder;
    @BindView(value = R.id.tab_layout_id)
    TabLayout mTabLayout;
    private List<String> titles=new ArrayList<>();
    @BindView(value = R.id.view_pager_id)
    ViewPager mViewPager;
    private List<Fragment> data=new ArrayList<>();
    private MyAdapter adapter;


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

        unbinder= ButterKnife.bind(this);

        titles.add("页面一");
        titles.add("页面二");
        titles.add("页面三");
        titles.add("页面四");

         data.add(new ShengQianFragment());
        data.add(new OtherFragment());
        data.add(new OtherFragment());
        data.add(new OtherFragment());

        adapter=new MyAdapter(getSupportFragmentManager());
        mViewPager.setAdapter(adapter);

        mTabLayout.setupWithViewPager(mViewPager);

    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        unbinder.unbind();
    }

    class MyAdapter extends FragmentPagerAdapter {
        public MyAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            return data.get(position);
        }

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

        @Override
        public CharSequence getPageTitle(int position) {
            return titles.get(position);
        }
    }
}

OtherFragment

package com.jj.yuekao.demo08;


import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.jj.yuekao.R;

/**
 * A simple {@link Fragment} subclass.
 */
public class OtherFragment extends Fragment {


    public OtherFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_blank, container, false);
    }

}

ShengQianFragment

package com.jj.yuekao.demo08;


import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.GridView;

import com.jj.yuekao.R;

import butterknife.BindView;
import butterknife.ButterKnife;

/**
 * A simple {@link Fragment} subclass.
 */
public class ShengQianFragment extends Fragment {

    @BindView(value = R.id.gv_id)
    GridView mGridView;
    public ShengQianFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.fragment_sheng_qian,container,false);
        ButterKnife.bind(this,view);
        return view;
    }

}

fragment_blank

<FrameLayout 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"
    tools:context="com.jj.yuekao.demo08.OtherFragment">

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="@string/hello_blank_fragment" />

</FrameLayout>

fragment_sheng_qian

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <GridView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:numColumns="2"
        android:id="@+id/gv_id"></GridView>
</FrameLayout>