仿微信形式构建的ViewPager

学习慕课网仿微信界面


以四个Fragment为例

首先创建四个Fragment并关联相应的xml文件

仿微信形式构建的ViewPager_第1张图片
关联布局文件
仿微信形式构建的ViewPager_第2张图片
布局文件内容

然后在main_activity内实例化相应对象,创建并设置相应的adapter

仿微信形式构建的ViewPager_第3张图片
声明
仿微信形式构建的ViewPager_第4张图片
实现

其中fragmentPagerAdapter的getCount()方法返回fragment个数,getItem返回对应position的fragment


然后是换页时对应页面标签文字的颜色改变

先根据各页面标签实例化标签对应的TextView:

仿微信形式构建的ViewPager_第5张图片
声明
仿微信形式构建的ViewPager_第6张图片
绑定

然后为mViewPager添加setOnPageChangeListener()函数,用以监听页面的变化,同时添加setOnPageChangeListener的方法

添加setOnPageChangeListener方法

在onPageSelected()函数(页面发生变化时调用且position表示当前页面的id)中添加变换的方法

仿微信形式构建的ViewPager_第7张图片
颜色改变

先用resetTextView()函数重置TextView颜色,再来进行变换

仿微信形式构建的ViewPager_第8张图片
颜色重置


参考资料:慕课网

你可能感兴趣的:(仿微信形式构建的ViewPager)