依赖:
compile'com.android.support:design:27+'
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" tools:context=".MainActivity"> <android.support.design.widget.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="wrap_content" /> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" /> </LinearLayout>
MainActivity:
package com.example.app5; 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 java.util.ArrayList; public class MainActivity extends AppCompatActivity { private TabLayout tabLayout; private ViewPager viewPager; ArrayList<Fragment> fragmentList = new ArrayList<Fragment>(); ArrayList<String> titleList = new ArrayList<String>(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); tabLayout = (TabLayout) findViewById(R.id.tabLayout); viewPager = (ViewPager) findViewById(R.id.viewPager); initData(); //ctrl+p 提示参数的快捷键 MPagerAdapter mPagerAdapter = new MPagerAdapter(getSupportFragmentManager()); viewPager.setAdapter(mPagerAdapter); //设置TabLayout的模式 tabLayout.setTabMode(TabLayout.MODE_FIXED); //让tablayout和Viewpager关联; tabLayout.setupWithViewPager(viewPager); } private void initData() {
fragmentList.add(new BlankFragment()); titleList.add("视频" ); fragmentList.add(new MusicFragment()); titleList.add("音乐" ); fragmentList.add(new CartFragment()); titleList.add("购物车" ); } class MPagerAdapter extends FragmentPagerAdapter { public MPagerAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { return fragmentList.get(position); } @Override public int getCount() { return fragmentList.size(); } //需要重写个返回标题的方法; @Override public CharSequence getPageTitle(int position) { return titleList.get(position); } } }