Android ViewPager图片适配
2016-03-07 18:05
309 查看
自制页面效果图 :
.
ViewPager占满全屏问题 : ViewPager在XML中定义了android:layout_height 和 android:layout_width 之后, 不论这两个属性的值是 fill_parent 还是 wrap_content, 都会出现ViewPager占满全屏的问题;
不使用固定值定义宽高: 为了使ViewPager能适配各种类型的手机, 如果给ViewPager定义了高度和宽度, 与各种手机的界面兼容性肯定要大大的降低, 因此出现了下面的解决方案;
代码中添加组件 : 不在XML界面定义该组件, 可以在布局文件中,定义一个LinearLayout容器, 然后在代码中动态添加ViewPager;
好处 : 这样的好处是可以在代码中获取屏幕的宽高, 我们可以根据比例设定ViewPager的大小, 这样就解决了屏幕适配的问题;
?
自定义PagerAdapter类 : 我们需要自定义一个类, 去继承PageAdapter, 至少实现下面四个方法 :
destroyItem(View container, int position, Object object) :
作用 :删除container中指定位置position的页面;
参数 : container 就是容器, 这里指的是ViewPager对象, position就是删除的页面索引;
int getCount() :
作用 :获取ViewPager页面的个数;
返回值 : ViewPager页面个数;
Object instantiateItem(View container, int position) :
作用 :在给定的位置创建页面, PageAdapter负责向指定的position位置添加View页面;
参数 : container容器就是ViewPager, position指的是ViewPager的索引;
返回值 : 返回代表新的一页的对象;
boolean isViewFromObject(View view, Object object) :
作用 :决定instantiateItem()方法返回的Object对象是不是需要显示的页面关联, 这个方法必须要有;
参数 : view 要关联的页面, object instantiateItem()方法返回的对象;
返回值 : 是否要关联显示页面与 instantiateItem()返回值;
为PageAdapter关联数据源 : 可以将一个数组或者集合与PageAdapter关联,集合的索引与ViewPager的索引对应, destroyItem()方法中删除集合中对应索引的元素对象, instantiateItem 添加对应索引的元素对象;
PageAdapter 代码示例 :
?
创建PageAdapter代码 :
?
圆点存放策略 : 所有的小圆点都放在一个ViewGroup中, 有两种圆点, 一种是当前显示的, 一种是没激活的, 这里我们将一组圆点分别放入ImageView中, 并且将这些ImageView组装起来放到ViewGroup中即可;
圆点导航初始化 : 最初默认显示第一个页面, 第一个圆点激活, 根据ViewPager个数初始化圆点的个数, 组装圆点的时候, 第一个圆点状态激活;
代码如下 :
?
ViewPager页面改变时圆点导航随之改变 : 获取ViewPager当前显示页面索引,重新组装ViewGroup中的圆点排列顺序, 这个方法在ViewPager页面改变监听器中实现;
代码如下 :
?
线程中处理自动翻页 : 启动一个线程, 获取当前页面显示索引, 计算出下一个显示位置, 显示下一个页面;
.
相关代码 :
线程代码 :
?
handler代码 :
?
XML布局文件 :
?
主Activity源码 :
?
效果图 :
源码下载地址 : http://download.csdn.net/detail/han1202012/6835401
.
一. ViewPager适配页面问题
1. ViewPager出现的问题
ViewPager占满全屏问题 : ViewPager在XML中定义了android:layout_height 和 android:layout_width 之后, 不论这两个属性的值是 fill_parent 还是 wrap_content, 都会出现ViewPager占满全屏的问题;
不使用固定值定义宽高: 为了使ViewPager能适配各种类型的手机, 如果给ViewPager定义了高度和宽度, 与各种手机的界面兼容性肯定要大大的降低, 因此出现了下面的解决方案;
2. 解决方案
代码中添加组件 : 不在XML界面定义该组件, 可以在布局文件中,定义一个LinearLayout容器, 然后在代码中动态添加ViewPager;
好处 : 这样的好处是可以在代码中获取屏幕的宽高, 我们可以根据比例设定ViewPager的大小, 这样就解决了屏幕适配的问题;
3. 代码实现
?
二. ViewPager广告栏基本解决方案
1. ViewPager适配器PagerAdapter
自定义PagerAdapter类 : 我们需要自定义一个类, 去继承PageAdapter, 至少实现下面四个方法 :
destroyItem(View container, int position, Object object) :
作用 :删除container中指定位置position的页面;
参数 : container 就是容器, 这里指的是ViewPager对象, position就是删除的页面索引;
int getCount() :
作用 :获取ViewPager页面的个数;
返回值 : ViewPager页面个数;
Object instantiateItem(View container, int position) :
作用 :在给定的位置创建页面, PageAdapter负责向指定的position位置添加View页面;
参数 : container容器就是ViewPager, position指的是ViewPager的索引;
返回值 : 返回代表新的一页的对象;
boolean isViewFromObject(View view, Object object) :
作用 :决定instantiateItem()方法返回的Object对象是不是需要显示的页面关联, 这个方法必须要有;
参数 : view 要关联的页面, object instantiateItem()方法返回的对象;
返回值 : 是否要关联显示页面与 instantiateItem()返回值;
为PageAdapter关联数据源 : 可以将一个数组或者集合与PageAdapter关联,集合的索引与ViewPager的索引对应, destroyItem()方法中删除集合中对应索引的元素对象, instantiateItem 添加对应索引的元素对象;
PageAdapter 代码示例 :
?
?
pageViews = new ArrayList<VIEW>(); |
2. 小圆点导航策略
圆点存放策略 : 所有的小圆点都放在一个ViewGroup中, 有两种圆点, 一种是当前显示的, 一种是没激活的, 这里我们将一组圆点分别放入ImageView中, 并且将这些ImageView组装起来放到ViewGroup中即可;
圆点导航初始化 : 最初默认显示第一个页面, 第一个圆点激活, 根据ViewPager个数初始化圆点的个数, 组装圆点的时候, 第一个圆点状态激活;
代码如下 :
?
ViewPager页面改变时圆点导航随之改变 : 获取ViewPager当前显示页面索引,重新组装ViewGroup中的圆点排列顺序, 这个方法在ViewPager页面改变监听器中实现;
代码如下 :
?
3. 自动翻页导航策略
线程中处理自动翻页 : 启动一个线程, 获取当前页面显示索引, 计算出下一个显示位置, 显示下一个页面;
.
相关代码 :
线程代码 :
?
?
三. 程序所有代码 和 资源文件
XML布局文件 :
?
主Activity源码 :
?
效果图 :
源码下载地址 : http://download.csdn.net/detail/han1202012/6835401
相关文章推荐
- 如何在本地搭建一个Android应用crashing跟踪系统-ACRA
- Android适配NavigationBar问题
- Android Studio 2.0 导入环信Demo3.10 问题
- Jenkins持续集成测试之Android单元测试
- Androidndk开发打包时我们应该如何注意平台的兼容(x86,arm,arm-v7a)
- Android初试--Activit的启动模式
- android ndk
- Android link工具的使用
- android中各式各样的进度条,加载进度,太棒了
- Android 动画详解
- android listview 计算滑动距离
- Android资料
- android 仿淘宝物流时间轴控件
- Android onclick监听 接口回调机制 解析
- Android札记
- Android Studio使用
- Java实现Android APK多渠道打包
- Android中管理多个Fragment的最佳实践,完美解决保存状态与重影问题
- 40.Android之新手指引界面学习
- Android studio下签名并获取sha1