imageView圖片放大縮小及旋轉

来源:http://www.cnblogs.com/Renyi-Fan/archive/2017/08/07/7299203.html
-Advertisement-
Play Games

imageView圖片放大縮小及旋轉 一、簡介 二、方法 1)設置圖片放大縮小效果 第一步:將<ImageView>標簽中的android:scaleType設置為"fitCenter" android:scaleType="fitCenter" 第二步:獲取屏幕的寬度 DisplayMetrics ...


imageView圖片放大縮小及旋轉

一、簡介

 

二、方法

1)設置圖片放大縮小效果

第一步:將<ImageView>標簽中的android:scaleType設置為"fitCenter"

android:scaleType="fitCenter"

第二步:獲取屏幕的寬度

DisplayMetrics dm=new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);

dm.widthPixels

第三步:設置seekBar的最大progree值為屏幕寬度

sb_one.setMax(dm.widthPixels);

第四步:設置imageview的佈局參數,也就是寬和高,也就是畫布的寬高

int width=progress;
int height=progress*3/4;

iv_pic.setLayoutParams(new LinearLayout.LayoutParams(width, height));

 

2)設置圖片旋轉方法

第一步:給matrix設置角度,用於新的bitmap

private Matrix matrix;

matrix=new Matrix();

matrix.setRotate((int)(progress*3.60));

第二步:獲取bitmap資源

BitmapDrawable bitmapDrawable=(BitmapDrawable)(getResources().getDrawable(R.drawable.image1));
Bitmap bitmap=bitmapDrawable.getBitmap();

第三步:重建bitmap用於顯示

Bitmap newBitmap=bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(),matrix,false);

第四步:給imageview設置新的bitmap

iv_pic.setImageBitmap(newBitmap);

 

三、代碼實例

效果圖:

設置大小和設置旋轉的效果圖

代碼:

fry.Activity02

 1 package fry;
 2 
 3 import com.example.iamgeViewDemo1.R;
 4 
 5 import android.app.Activity;
 6 import android.graphics.Bitmap;
 7 import android.graphics.Matrix;
 8 import android.graphics.drawable.BitmapDrawable;
 9 import android.os.Bundle;
10 import android.util.DisplayMetrics;
11 import android.view.ViewGroup.LayoutParams;
12 import android.widget.ImageView;
13 import android.widget.LinearLayout;
14 import android.widget.SeekBar;
15 import android.widget.SeekBar.OnSeekBarChangeListener;
16 
17 public class Activity02 extends Activity implements OnSeekBarChangeListener{
18     private ImageView iv_pic;
19     private SeekBar sb_one;
20     private SeekBar sb_two;
21     private Matrix matrix;
22     
23     @Override
24     protected void onCreate(Bundle savedInstanceState) {
25         // TODO Auto-generated method stub
26         setTitle("imageView實現圖片縮放和旋轉");
27         super.onCreate(savedInstanceState);
28         setContentView(R.layout.activity02);
29         
30         iv_pic=(ImageView) findViewById(R.id.iv_pic);
31         sb_one=(SeekBar) findViewById(R.id.sb_one);
32         sb_two=(SeekBar) findViewById(R.id.sb_two);
33         //設置SeekBar的progress值改變監聽事件
34         sb_one.setOnSeekBarChangeListener(this);
35         sb_two.setOnSeekBarChangeListener(this);
36         
37         matrix=new Matrix();
38         
39 //        1)設置圖片放大縮小效果
40 //
41 //        第一步:將<ImageView>標簽中的android:scaleType設置為"fitCenter"
42 //
43 //        第二步:獲取屏幕的寬度
44 //
45 //        第三步:設置seekBar的最大progree值為屏幕寬度
46 //
47 //        第四步:設置imageview的佈局參數,也就是寬和高,也就是畫布的寬高
48 
49 
50         
51         //設置圖片放大縮小效果
52         //第一步:獲取屏幕的寬度
53         DisplayMetrics dm=new DisplayMetrics();
54         getWindowManager().getDefaultDisplay().getMetrics(dm);
55         //第二步:設置seekBar的最大progree值為屏幕寬度
56         sb_one.setMax(dm.widthPixels);
57     }
58     @Override
59     public void onProgressChanged(SeekBar seekBar, int progress,
60             boolean fromUser) {
61         // TODO Auto-generated method stub
62         switch (seekBar.getId()) {
63         case R.id.sb_one://放大或縮小
64             int width=progress;
65             int height=progress*3/4;
66             //第三步:設置imageview的佈局參數,也就是寬和高,也就是畫布的寬高
67             iv_pic.setLayoutParams(new LinearLayout.LayoutParams(width, height));
68             break;
69         case R.id.sb_two://旋轉
70             //設置旋轉度數
71             //設置圖片旋轉方法
72             //第一步:給matrix設置角度,用於新的bitmap
73             matrix.setRotate((int)(progress*3.60));
74             //第二步:獲取bitmap資源
75             BitmapDrawable bitmapDrawable=(BitmapDrawable)(getResources().getDrawable(R.drawable.image1));
76             Bitmap bitmap=bitmapDrawable.getBitmap();
77             //第三步:重建bitmap用於顯示
78             Bitmap newBitmap=bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(),matrix,false);
79             //第四步:給imageview設置新的bitmap
80             iv_pic.setImageBitmap(newBitmap);
81             break;
82         default:
83             break;
84         }
85         
86         
87         
88     }
89     @Override
90     public void onStartTrackingTouch(SeekBar seekBar) {
91         // TODO Auto-generated method stub
92         
93     }
94     @Override
95     public void onStopTrackingTouch(SeekBar seekBar) {
96         // TODO Auto-generated method stub
97         
98     }
99 }

