如何实现点击字体或者滑动到该模块后 实现字体变色 效果
2017-12-25 18:54
477 查看
1:在color.xml里自定义 两个颜色属性 ,一个是白色 一个是灰色:
在定义textcolor的时候,这能够方便我们取色;
2:我们定义了这两个属性后,我这里定义了两个页面:一个是“我的音乐”另一个页面是“在线音乐”;
效果图1:
效果图2:
注意:我这里是点击“我的音乐”“在线音乐” 或者左右滑动页面 都有这样的效果;
3:在布局里“我的音乐”和“在线音乐”中的textcolor 重新设置了,部分代码如下:
因为主页面是“我的音乐”,所以初始为白色!“在线音乐”为“灰色”。
4:在MainActivity.java里 我们创建一个Viewpage 的监听方法(不要手打,在写ViewPager.OnPageChangeListener后,用快捷键Alt+回车)
代码如下:
5:因为我们要判断滑动切换页面后字体的效果 所以我这里用到了switch语句
代码如下:
这个写在这个代码里面:
2:需要创建页面监听;
3:用switch语句 实现滑动页面后,一样的效果;
<color name="white">#FFFFFFFF</color> <color name="white_50p">#80FFFFFF</color>
在定义textcolor的时候,这能够方便我们取色;
2:我们定义了这两个属性后,我这里定义了两个页面:一个是“我的音乐”另一个页面是“在线音乐”;
效果图1:
效果图2:
注意:我这里是点击“我的音乐”“在线音乐” 或者左右滑动页面 都有这样的效果;
3:在布局里“我的音乐”和“在线音乐”中的textcolor 重新设置了,部分代码如下:
android:text="我的音乐" android:textColor="@color/white"
android:textColor="@color/white_50p" android:text="在线音乐"
因为主页面是“我的音乐”,所以初始为白色!“在线音乐”为“灰色”。
4:在MainActivity.java里 我们创建一个Viewpage 的监听方法(不要手打,在写ViewPager.OnPageChangeListener后,用快捷键Alt+回车)
代码如下:
viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { } @Override public void onPageScrollStateChanged(int state) { } });
5:因为我们要判断滑动切换页面后字体的效果 所以我这里用到了switch语句
代码如下:
switch (position){ case 0: localTV.setTextColor(getResources().getColor(R.color.white)); //初始画面时 ,"我的音乐"颜色为白色 onlineTV.setTextColor(getResources().getColor(R.color.white_50p)); //"在线音乐"颜色为灰色 break; case 1: localTV.setTextColor(getResources().getColor(R.color.white_50p)); //向右滑动页面后,"在线音乐"为白色 onlineTV.setTextColor(getResources().getColor(R.color.white)); //"我的音乐"为灰色 }
这个写在这个代码里面:
@Override public void onPageSelected(int position) { }
总结
1:自定义两个颜色;2:需要创建页面监听;
3:用switch语句 实现滑动页面后,一样的效果;
相关文章推荐
- 使用jquery实现表单点击进入、移出变色效果(三)
- android如何实现按钮的点击水波纹效果:
- ionic通讯录点击滑动效果的实现以及$ionicscrolldelegate使用分析
- Android中如何编写图片选择器,实现按点击按钮时按钮的图片或者颜色发生变化
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式
- 如何在Android中实现左右滑动的指引效果
- Android GridView 中如何实现item合并,类似于桌面的应用图标效果,长按拖动,加入到另外一个已经存在的文件夹中,或者是压在另一个图标上,行成新的
- 【android】:android积累2之如何实现点击一个按钮或者选项然后出现一条消息
- 实现IOS版的抽屉效果(点击,拖拽滑动)
- android 中如何实现listview向左边滑动跟微信删除好友一样的效果?
- [Javascript]如何在HTML中实现点击input输入框(获得焦点)后默认提示消失的效果
- 如何优雅的实现recycleview加入顶部headerview,实现一起滑动效果
- 教你如何在GridView的Item中实现“仿携程首页的按钮”点击缩放效果
- viewpager+fragment的懒加载实现微信点击和滑动切换功能(切换效果)
- 【请教问题】kanzi如何实现类似安卓手机桌面滑动切换界面效果?
- 使用jquery实现表单点击进入、移出变色效果(二)
- GoogleMap_IOS MKMapView如何实现不点击大头针,就可以出现calloutView效果
- 百度“搜索设置”之基于定位下拉框或者需要点击link才显示的下拉框,二次定位与多次定位实现的实际效果区别
- pads如何实现点击原理图就能在pcb与之对应的元器件变色
- 实现点击在组件下方弹出单选框。并且选中哪个哪个后方显示对勾。文字变色。同时展示Popupwindow实现和遮罩效果