Android UI之ImageView實(shí)現(xiàn)圖片旋轉(zhuǎn)和縮放
這一篇,給大家介紹一下ImageView控件的使用,ImageView主要是用來(lái)顯示圖片,可以對(duì)圖片進(jìn)行放大、縮小、旋轉(zhuǎn)的功能。
android:sacleType屬性指定ImageVIew控件顯示圖片的方式,例如:center表示圖像以不縮放的方式顯示在ImageView控件的中心,如果設(shè)置為fitCenter,表示圖像按照比例縮放至合適的位置,并在ImageView控件的中心。
首先我們開(kāi)發(fā)一個(gè)簡(jiǎn)單的案例,實(shí)現(xiàn)圖片的放大縮小和旋轉(zhuǎn):
先看看實(shí)現(xiàn)的效果:
縮放截圖1:
縮放截圖2:
旋轉(zhuǎn)截圖1:
旋轉(zhuǎn)截圖2:
在實(shí)現(xiàn)圖片的縮放和旋轉(zhuǎn)時(shí),我們都需要用到android.graphics.Matrix這個(gè)類(lèi),對(duì)于Matrix在API中的介紹如下:
Class Overview
The Matrix class holds a 3x3 matrix for transforming coordinates. Matrix does not have a constructor, so it must be explicitly initialized using either reset() - to construct an identity matrix, or one of the set..() functions (e.g. setTranslate, setRotate, etc.).
本實(shí)例中使用到android.graphics.Matrix的 setRotate方法來(lái)設(shè)置旋轉(zhuǎn)角度,以下是API中的該方法介紹:
void setRotate(float degrees, float px, float py) Set the matrix to rotate by the specified number of degrees, with a pivot point at (px, py).
源代碼:
MainActivity.java
[html] view plaincopyprint? package com.imageview.activity; import com.imageview.activity.R; import android.app.Activity; import android.graphics.Bitmap; import android.graphics.Matrix; import android.graphics.drawable.BitmapDrawable; import android.os.Bundle; import android.util.DisplayMetrics; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.SeekBar; import android.widget.SeekBar.OnSeekBarChangeListener; public class MainActivity extends Activity implements OnSeekBarChangeListener { private int minWidth = 80; private ImageView imageView; private SeekBar seekBar1; private SeekBar seekBar2; private Matrix matrix = new Matrix(); @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); imageView = (ImageView) findViewById(R.id.imageview1); seekBar1 = (SeekBar) findViewById(R.id.seekbar1); seekBar2 = (SeekBar) findViewById(R.id.seekbar2); seekBar1.setOnSeekBarChangeListener(this); seekBar2.setOnSeekBarChangeListener(this); // 定義一個(gè)DisplayMetrics對(duì)象,用來(lái)顯示旋轉(zhuǎn)的圖像 DisplayMetrics dm = new DisplayMetrics(); // 根據(jù)手機(jī)屏幕大小來(lái)縮放 getWindowManager().getDefaultDisplay().getMetrics(dm); seekBar1.setMax(dm.widthPixels - minWidth); } @Override public void onProgressChanged(SeekBar seekBar, int progress,boolean fromUser) { switch (seekBar.getId()) { case R.id.seekbar1: int newWidth = progress + minWidth; int newHeight = (int) (newWidth * 3 / 4); imageView.setLayoutParams(new LinearLayout.LayoutParams(newWidth,newHeight)); break; case R.id.seekbar2: Bitmap bitmap = ((BitmapDrawable) getResources().getDrawable(R.drawable.pic)).getBitmap(); // 設(shè)置旋轉(zhuǎn)角度 matrix.setRotate(progress); // 重新繪制Bitmap bitmap = Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(),bitmap.getHeight(), matrix, true); imageView.setImageBitmap(bitmap); break; } } @Override public void onStartTrackingTouch(SeekBar seekBar) { } @Override public void onStopTrackingTouch(SeekBar seekBar) { } }
布局文件main.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <ImageView android:layout_width="200dp" android:layout_height="150dp" android:scaleType="fitCenter" android:background="#FFFFFF" android:src="@drawable/pic" android:id="@+id/imageview1"/> <SeekBar android:layout_width="fill_parent" android:layout_height="wrap_content" android:max="100" android:id="@+id/seekbar1"/> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="拖動(dòng)來(lái)縮放圖片" /> <SeekBar android:layout_width="fill_parent" android:layout_height="wrap_content" android:max="100" android:id="@+id/seekbar2"/> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="拖動(dòng)來(lái)旋轉(zhuǎn)圖片" /> </LinearLayout>
最后說(shuō)明一點(diǎn),要在ImageView中顯示的圖片進(jìn)行旋轉(zhuǎn),請(qǐng)選擇一張符合Matrix的3*3矩陣的圖片,否則在旋轉(zhuǎn)過(guò)程中超過(guò)屏幕寬度會(huì)引起報(bào)錯(cuò),本例中選取的是一張正方形的圖片,如果是長(zhǎng)方形的建議做一下代碼邏輯判斷處理。
以上就是關(guān)于Matrix的實(shí)現(xiàn)效果,希望對(duì)大家的學(xué)習(xí)有所幫助。
- Android實(shí)現(xiàn)屏幕旋轉(zhuǎn)方法總結(jié)
- Android Tween動(dòng)畫(huà)之RotateAnimation實(shí)現(xiàn)圖片不停旋轉(zhuǎn)效果實(shí)例介紹
- Android開(kāi)發(fā) 旋轉(zhuǎn)屏幕導(dǎo)致Activity重建解決方法
- Android中利用matrix 控制圖片的旋轉(zhuǎn)、縮放、移動(dòng)
- Android編程中調(diào)用Camera時(shí)預(yù)覽畫(huà)面有旋轉(zhuǎn)問(wèn)題的解決方法
- Android實(shí)現(xiàn)圖片反轉(zhuǎn)、翻轉(zhuǎn)、旋轉(zhuǎn)、放大和縮小
- Android 圖片縮放與旋轉(zhuǎn)的實(shí)現(xiàn)詳解
- Android開(kāi)發(fā)之圖形圖像與動(dòng)畫(huà)(二)Animation實(shí)現(xiàn)圖像的漸變/縮放/位移/旋轉(zhuǎn)
- Android 3D旋轉(zhuǎn)動(dòng)畫(huà)效果實(shí)現(xiàn)分解
- flutter RotationTransition實(shí)現(xiàn)旋轉(zhuǎn)動(dòng)畫(huà)
相關(guān)文章
Flutter應(yīng)用框架搭建實(shí)現(xiàn)屏幕適配方案詳解
移動(dòng)設(shè)備多樣性,特別是Android的碎片化嚴(yán)重,存在各種各樣的分辨率,flutter跨平臺(tái)開(kāi)發(fā)又需要同時(shí)支持Android和IOS,為盡可能的還原設(shè)計(jì)圖效果提升用戶的體驗(yàn),根據(jù)設(shè)計(jì)稿設(shè)計(jì)屏幕ui的時(shí)候我們需要考慮到屏幕適配的問(wèn)題2022-11-11Kotlin高階函數(shù)reduce與fold使用實(shí)例
Kotlin的高階函數(shù)reduce和fold可以用來(lái)對(duì)集合進(jìn)行聚合操作。reduce函數(shù)將集合元素逐個(gè)累加,而fold函數(shù)則可以指定一個(gè)初始值進(jìn)行累加。這兩個(gè)函數(shù)在處理大數(shù)據(jù)集時(shí)非常有用2023-04-04Kotlin 協(xié)程 supervisorScope {} 運(yùn)行崩潰解決方法
看過(guò)很多?supervisorScope {}?文檔的使用,我照抄一摸一樣的代碼,運(yùn)行就崩潰,最后找到了解決方法,應(yīng)該是kotlin版本更新做過(guò)改動(dòng),當(dāng)前我使用的是?androidx.core:core-ktx:1.9.0,本文給大家介紹Kotlin 協(xié)程 supervisorScope {} 運(yùn)行崩潰解決方法,感興趣的朋友一起看看吧2024-01-01詳解Android studio 動(dòng)態(tài)fragment的用法
這篇文章主要介紹了Android studio 動(dòng)態(tài)fragment的用法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-10-10Android XMPP通訊自定義Packet&Provider
這篇文章主要介紹了Android XMPP通訊自定義Packet&Provider的相關(guān)資料,需要的朋友可以參考下2016-08-08android?studio后臺(tái)服務(wù)使用詳解
這篇文章主要為大家詳細(xì)介紹了android?studio后臺(tái)服務(wù),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-08-08Android 網(wǎng)絡(luò)圖片查看器與網(wǎng)頁(yè)源碼查看器
本篇文章主要介紹了Android 網(wǎng)絡(luò)圖片查看器與網(wǎng)頁(yè)源碼查看器的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-04-04Android百度定位導(dǎo)航之基于百度地圖移動(dòng)獲取位置和自動(dòng)定位
項(xiàng)目需求是這樣的,首先定位我當(dāng)前的起始位置,并跟隨移動(dòng)不斷自動(dòng)定位我的當(dāng)前位置,下面通過(guò)本文給大家介紹android百度定位導(dǎo)航之基于百度地圖移動(dòng)獲取位置和自動(dòng)定位,需要的朋友參考下2016-01-01