欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android多點觸控實現(xiàn)圖片自由縮放

 更新時間:2016年12月12日 11:44:19   作者:xiaohuanqi  
這篇文章主要為大家詳細(xì)介紹了Android多點觸控實現(xiàn)圖片自由縮放,具有一定的參考價值,感興趣的小伙伴們可以參考一下

Android多點觸控涉及到的知識點

1、ScaleGestureDetector
2、OnScaleGestureListener
3、Matrix
4、OnTouchListener

四個知識點需要了解一下,需要注意的是Matrix在內(nèi)存中是一個一維數(shù)組,操控圖片的Matrxi是一個3X3的矩陣,在內(nèi)存中也就是一個大小為9的一維數(shù)組。

實現(xiàn)多點觸控,自由變化圖片

1、 ImageView的基礎(chǔ)上繼承

2、因為要在圖片加載完成就獲取到相關(guān)的屬性,所以實現(xiàn)OnGlobalLayoutListener接口,并實現(xiàn)方法onGlobalLayout

注冊O(shè)nGlobalLayoutListener接口:

 @Override
protected void onAttachedToWindow() {
  super.onAttachedToWindow();
  //注冊 OnGlobalLayoutListener
  getViewTreeObserver().addOnGlobalLayoutListener(this);
}

@Override
protected void onDetachedFromWindow() {
  super.onDetachedFromWindow();
  //注銷 OnGlobalLayoutListener
  getViewTreeObserver().removeOnGlobalLayoutListener(this);
}

實現(xiàn)onGlobalLayout方法

@Override
public void onGlobalLayout() {
//因為要在加載完成的時候就獲取到圖片的寬高 

然后讓圖片的寬高去適應(yīng)控件的寬高大小 

isOnce只在第一次加載到時候處理
  if (isOnce) {
    //下一步3 獲取相關(guān)屬性 并做處理
    isOnce = false;
  }
}

3、

 //獲取控件的寬高
 int width = getWidth();
   int height = getHeight();
   //獲取圖片
   Drawable drawable = getDrawable();
   if (null == drawable) {
     return;
   }
   //獲取到圖片的寬高 **根據(jù)drawable的這兩個方法獲取
   int dw = drawable.getIntrinsicWidth();
   int dh = drawable.getIntrinsicHeight();

//定義一個圖片縮放值
 float scale = 1.0f;

接下來就是根據(jù)圖片的寬和高 控件的寬和高 去設(shè)置這個scale值

 //當(dāng)圖片的寬大于了控件的寬 圖片的高小于控件的高
if (dw > width && dh < height) {
    scale = width * 1.0f / dw;
  }
  //當(dāng)圖片的寬小于了控件的寬 圖片的高大于控件的高
if (dw < width && dh > height) {
   scale = height * 1.0f / dh;
 }

if ((dw > width && dh > height) || (dw < width && dh < height)) {
  scale = Math.min((width * 1.0f / dw), (height * 1.0f / dh));
}

//初始化三個縮放的值
    mInitScale = scale;//正常情況下的 縮放值
    mMidScale = scale * 2; //
    mMaxScale = scale * 4;//最大的縮放值


//將圖片初始化加載到控件的正中心位置
    //計算橫縱需要移動的偏移值
    float dx = getWidth() / 2f - dw / 2f;
    float dy = getHeight() / 2f - dh / 2f;
    //使用矩陣控制圖片的平移和縮放
    mMatrix.postTranslate(dx, dy);
    //縮放的時候要指定縮放基準(zhǔn)點
    mMatrix.postScale(mInitScale, mInitScale, getWidth() / 2f, getHeight() / 2f);
    //通過設(shè)置Matrix改變ImageView
    setImageMatrix(mMatrix);

4、接下來就是ScaleGestureDetector

//初始化 this是OnScaleGestureListener 對象
 mScaleGestureDetector = new ScaleGestureDetector(context, this);
 //要通過ScaleGestureDetector去操控觸摸事件,

那還要實現(xiàn)OnTouchListener接口并實現(xiàn)onTouch方法,

在該方法中將觸摸事件傳遞給mScaleGestureDetector 對象。

@Override
public boolean onTouch(View view, MotionEvent motionEvent) {
  //將觸摸事件傳遞給ScaleGesture
  mScaleGestureDetector.onTouchEvent(motionEvent);
  return true;
}
  //設(shè)置監(jiān)聽
  setOnTouchListener(this);

5、OnScaleGestureListener 中的重要方法了

 //使用ScaleGestureListener去實現(xiàn)多點觸控
@Override
public boolean onScale(ScaleGestureDetector scaleGestureDetector) {
  if (null == getDrawable()) {
    return true;
  }
//下一步6 處理

return true;
}

6、

 //縮放中
  //獲取當(dāng)前圖片縮放scale
  float scale = getCurrentScale();

  //獲取縮放因子
  float scaleFactor = scaleGestureDetector.getScaleFactor();
  //縮放值達(dá)到最大和最小的情況 scaleFactor>1表示正在放大 <1表示正在縮小
  if ((scale < mMaxScale && scaleFactor > 1.0f) || scale > mInitScale && scaleFactor < 1.0f) {
    if (scale * scaleFactor < mInitScale) {
      scaleFactor = mInitScale / scale;
    } else if (scale * scaleFactor > mMaxScale) {
      scaleFactor = mMaxScale / scale;
    }
  }

  //根據(jù)縮放因子去設(shè)置圖片的縮放 根據(jù)多點的中心去縮放 scaleGestureDetector.getFocusX(), scaleGestureDetector.getFocusY()縮放中心點一定是手指觸摸的中心點

    mMatrix.postScale(scaleFactor, scaleFactor, scaleGestureDetector.getFocusX(), scaleGestureDetector.getFocusY());

  //因為縮放的中心點會改變 所以要控制圖片的邊界處理*** 如果不處理,中心點會根據(jù)你手指位置的不同發(fā)生改變,那么圖片位置會錯亂
  checkoutBounds(); //下一步 7
  setImageMatrix(mMatrix);

