智能管家---2.TabLayout布局

xiaoxiao2021-03-01  17

这是学习慕课视频入门Android app 的学习笔记,包括源代码以及项目实现的思路

资源下载:https://download.csdn.net/download/ayangann915/10586026 * 添加依赖 在gradle文件中:

implementation 'com.android.support:design:26.1.0' 接下来实现TabLayout布局,下面是效果: 一共有四个子布局,滑动页面或点击都可以实现切换的效果,上面的四个项目名称就是放在Tablayout中:

默认字体颜色:白色

app:tabTextColor="#ffffff"

选中后的颜色:

app:tabSelectedTextColor="@color/colorAccent"

选中后下划线的颜色:

app:tabIndicatorColor="@color/colorAccent"

背景颜色:

android:background="@color/colorPrimary"

模式:

app:tabMode="fixed"

名称居中显示:

app:tabGravity="fill"

其余的viewPager占领全部界面。完整代码:

接下来是初始化控件如viewpager,TabLayout等,并将四个标题和界面都存放在List中。

初始化数据List:

private void initData() { //四个标题 mTitles=new ArrayList<>(); mTitles.add("服务管家"); mTitles.add("微信精选"); mTitles.add("美图相册"); mTitles.add("个人中心"); //四个界面fragment,每个fragment绑定不同的xml文件,现在统一内容为标题名称 mFragment=new ArrayList<>(); mFragment.add(new BluterFragment()); mFragment.add(new WeChatFragment()); mFragment.add(new GirlFragment()); mFragment.add(new UserFragment()); } //注意标题名称和相应的fragment要一一对应

预加载:

mViewPager.setOffscreenPageLimit(mFragment.size());

viewPager的滑动监听: 为viewPager设置适配器

mViewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) { //获取每个fragment @Override public Fragment getItem(int position) { return mFragment.get(position); } //fragment的数量 @Override public int getCount() { return mFragment.size(); } //每个fragment对应的标题 @Override public CharSequence getPageTitle(int position) { return mTitles.get(position); } });

去除阴影: 没去除前效果: 去除之后的图见最开始的图片。

getSupportActionBar().setElevation(0);

绑定标题和界面:

mTabLayout.setupWithViewPager(mViewPager);

完整代码:

转载请注明原文地址: https://www.6miu.com/read-4050253.html

最新回复(0)