TabLayout模版

最新推荐文章于 2024-08-05 17:25:59 发布

百分之99的爱

最新推荐文章于 2024-08-05 17:25:59 发布

阅读量187

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/dongchangqi95/article/details/79102308

本文介绍如何在Android应用中将TabLayout与ViewPager组件结合使用，实现流畅的标签页切换效果。通过创建Fragment实例和自定义ViewPager适配器，设置TabLayout的各项属性，实现了美观且功能完整的标签页导航。

导航栏:

compile 'com.android.support:design:26.0.0-alpha1'

TabLayout和ViewPager配合使用:

List<String> titleList = new ArrayList<>();
titleList.add("简介");
titleList.add("评论");
List<Fragment> fragmentList = new ArrayList<>();
DescriptionFragment descriptionFragment = new DescriptionFragment();
fragmentList.add(descriptionFragment);
fragmentList.add(new ValuationFragment());

MovieDetailVPAdapter movieDetailVPAdapter = new MovieDetailVPAdapter(getSupportFragmentManager(),titleList,fragmentList);
movieJumpDetailViewpager.setAdapter(movieDetailVPAdapter);
movieJumpDetailViewpager.setOffscreenPageLimit(2);

movieJumpDetailTablayout.setupWithViewPager(movieJumpDetailViewpager);//结合ViewPager

movieJumpDetailTablayout.setSelectedTabIndicatorColor(mainColor);
movieJumpDetailTablayout.setTabTextColors(Color.WHITE,mainColor);
movieJumpDetailTablayout.setBackgroundColor(Color.argb(50,248,248,255));

ViewPager适配器:

package com.bwie.dongchangqi.personaltailor.Adapters;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

import java.util.List;

/**
 * Created by Administrator on 2017/12/18 0018.
 */

public class MovieDetailVPAdapter extends FragmentPagerAdapter{
    private List<String> titleList;
    private List<Fragment> fragmentList;

    public MovieDetailVPAdapter(FragmentManager fm,List<String> titleList,List<Fragment> fragmentList) {
        super(fm);
        this.titleList = titleList;
        this.fragmentList = fragmentList;
    }


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

    @Override
    public int getCount() {
        if(fragmentList==null||fragmentList.size()==0){
            return 0;
        }
        return fragmentList.size();
    }

    @Override
    public CharSequence getPageTitle(int position) {

        return titleList.get(position);
    }
}

布局:

xmlns:app="http://schemas.android.com/apk/res-auto"

<android.support.design.widget.TabLayout
    android:id="@+id/movie_jump_detail_tablayout"
    app:tabIndicatorHeight="@dimen/x3"
    app:tabPaddingStart="@dimen/x80"   //边距等等
    app:tabPaddingEnd="@dimen/x80"
    app:tabTextAppearance="@android:style/TextAppearance.Holo.Inverse"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
</android.support.design.widget.TabLayout>