7、checkoutBounds()

 private void checkoutBounds() {
  //通過矩陣要獲取到縮放后圖片的大小和坐標(biāo)
  Drawable drawable = getDrawable();
  if (null != drawable) {
    RectF rectF = getScaleMatrix(drawable); //下一步 8

    //獲取控件的寬高
    int width = getWidth();
    int height = getHeight();
    //聲明 x y偏移值 如果偏離了控件需要移動回去
    float detalX = 0;
    float detalY = 0;

    if (rectF.width() >= width) {
      //圖片的寬大于等于了控件的寬,為了讓寬留白邊,計算出應(yīng)該左右移動的偏移值
      if (0 < rectF.left) {
        //左邊留空白了 那就應(yīng)該像左移動
        detalX = -rectF.left;
      } else if (rectF.right < width) {
        detalX = width - rectF.right;
      }
    }
    //高度控制
    if (rectF.height() >= height) {
      if (0 < rectF.top) {
        detalY = -rectF.top;
      } else if (rectF.bottom < height) {
        detalY = height - rectF.bottom;
      }
    }

    //圖片寬和高小于控件寬高的情況,讓圖片居中顯示
    if (rectF.width() < width) {
      //計算偏移值
      detalX = width / 2f - rectF.right + rectF.width() / 2f;
    }

    if (rectF.height() < height) {
      detalY = height / 2f - rectF.bottom + rectF.height() / 2f;
    }
    mMatrix.postTranslate(detalX, detalY);
}

8、getScaleMatrix(drawable) 該方法其他地方也可以效仿**

//通過矩陣 去獲取到縮放后的圖片的四個頂點坐標(biāo)
public RectF getScaleMatrix(Drawable drawable) {
  Matrix matrix = mMatrix;
  //圖片的四個點坐標(biāo)
  RectF rectF = new RectF(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
  matrix.mapRect(rectF);
  return rectF;
}

通過該控件可以熟悉一下多點觸控的實現(xiàn) 和圖形矩陣的知識

Demo地址ZoomImageView

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • Android獲取點擊屏幕的位置坐標(biāo)

    Android獲取點擊屏幕的位置坐標(biāo)

    這篇文章主要為大家詳細(xì)介紹了Android獲取點擊屏幕的位置坐標(biāo),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-05-05
  • Android獲取wifi列表的方法

    Android獲取wifi列表的方法

    這篇文章主要為大家詳細(xì)介紹了Android獲取wifi列表的方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • Android使用Handler實現(xiàn)倒計時功能

    Android使用Handler實現(xiàn)倒計時功能

    這篇文章主要為大家詳細(xì)介紹了Android使用Handler實現(xiàn)倒計時功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-06-06
  • Android編程之ICS式下拉菜單PopupWindow實現(xiàn)方法詳解(附源碼下載)

    Android編程之ICS式下拉菜單PopupWindow實現(xiàn)方法詳解(附源碼下載)

    這篇文章主要介紹了Android編程之ICS式下拉菜單PopupWindow實現(xiàn)方法,結(jié)合實例詳細(xì)分析了ICS式下拉菜單的實現(xiàn)原理與相關(guān)技巧,并附帶源碼供讀者下載,需要的朋友可以參考下
    2015-12-12
  • 探秘Android手勢事件機制與優(yōu)化技巧

    探秘Android手勢事件機制與優(yōu)化技巧

    在Android開發(fā)中,手勢操作被廣泛應(yīng)用于各種應(yīng)用場景,如滑動、雙擊等。本文將介紹Android手勢事件傳遞的原理,包括手勢事件的類型、分發(fā)機制和處理流程等內(nèi)容,并提供一些優(yōu)化用戶體驗的技巧,需要的朋友可以參考下
    2023-06-06
  • Android Studio中使用lambda表達(dá)式的方法

    Android Studio中使用lambda表達(dá)式的方法

    這篇文章主要介紹了Android Studio中使用lambda表達(dá)式的方法,需要的朋友可以參考下
    2017-06-06
  • android百度地圖之公交線路詳情搜索

    android百度地圖之公交線路詳情搜索

    本篇文章介紹了android百度地圖之公交線路詳情搜索,實現(xiàn)了百度搜索公交詳情具有一定的參考價值,感興趣的小伙伴們可以參考一下。
    2016-10-10
  • Android 使用fast-verification實現(xiàn)驗證碼填寫功能的實例代碼

    Android 使用fast-verification實現(xiàn)驗證碼填寫功能的實例代碼

    這篇文章主要介紹了Android 使用fast-verification實現(xiàn)驗證碼填寫功能,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-04-04
  • Android Service開發(fā)應(yīng)用實例

    Android Service開發(fā)應(yīng)用實例

    Android的服務(wù)是開發(fā)Android應(yīng)用程序的重要組成部分。不同于活動Activity,服務(wù)是在后臺運行,服務(wù)沒有接口,生命周期也與活動Activity非常不同。通過使用服務(wù)我們可以實現(xiàn)一些后臺操作,比如想從遠(yuǎn)程服務(wù)器加載一個網(wǎng)頁等,下面來看看詳細(xì)內(nèi)容,需要的朋友可以參考下
    2022-12-12
  • Android 動態(tài)高斯模糊效果教程

    Android 動態(tài)高斯模糊效果教程

    本文主要介紹Android 動態(tài)高斯模糊效果教程,這里整理了詳細(xì)的資料及實例實現(xiàn)代碼,有興趣的小伙伴可以參考下
    2016-09-09

最新評論