首页 理论教育 实现循环播放图片列表效果

实现循环播放图片列表效果

时间:2023-06-15 理论教育 版权反馈
【摘要】:循环播放图片列表效果组件主要用于横向显示图像列表,实现图片的浏览功能。在第3章数据适配器Gallery的使用示例中,运行效果总感觉有些生硬,这一节将进一步改进示例,讲述ImageSwitcher+Gallery的用法,实现幻灯片循环显示图片,单击某一个Gallery组件中的图像时,在上方放大选择的图片的效果。图11-4 ImageSwitcher+Gallery示例——初始化界面图11-5 ImageSwitcher+Gallery示例——单击某一图片,动态放大首先,介绍如何通过xml布局实现循环显示图片效果,如代码清单11-7、11-8所示。

实现循环播放图片列表效果

循环播放图片列表效果(Gallery)组件主要用于横向显示图像列表,实现图片的浏览功能。Gallery组件在第3章数据适配器的使用示例中曾涉及,在这里将更为系统地学习Gallery组件的用法。

在第3章数据适配器Gallery的使用示例中,运行效果总感觉有些生硬,这一节将进一步改进示例,讲述ImageSwitcher+Gallery的用法,实现幻灯片循环显示图片,单击某一个Gallery组件中的图像时,在上方放大选择的图片的效果。当循环滚动到最后一张图片时,可从第一张图片开始再重新显示图片。示例代码运行结果如图11-4和图11-5所示。

978-7-111-37968-3-Chapter11-14.jpg

图11-4 ImageSwitcher+Gallery示例——初始化界面

978-7-111-37968-3-Chapter11-15.jpg

图11-5 ImageSwitcher+Gallery示例——单击某一图片,动态放大

首先,介绍如何通过xml布局实现循环显示图片效果,如代码清单11-7、11-8所示。

代码清单11-7 ImageSwitcher+Gallery使用示例(第11章\Demo_11_03)main.xml

978-7-111-37968-3-Chapter11-16.jpg

代码清单11-8 ImageSwitcher+Gallery使用示例(第11章\Demo_11_03)image_show.xml

978-7-111-37968-3-Chapter11-17.jpg

978-7-111-37968-3-Chapter11-18.jpg

其次,介绍Activity java代码如何配合布局实现拖动效果,如代码清单11-9至代码清单11-11所示。(www.xing528.com)

代码清单11- 9ImageSwitcher+Gallery使用示例(第11章\Demo_11_03)MainActivity.java

978-7-111-37968-3-Chapter11-19.jpg

代码清单11-10 ImageSwitcher+Gallery使用示例(第11章\Demo_11_03)ImageShowActivity.java

978-7-111-37968-3-Chapter11-20.jpg

978-7-111-37968-3-Chapter11-21.jpg

代码清单11-11 ImageSwitcher+Gallery使用示例(第11章\Demo_11_03)ImageAdapter.java

978-7-111-37968-3-Chapter11-22.jpg

978-7-111-37968-3-Chapter11-23.jpg

最后,需要在AndroidManifest.xml要添加访问权限,如代码清单11-12所示。

代码清单11-12 ImageSwitcher+Gallery使用示例(第11章\Demo_11_03)AndroidManifest.xml

978-7-111-37968-3-Chapter11-24.jpg

978-7-111-37968-3-Chapter11-25.jpg

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