activity02.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical" >
 6 
 7     <ImageView 
 8         android:id="@+id/iv_pic"
 9         android:layout_width="match_parent"
10         android:layout_height="300dip"
11         android:background="@android:color/black"
12         android:scaleType="fitCenter"
13         android:src="@drawable/image1"
14         />
15     <!-- 設置圖片的顯示方式:把圖片按比例擴大/縮小到view的寬度,居中顯示 -->
16     <SeekBar
17         android:id="@+id/sb_one"
18         android:layout_width="match_parent"
19         android:layout_height="wrap_content" 
20         android:progress="100"
21         />
22 
23     <TextView 
24         android:layout_width="match_parent"
25         android:layout_height="wrap_content"
26         android:text="拖動來縮放圖片"
27         />
28     <SeekBar 
29         android:id="@+id/sb_two"
30         android:layout_width="match_parent"
31         android:layout_height="wrap_content"
32         />
33     <TextView 
34         android:layout_width="match_parent"
35         android:layout_height="wrap_content"
36         android:text="拖動來旋轉圖片"
37         />
38 
39 </LinearLayout>

 

四、收穫

 1、設置圖像居中顯示

android:scaleType="fitCenter"

2、矩陣對象

private Matrix matrix;

Android中,如果你用Matrix進行過圖像處理,那麼一定知道Matrix這個類。android中的Matrix是一個3 x 3的矩陣。

在 Android 開發中,矩陣是一個功能強大並且應用廣泛的神器,例如:用它來製作動畫效果、改變圖片大小、給圖片加各類濾鏡等。

3、DisplayMetrics對象,用於屏幕大小等的顯示

DisplayMetrics dm=new DisplayMetrics();

 4、獲取手機屏幕寬度

DisplayMetrics dm=new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);

sb_one.setMax(dm.widthPixels);

5、用LinearLayout設置imageView畫布參數

iv_pic.setLayoutParams(new LinearLayout.LayoutParams(width, height));

6、matrix設置旋轉

matrix.setRotate((int)(progress*3.60));

7、BitmapDrawable類,其實也是獲取圖片資源

BitmapDrawable bitmapDrawable=(BitmapDrawable)(getResources().getDrawable(R.drawable.image1));

8、bitmapDrawable到bitmap

Bitmap bitmap=bitmapDrawable.getBitmap();

9、新建bitmap

Bitmap newBitmap=bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(),matrix,false);

10、給imageView設置bitmap

iv_pic.setImageBitmap(newBitmap);


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 這兩天看了看angular4的文檔,發現他和angular1.X的差別真的是太大了,官方給出的那個管理英雄的Demo是一個非常好的入門項目,這裡給出一個管理個人計劃的小項目,從頭至尾一步一步講解如何去實現他,希望對你有所幫助。這篇文章不會講解如何去用angular,這部分東西你可以參考官網,本文講解... ...
  • 一,工程圖。 二,代碼。 ViewController.m #import "ViewController.h" #import "ScanViewController.h" @interface ViewController () @end @implementation ViewControll ...
  • DatePicker日期與時間控制項 一、簡介 二、方法 最日常的使用方法了 日期控制項DatePicker 時間控制項TimePicker 月份從0開始 三、代碼實例 效果圖: 代碼: fry.Activity01 /DatePicherDemo1/res/layout/activity01.xml 四 ...
  • bitmap==null 一、問題介紹 調試找bug的過程出現bitmap==null,而傳過來創建bitmap的byte array有數據, 結果看了函數說明: 果斷知道是那個圖片沒有辦法decode,換了圖片果然就對了 二、收穫 發這篇文章其實是想提醒自己,多去看函數說明,多去看源碼,事半功倍。 ...
  • 1. 原理 每一個線程對應一個消息隊列MessageQueue,實現線程之間的通信,可通過Handler對象將數據裝進Message中,再將消息加入消息隊列,而後線程會依次處理消息隊列中的消息。 2. Message 初始化:一般使用Message.obtain()方法獲取一個消息對象,該方法會檢查 ...
  • 本節來介紹另一個非常重要的調試選項:Debug JS Remotely選項。 ...
  • android.os.NetworkOnMainThreadException 一、出現原因 我把網路讀取數據的操作寫進了主線程 看名字就應該知道,是網路請求在MainThread中產生的異常 二、產生原因 官網解釋 Class Overview The exception that is thro ...
  • 配置環境變數,不然用不了adb命令 path這裡也一樣配置一下 命令的各種意思百度一下看看也就知道了 看到一篇博客推薦的一種測試命令,我也直接拿來用了 adb shell monkey -p 你的包名 -s 500 --ignore-crashes --ignore-timeouts --monit ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...