安卓自学笔记：5：用ImageView创建一个图片浏览器

    第一天上班，脖子特腰疼的，回来看着电脑都想吐，想想还是继续跑来看书，码代码了，今天看的是用ImageView创建一个图片浏览器，前边切换图片和调整透明度的还看的懂也能理解，后边获取触摸区域的图像的那块儿就不太明白了。加油，加油。

    代码如下：

 

import android.support.v7.app.ActionBarActivity;
import android.R.integer;
import android.graphics.Bitmap;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
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 ActionBarActivity {
	int[] images = new int[] { R.drawable.p1, R.drawable.p2, R.drawable.p3,
			R.drawable.p4, R.drawable.p5 };
	//定义默认显示第几张图片
	int currentImg=2;
	//定义图片初始透明度
	private int alpha=255;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		final Button plus=(Button) findViewById(R.id.plus);
		final Button min=(Button) findViewById(R.id.min);
		final ImageView image1=(ImageView) findViewById(R.id.image1);
		final ImageView image2=(ImageView) findViewById(R.id.image2);
		final Button next=(Button) findViewById(R.id.next);
		next.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				image1.setImageResource(images[++currentImg % images.length]);
			}
		});
		//定义改变图片透明度的方法
		OnClickListener listener=new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				if (v==plus) {
					alpha+=20;
				}
				if (v==min) {
					alpha-=20;
				}
				if (alpha>=255) {
					alpha=255;
				}
				if (alpha<=0) {
					alpha=0;
				}
				//改变图片透明度
				image1.setAlpha(alpha);
			}
		};
		plus.setOnClickListener(listener);
		min.setOnClickListener(listener);
		image1.setOnTouchListener(new OnTouchListener() {
			
			@Override
			public boolean onTouch(View v, MotionEvent event) {
				// TODO Auto-generated method stub
				BitmapDrawable bitmapDrawable=(BitmapDrawable) image1.getDrawable();
				//获取第一个图片显示框中的位图
				Bitmap bitmap=bitmapDrawable.getBitmap();
				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, x, 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" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/plus"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="增大透明度"
            android:textColor="#ff0000" />

        <Button
            android:id="@+id/min"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="减小透明度"
            android:textColor="#ff0000" />

        <Button
            android:id="@+id/next"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="下一张"
            android:textColor="#ff0000" />
    </LinearLayout>

    <ImageView
        android:id="@+id/image1"
        android:layout_width="fill_parent"
        android:layout_height="240px"
        android:scaleType="fitCenter"
        android:src="@drawable/p3" />

    <ImageView
        android:layout_gravity="center_horizontal"
        android:id="@+id/image2"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:layout_marginTop="20dp"
        android:background="#00f" />

</LinearLayout>

 

    效果如下：