Android笔记（3）pagerslidingtabstrip二级导航

1.在build.gradle（Module app）中添加包

dependencies {
    compile 'com.astuetz:pagerslidingtabstrip:1.0.1'
}

2.布局文件中使用

<com.astuetz.PagerSlidingTabStrip
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="48dip" />

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

3.在activity中使用

public class Activity extends AppCompatActivity{
    private PagerSlidingTabStrip pagersliding;
    private ViewPager viewpager;
    private Fragment1 fragment1=null;
    private Fragment2 fragment2=null;//要用几个fragment就写几个
    //获取当前屏幕的密度
    private DisplayMetrics dm;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_campus);
        init();
    }
        private void init() {
        dm = getResources().getDisplayMetrics();//获取屏幕密度
        viewpager=(ViewPager)findViewById(R.id.viewpager);
        viewpager.setAdapter(new MyPagerAdapter(getSupportFragmentManager()));
        pagersliding = (PagerSlidingTabStrip) findViewById(R.id.tabs);
        pagersliding.setViewPager(viewpager);
        imageButton=(ImageButton)findViewById(R.id.ib_return);
        imageButton.setOnClickListener(this);
    }

    private void setpagerstyle() {
        pagersliding.setShouldExpand(true); // 设置Tab是自动填充满屏幕的
        pagersliding.setDividerColor(Color.TRANSPARENT); // 设置Tab的分割线是透明的
        // 设置Tab底部线的高度
        pagersliding.setUnderlineHeight((int) TypedValue.applyDimension(
                TypedValue.COMPLEX_UNIT_DIP, 1, dm));
        // 设置Tab Indicator的高度
        pagersliding.setIndicatorHeight((int) TypedValue.applyDimension(
                TypedValue.COMPLEX_UNIT_DIP, 4, dm));
        // 设置Tab标题文字的大小
        pagersliding.setTextSize((int) TypedValue.applyDimension(
                TypedValue.COMPLEX_UNIT_SP, 16, dm));
        pagersliding.setIndicatorColor(Color.parseColor("#45c01a"));// 设置Tab Indicator的颜色
        // 设置选中Tab文字的颜色 (这是自定义的一个方法)
        //pagersliding.setSelectedTextColor(Color.parseColor("#45c01a"));
        pagersliding.setTabBackground(0); // 取消点击Tab时的背景色
    }
}

//自定义ViewPagerAdapter子类
    private class MyPagerAdapter extends FragmentPagerAdapter {
        private String[] titles = {"fragment1","fragment2"};//显示在二级导航上的标题文字

        public MyPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            switch (position) {
                case 0:
                    if (fragment1 == null) {
                        fragment1 = new CampusFragment(1);
                    }
                    return fragment1;
                case 1:
                    if (fragment2 == null) {
                        fragment2 = new CampusFragment(2);
                    }
                    return fragment2;
                default:
                    return null;
            }
        }

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

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

    }

4.创建Fragment1,Fragment2类

public class Fragment1 extends Fragment{
private View view=null;
    private Context context;
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        view = inflater.inflate(R.layout.fragment1, container, false);
        context = getActivity();
        return view;
    }
}

public class Fragment2 extends Fragment{
private View view=null;
    private Context context;
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        view = inflater.inflate(R.layout.fragment2, container, false);
        context = getActivity();
        return view;
    }
}

5.创建fragment1.xml,fragment2.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"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</LinearLayout>