android ImageView 的幾點經驗總結

最近作圖片的顯示，遇到了些問題，簡單總結
1）可以用ImageSwicher和ImageView結合在來做，這樣會用到setFectory（），華而不實
最要命的是如果圖片的大小超過螢幕，實現比較困難，目前是沒有找到方法

2）最簡單的方法是用ImageView，圖片直接FIT_CENTER,android會根據圖片的大小自動調節
保持圖片的比例。如果圖片解析度超過螢幕，android也會自動的調整到螢幕能放下整張的圖片
在放大圖片的時候，可以用ImageView的SetFrame（） 和setScale（）方法，可以把圖片放大
到超過螢幕，原理就是ImageView放大，圖片跟著放大。同時也是可以添加各種animation.
大致如下：

複製代碼 代碼如下:Animation animation = AnimationUtils.loadAnimation(Main.this, R.anim.my_scale_action);
imageView.setLayoutParams(new Gallery.LayoutParams(206, 206));
imageView.startAnimation(animation);

寫一個自己的MyImageView類，代碼如下，可以直接用複製代碼 代碼如下:package com.practice.imageviewpic;

import android.app.Activity;
import android.content.Context;
import android.graphics.*;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup.LayoutParams;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;
import android.widget.LinearLayout;
//建立一個自己的ImageView類
class MyImageView extends ImageView {
private float scale = 0.1f;

//兩點觸屏後之間的長度
private float beforeLenght;
private float afterLenght;

//單點移動的前後座標值
private float afterX,afterY;
private float beforeX,beforeY;

public MyImageView(Context context) {
super(context);
}
public MyImageView(Context context, AttributeSet attrs) {
this(context, attrs, 0);

}
public MyImageView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
//用來設定ImageView的位置
private void setLocation(int x,int y) {
this.setFrame(this.getLeft()+x, this.getTop()+y, this.getRight()+x, this.getBottom()+y);
}

/*
* 用來放大縮小ImageView
* 因為圖片是填充ImageView的，所以也就有放大縮小圖片的效果
* flag為0是放大圖片，為1是小於圖片
*/
public void setScale(float temp,int flag) {

if(flag==0) {
this.setFrame(this.getLeft()-(int)(temp*this.getWidth()),
this.getTop()-(int)(temp*this.getHeight()),
this.getRight()+(int)(temp*this.getWidth()),
this.getBottom()+(int)(temp*this.getHeight()));
}else {
this.setFrame(this.getLeft()+(int)(temp*this.getWidth()),
this.getTop()+(int)(temp*this.getHeight()),
this.getRight()-(int)(temp*this.getWidth()),
this.getBottom()-(int)(temp*this.getHeight()));
}
}

//繪製邊框
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Rect rec=canvas.getClipBounds();
rec.left++;
rec.top++;
rec.bottom--;
rec.right--;
Paint paint=new Paint();
paint.setColor(Color.RED);
paint.setStyle(Paint.Style.STROKE);
canvas.drawRect(rec, paint);
}

/* 讓圖片跟隨手指觸屏的位置移動
* beforeX、Y是用來儲存前一位置的座標
* afterX、Y是用來儲存當前位置的座標
* 它們的差值就是ImageView各座標的增加或減少值
*/
public void moveWithFinger(MotionEvent event) {

switch(event.getAction()) {

case MotionEvent.ACTION_DOWN:
//Log.d(TAG, "down ..");
beforeX = event.getX();
beforeY = event.getY();
break;
case MotionEvent.ACTION_MOVE:

//Log.d(TAG, "move ..");
afterX = event.getX();
afterY = event.getY();

this.setLocation((int)(afterX-beforeX),(int)(afterY-beforeY));

beforeX = afterX;
beforeY = afterY;
break;

case MotionEvent.ACTION_UP:
//Log.d(TAG, "up ..");
break;
}
}

/*
* 通過多點觸屏放大或縮小映像
* beforeLenght用來儲存前一時間兩點之間的距離
* afterLenght用來儲存目前時間兩點之間的距離
*/
public void scaleWithFinger(MotionEvent event) {
float moveX = event.getX(1) - event.getX(0);
float moveY = event.getY(1) - event.getY(0);

switch(event.getAction()) {
case MotionEvent.ACTION_DOWN:
beforeLenght = (float) Math.sqrt( (moveX*moveX) + (moveY*moveY) );
break;
case MotionEvent.ACTION_MOVE:
//得到兩個點之間的長度
afterLenght = (float) Math.sqrt( (moveX*moveX) + (moveY*moveY) );

float gapLenght = afterLenght - beforeLenght;

if(gapLenght == 0) {
break;
}

//如果目前時間兩點距離大於前一時間兩點距離，則傳0，否則傳1
if(gapLenght>0) {
this.setScale(scale,0);
}else {
this.setScale(scale,1);
}

beforeLenght = afterLenght;
break;
}
}

//這裡來監聽螢幕觸控時間
@Override
public boolean onTouchEvent(MotionEvent event) {

/*
* 判定使用者是否觸摸到了圖片
* 如果是單點觸摸則調用控製圖片移動的方法
* 如果是2點觸控則調用控製圖片大小的方法
*/
if(event.getY() > this.getTop() && event.getY() < this.getBottom()
&& event.getX() > this.getLeft() && event.getX() < this.getRight()) {
if(event.getPointerCount() == 2) {
this.scaleWithFinger(event);
}else if(event.getPointerCount() == 1) {
this.moveWithFinger(event);
}
}
return true;
}

}