安卓开发基础 图片浏览器设计与功能实现 实施方案_ImageView图片浏览器.docx

软件技术教学资源库 安卓高级应用 PAGE 1 实施方案 ImageView图片浏览器 任务描述 1、在AndroidStudio中，创建一个项目为ImageViewDemo的空白App项目，项目路径为cn.jvtc.soft.imageviewdemo,向下兼容到API18，默认主页面名为MainActivity,默认布局名为activity_main。 2、将以下6张图片，存放在项目的drawable目录中，以便项目后续图片引用。 3、将主页面对应的布局activity_main.xml，设置成如右图模型： 顶层，使用垂直方向线性布局； 然后，添加上、中、下（即：第一、第二、第三） 三个水平方向线性子布局； 接着，在第一个子布局中，使用ImageView实现图 片相册功能，并用Button实现上下翻页；在第二个子布局中，使用Button实现对相册图片的放大缩小功能；在第三个子布局中，使和Button实现对相册图片的透明度加深变浅的功能。 并且，ImageView属性ScaleType设置为fitCenter，尺寸设为150dp*150dp，背景设为#F00。 4、页面布局及运行效果如图： 核心实现 AndroidManifest.xml: Drawable目录添加图片： Activity_mainxml : ?xml version=1.0 encoding=utf-8?LinearLayout xmlns:android=/apk/res/android xmlns:tools=/tools android:layout_width=match_parent android:layout_height=match_parent android:orientation=vertical android:gravity=center_vertical tools:context=cn.jx.jvtc.imagebrowserdemo.MainActivity LinearLayout android:layout_width=match_parent android:layout_height=wrap_content android:orientation=horizontal android:gravity=center_vertical Button android:id=@+id/preBtn android:layout_width=wrap_content android:layout_height=wrap_content android:text=上一张/ ImageView android:id=@+id/img android:layout_width=200dp android:layout_height=300dp android:background=#f00 android:alpha=0.2 android:scaleType=fitCenter android:src=@drawable/file1/ Button android:id=@+id/nextBtn android:layout_width=wrap_content android:layout_height=wrap_content android:text=下一张 / /LinearLayout LinearLayout android:layout_width=match_parent android:layout_height=wrap_content android:orientation=horizontal android:gravity=center_horizontal Button android:id=@+id/zoomBig android:layout_width=wrap_content android:l