viewPager中加入导航点
2015-09-16 00:05
204 查看
在很多的应用中都会看到viewPager的身影,随之出现的还有viewPager下面出现的导航点用来指示,当前的viewPager滑动到了第几页,一个常见的做法就是滑到第几页那么第几个两点就会亮,其实实现的原理很简单:
1 在viewpager所在的xml文件中 加入一个linearlayout,linearlayout中加入多个imageView 具体个数由viewPager的个数决定,每隔一个imageView都引用一个drawable资源,就是dot点,但是这个点有两种状态灰色和白色 用来指示当前view是否被选中。
2 资源准备完毕后,就在代码中进行实现,实现的原理便是监听viewPager的变化,所以首先要实现viewPagerChangerListener,并且实现复写其中的抽象方法
在可以在onPageSelected发生时获取到当前的view id 与当前的点id进行对比如果相同则将相应的图片进行替换为白色,否则为灰色。
1 在viewpager所在的xml文件中 加入一个linearlayout,linearlayout中加入多个imageView 具体个数由viewPager的个数决定,每隔一个imageView都引用一个drawable资源,就是dot点,但是这个点有两种状态灰色和白色 用来指示当前view是否被选中。
2 资源准备完毕后,就在代码中进行实现,实现的原理便是监听viewPager的变化,所以首先要实现viewPagerChangerListener,并且实现复写其中的抽象方法
在可以在onPageSelected发生时获取到当前的view id 与当前的点id进行对比如果相同则将相应的图片进行替换为白色,否则为灰色。
相关文章推荐
- jQuery实现下滑菜单导航效果代码
- jquery实现的仿天猫侧导航tab切换效果
- PHP的栏目导航程序
- jquery实现向下滑出的二级导航下滑菜单效果
- JS实现网页顶部向下滑出的全国城市切换导航效果
- js实现显示当前状态的导航效果代码
- javascript实现当前页导航激活的方法
- JS实现自动变化的导航菜单效果代码
- jquery实现红色竖向多级向右展开的导航菜单效果
- jQuery实现的背景动态变化导航菜单效果
- 基于jquery固定于顶部的导航响应浏览器滚动条事件
- jquery动态导航插件dynamicNav用法实例分析
- jQuery+css实现的蓝色水平二级导航菜单效果代码
- jquery实现点击变换导航样式的方法
- jQuery ui实现动感的圆角渐变网站导航菜单效果代码
- jquery实现点击向下展开菜单项(伸缩导航)效果
- jquery实现鼠标点击后展开列表内容的导航栏效果
- jquery实现导航固定顶部的效果仿蘑菇街
- jQuery实现仿百度帖吧头部固定导航效果
- jQuery实现带滚动线条导航效果的方法