android ImageView 的幾點經(jīng)驗總結(jié)
最近作圖片的顯示,遇到了些問題,簡單總結(jié)
1)可以用ImageSwicher和ImageView結(jié)合在來做,這樣會用到setFectory(),華而不實
最要命的是如果圖片的大小超過屏幕,實現(xiàn)比較困難,目前是沒有找到方法
2)最簡單的方法是用ImageView,圖片直接FIT_CENTER,android會根據(jù)圖片的大小自動調(diào)節(jié)
保持圖片的比例。如果圖片分辨率超過屏幕,android也會自動的調(diào)整到屏幕能放下整張的圖片
在放大圖片的時候,可以用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;
//創(chuàng)建一個自己的ImageView類
class MyImageView extends ImageView {
private float scale = 0.1f;
//兩點觸屏后之間的長度
private float beforeLenght;
private float afterLenght;
//單點移動的前后坐標(biāo)值
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);
}
//用來設(shè)置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是用來保存前一位置的坐標(biāo)
* afterX、Y是用來保存當(dāng)前位置的坐標(biāo)
* 它們的差值就是ImageView各坐標(biāo)的增加或減少值
*/
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用來保存當(dāng)前時間兩點之間的距離
*/
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;
}
//如果當(dāng)前時間兩點距離大于前一時間兩點距離,則傳0,否則傳1
if(gapLenght>0) {
this.setScale(scale,0);
}else {
this.setScale(scale,1);
}
beforeLenght = afterLenght;
break;
}
}
//這里來監(jiān)聽屏幕觸控時間
@Override
public boolean onTouchEvent(MotionEvent event) {
/*
* 判定用戶是否觸摸到了圖片
* 如果是單點觸摸則調(diào)用控制圖片移動的方法
* 如果是2點觸控則調(diào)用控制圖片大小的方法
*/
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;
}
}
- android imageview圖片居中技巧應(yīng)用
- Android開發(fā)ImageView圖片無法顯示解決過程
- Android控件系列之ImageView使用方法
- Android中ImageView.src設(shè)置圖片拉伸、填滿控件的方法
- Android使用控件ImageView加載圖片的方法
- Android實現(xiàn)ImageView圖片雙擊放大及縮小
- Android使用CircleImageView實現(xiàn)圓形頭像的方法
- Android編程簡單實現(xiàn)ImageView點擊時背景圖修改的方法
- Android中ImageView使用網(wǎng)絡(luò)圖片資源的方法
- Android中ImageView的使用方法
相關(guān)文章
Android實現(xiàn)Back功能代碼片段總結(jié)
今天把在公司實現(xiàn)某功能所用到的Back鍵功能模塊代碼片段做一個整理。方便以后直接拿出來使用2014-09-09Android 使用<layer-list>實現(xiàn)微信聊天輸入框功能
<layer-list> 標(biāo)簽可以設(shè)置LayerDrawable,一種有層次的Drawable疊加效果,<layer-list> 可以包含多個 <item>標(biāo)簽。這篇文章主要介紹了Android 使用<layer-list>實現(xiàn)微信聊天輸入框,需要的朋友可以參考下2017-05-05Android開發(fā)獲取傳感器數(shù)據(jù)的方法示例【加速度傳感器,磁場傳感器,光線傳感器,方向傳感器】
這篇文章主要介紹了Android開發(fā)獲取傳感器數(shù)據(jù)的方法,結(jié)合實例形式分析了Android獲取加速度傳感器、磁場傳感器、光線傳感器及方向傳感器數(shù)據(jù)的相關(guān)操作技巧,需要的朋友可以參考下2017-11-11Android基于CountDownTimer實現(xiàn)倒計時功能
這篇文章主要介紹了Android基于CountDownTimer實現(xiàn)倒計時功能,簡單分析了基于CountDownTimer類實現(xiàn)倒計時功能的技巧,需要的朋友可以參考下2015-12-12Android實現(xiàn)點擊切換視圖并跳轉(zhuǎn)傳值
這篇文章主要為大家詳細(xì)介紹了Android實現(xiàn)點擊切換視圖并跳轉(zhuǎn)傳值,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-01-01用Android MenuInflater創(chuàng)建菜單項的方法步驟
本篇文章小編為大家介紹,用Android MenuInflater創(chuàng)建菜單項的方法步驟。需要的朋友參考下2013-04-04Android實現(xiàn)自定義圓角對話框Dialog的示例代碼
項目中多處用到對話框,本篇文章主要介紹了Android實現(xiàn)圓角對話框Dialog的示例代碼,有興趣的可以了解一下。2017-03-03