TableLayout+Fargment

最新推荐文章于 2024-04-12 06:08:47 发布

原创最新推荐文章于 2024-04-12 06:08:47 发布 · 287 阅读

CC 4.0 BY-SA版权

本文介绍如何在Android应用中使用TabLayout与ViewPager组件实现标签式导航界面，通过实例展示了如何设置标签、图标及绑定Fragment。

private TabLayout tl_main;
private ViewPager vp_main;
private String[] mTitles = new String[]{"最新日报", "专栏", "热门", "主题日报"};
private List<Fragment> mList;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main2);
    initViews();
    initDatas();
}

private void initDatas() {
    mList = new ArrayList<>();
    mList.add(new Fragment_1());
    mList.add(new Fragment_2());
    mList.add(new Fragment_3());
    mList.add(new Fragment_4());
    tl_main.addTab(tl_main.newTab().setText("最新日报"));
    tl_main.addTab(tl_main.newTab().setText("专栏"));
    tl_main.addTab(tl_main.newTab().setText("热门"));
    tl_main.addTab(tl_main.newTab().setText("主题日报"));

    tl_main.getTabAt(0).setIcon(R.mipmap.ic_launcher);
    tl_main.getTabAt(1).setIcon(R.mipmap.ic_launcher);
    tl_main.getTabAt(2).setIcon(R.mipmap.ic_launcher);
    tl_main.getTabAt(3).setIcon(R.mipmap.ic_launcher);
    vp_main.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
        @Override
        public Fragment getItem(int position) {
            return mList.get(position);
        }

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

        @Override
        public CharSequence getPageTitle(int position) {
            return mTitles[position];
        }
    });
    // 跟随ViewPager的页面切换
    tl_main.setupWithViewPager(vp_main);
    tl_main.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
        @Override
        public void onTabSelected(TabLayout.Tab tab) {
            int position = tab.getPosition();
            vp_main.setCurrentItem(position);
        }

        @Override
        public void onTabUnselected(TabLayout.Tab tab) {
        }

        @Override
        public void onTabReselected(TabLayout.Tab tab) {

        }
    });

}

private void initViews() {
    tl_main = (TabLayout) findViewById(R.id.tl222);
    vp_main = (ViewPager) findViewById(R.id.pager);
}
布局中的代码
<android.support.design.widget.TabLayout
    android:id="@+id/tl222"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"></android.support.design.widget.TabLayout>

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

别忘记加入依赖
compile 'com.android.support:design:23.4.0'