ImageView组件的应用：图片浏览器

随时随地技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666)

本实例用来练习ImageView组件的使用，实现一个图片浏览器，该图片浏览器可以改变所查看的图片的透明度，切换图片，而且还可以通过触摸图片在一个小区域来查看图片的原始大小，即局部细节，代码如下：

Activity:

package com.lovo;import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.widget.Button;
import android.widget.ImageView;public class MainActivity extends Activity {// 定义一个访问图片的数组int[] images = new int[] { R.drawable.image1, R.drawable.image2,R.drawable.image3, R.drawable.image4, R.drawable.image5 };// 定义默认显示的图片int currentImg = 0;// 定义图片的初始透明度private int alpha = 255;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);// 获得组件final Button plus = (Button) findViewById(R.id.plus);final Button minus = (Button) findViewById(R.id.minus);final Button next = (Button) findViewById(R.id.next);final Button back = (Button) findViewById(R.id.back);final ImageView image1 = (ImageView) findViewById(R.id.image1);final ImageView image2 = (ImageView) findViewById(R.id.image2);// 定义切换图片的方法OnClickListener listener2 = new OnClickListener() {@Overridepublic void onClick(View v) {BitmapDrawable bitmapDrawable = (BitmapDrawable) image1.getDrawable();// 如果图片还未回收，先强制回收该图片if (!bitmapDrawable.getBitmap().isRecycled()) {bitmapDrawable.getBitmap().recycle();}if (v == next) {if (currentImg >= 4) {currentImg = -1;}image1.setImageBitmap(BitmapFactory.decodeResource(getResources(), images[++currentImg]));} else if (v == back) {if (currentImg <= 0) {currentImg = 5;}image1.setImageBitmap(BitmapFactory.decodeResource(getResources(), images[--currentImg]));}}};// 定义改变图片透明度的方法OnClickListener listener = new OnClickListener() {@Overridepublic void onClick(View v) {if (v == plus) {alpha += 20;}if (v == minus) {alpha -= 20;}if (alpha >= 255) {alpha = 255;}if (alpha <= 0) {alpha = 0;}// 设置图片的透明度image1.setAlpha(alpha);}};// 为四个按钮添加监听器plus.setOnClickListener(listener);minus.setOnClickListener(listener);next.setOnClickListener(listener2);back.setOnClickListener(listener2);image1.setOnTouchListener(new OnTouchListener() {@Overridepublic boolean onTouch(View arg0, MotionEvent event) {BitmapDrawable bitmapDrawable = (BitmapDrawable) image1.getDrawable();// 获取第一个图片显示框中的位图Bitmap bitmap = bitmapDrawable.getBitmap();// bitmap图片实际大小与第一个ImageView的缩放比例double scale = bitmap.getWidth() / 320.0;// 获取需要显示的图片的开始点int x = (int) (event.getX() * scale);int y = (int) (event.getY() * scale);if (x + 120 > bitmap.getWidth()) {x = bitmap.getWidth() - 120;}if (y + 120 > bitmap.getHeight()) {y = bitmap.getHeight() - 120;}// 显示图片的指定区域image2.setImageBitmap(Bitmap.createBitmap(bitmap, x, y, 120,120));image2.setAlpha(alpha);return false;}});}
}

布局XML：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center"android:orientation="horizontal" ><Buttonandroid:id="@+id/plus"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="增大透明度" /><Buttonandroid:id="@+id/minus"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="降低透明度" /><Buttonandroid:id="@+id/back"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="上一张" /><Buttonandroid:id="@+id/next"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="下一张" /></LinearLayout><ImageViewandroid:id="@+id/image1"android:layout_width="match_parent"android:layout_height="240px"android:background="#0f0"android:scaleType="fitCenter"android:src="@drawable/image1" /><ImageViewandroid:id="@+id/image2"android:layout_width="120dp"android:layout_height="120dp"android:layout_gravity="center_horizontal"android:layout_marginTop="10dp" /></LinearLayout>

附上图片效果：

ImageView组件的应用：图片浏览器相关推荐

【Android 应用开发】AndroidUI设计之图片浏览器
图片浏览器效果图 : 源码下载地址 : -- CSDN : http://download.csdn.net/detail/han1202012/6875083 -- GitHub : https:/ ...
iOS开发系列--无限循环的图片浏览器
概述 UIKit框架中有大量的控件供开发者使用,在iOS开发中不仅可以直接使用这些控件还可以在这些控件的基础上进行扩展打造自己的控件.在这个系列中如果每个控件都介绍一遍确实没有必要,所谓授人以鱼不如授 ...
android相册幻灯片功能,Android实现幻灯片式图片浏览器
我们来实现一个幻灯片式图片浏览器: 最下面一个画廊视图,选中画廊中的图片,会在上面的ImageSwitcher控件中显示大图. 效果图如图实现方法: 在布局文件中添加图片切换控件ImageSwitc ...
Android开发—简单的图片浏览器
开发工具:ecplise 图片浏览器:实现简单的图片浏览功能,点击当前图片会自动切换到下一张图片 1.先在布局文件中定义一个简单的线性布局容器 <?xml version="1.0&q ...
Android界面编程之简单的图片浏览器
Android界面编程之简单的图片浏览器在进行android编程之前,我们首先要明确一下几点: 1.安卓开发中各种资源所在的位置以及自己编写时应该放到的位置: android项目中所有的资源都放到r ...
轴旋转——制作别样的图片浏览器
首页博客学院下载 GitChat TinyMind 论坛问答商城 VIP 活动招聘 ITeye CSTO 写博客发Chat 贵公子丶笔记千里之行,始于足下. RSS订阅转 Andro ...
安卓学习第14课——GridView(简单图片浏览器1)
今天学习的是GridView组件,利用的部分只是还是Adapter.imageView的知识,制作了简单图片浏览器 <LinearLayout xmlns:android="http: ...
Android小程序(3)--简单图片浏览器
简单图片浏览器此使用的知识点是XML布局文件与Java代码的混合来控制UI界面. 首先在布局文件中定义简单的线性布局容器: <?xml version="1.0" enco ...
7.QML Qt Quick——基于Qt Quick Controls 2实现图片浏览器
Qt Quick Controls 2提供了一组UI控件,例如按钮,标签,复选框,滑块等(用之查之即可).用于在Qt Quick中创建用户界面.UI控件很多,这里通过一个图片浏览器的实现来逐步讲解图 ...

ImageView组件的应用：图片浏览器

ImageView组件的应用：图片浏览器相关推荐

最新文章

热门文章