简单的图片查看器---ImageView的学习

当你的才华还撑不起你的野心时，就应该静下心来学习； 当你的能力还驾驭不了你的目标时，就应该沉下心来历练…

简单的图片查看器—ImageView的学习

package com.crazyit.ui.imageviewdemo;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;

/**
* 简单图片浏览器----imageview的学习
*/
public class ImageviewActivity extends Activity {

Button btnMinus, btnPlus, next;
ImageView image1, image2;
//定义一个图片资源的数组
private int[] images = new int[]{R.drawable.lijiang, R.drawable.qiao, R.drawable.shuangta, R.drawable.shui, R.drawable.xiangbi};

//定义默认显示图片
int currentImg = 2;
//定义图片的原始透明度
private int alpha = 255;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_imageview);
initView();
next.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//控制imageview 显示下一张图片
image1.setImageResource(images[++currentImg % images.length]);
}
});

//定义显示图片透明度的方法
View.OnClickListener listener = new View.OnClickListener() {
@Override
public void onClick(View v) {
if (v == btnPlus) {
alpha+=20;
}
if (v==btnMinus){
alpha-=20;
}
if (alpha>255){
alpha=255;
}
if (alpha<0){
alpha=0;
}

//改变图片透明度
image1.setAlpha(alpha);
// image1.setImageAlpha(alpha);
}
};

//为;两个按钮添加监听事件
btnPlus.setOnClickListener(listener);
btnMinus.setOnClickListener(listener);

//为第一个图片添加触摸监听事件
image1.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, 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;
}
});
}

private void initView() {
btnMinus = (Button) findViewById(R.id.btnMinus);
btnPlus = (Button) findViewById(R.id.btnPlus);
next = (Button) findViewById(R.id.next);
image1 = (ImageView) findViewById(R.id.image1);
image2 = (ImageView) findViewById(R.id.image2);
}

}

布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.crazyit.ui.imageviewdemo.ImageviewActivity">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_gravity="center"

>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="+"
android:textSize="24sp"
android:id="@+id/btnPlus"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="-"
android:textSize="24sp"
android:id="@+id/btnMinus"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="next"
android:textSize="24sp"
android:id="@+id/next"
/>

</LinearLayout>

<!--定义显示图片整体的 Imageview-->
<ImageView
android:id="@+id/image1"
android:layout_width="match_parent"
android:layout_height="240px"
android:src="@drawable/shuangta"
android:scaleType="fitCenter"
/>

<!--定义显示局部细节的Imageview-->
<ImageView
android:id="@+id/image2"
android:layout_width="400px"
android:layout_height="400px"
android:background="#00f"
android:layout_gravity="center"
android:layout_marginTop="10dp"

/>
</LinearLayout>