這個(gè)image控件時(shí)有大小的,他的大小是不變的,旋轉(zhuǎn)了以后要完全顯示在這個(gè)image中,當(dāng)然會(huì)稍微變小點(diǎn)
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比豐順網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式豐順網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋豐順地區(qū)。費(fèi)用合理售后完善,10余年實(shí)體公司更值得信賴。
你打開該圖片,點(diǎn)選項(xiàng),編輯,然后輕觸圖片,會(huì)出來(lái)15個(gè)小標(biāo)志,點(diǎn)第六個(gè),旋轉(zhuǎn),然后選項(xiàng),儲(chǔ)存。OK
圖片旋轉(zhuǎn)使用動(dòng)畫,設(shè)置動(dòng)畫時(shí)間,旋轉(zhuǎn)完成后,設(shè)置另一張圖片
RotateAnimation 動(dòng)畫,
RotateAnimation (float fromDegrees, float toDegrees, int
pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
參數(shù)說(shuō)明:
float fromDegrees:旋轉(zhuǎn)的開始角度。
float toDegrees:旋轉(zhuǎn)的結(jié)束角度。
int
pivotXType:X軸的伸縮模式,可以取值為ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。
float
pivotXValue:X坐標(biāo)的伸縮值。
int
pivotYType:Y軸的伸縮模式,可以取值為ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。
float
pivotYValue:Y坐標(biāo)的伸縮值。
1、定義一個(gè)ImageView
定義一個(gè)ImageView是為了裝載圖片,其中的圖片將被rotate用來(lái)進(jìn)行旋轉(zhuǎn),其他View亦可。
資源文件為
Java代碼
?xml version="1.0" encoding="utf-8"?
LinearLayout
xmlns:android=""
android:layout_width="match_parent"
android:layout_height="match_parent"
ImageView
android:id="@+id/infoOperating"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/operating"
android:scaleType="center"
/ImageView
/LinearLayout
其中的android:src為圖片內(nèi)容,可使用附件中的圖片。
java代碼為
Java代碼
ImageView infoOperatingIV = (ImageView)findViewById(R.id.infoOperating);
2、定義rotate旋轉(zhuǎn)效果
在res/anim文件夾下新建tip.xml文件,內(nèi)容如下
Java代碼
?xml version="1.0" encoding="utf-8"?
set xmlns:android=""
rotate
android:fromDegrees="0"
android:toDegrees="359"
android:duration="500"
android:repeatCount="-1"
android:pivotX="50%"
android:pivotY="50%" /
/set
含義表示從0到359度開始循環(huán)旋轉(zhuǎn),0-359(若設(shè)置成360在停止時(shí)會(huì)出現(xiàn)停頓現(xiàn)象)度旋轉(zhuǎn)所用時(shí)間為500ms,旋轉(zhuǎn)中心距離view的左頂點(diǎn)為50%距離,距離view的上邊緣為50%距離,即正中心,具體每個(gè)含義見(jiàn)下面的具體屬性介紹。
java代碼為
Java代碼
Animation operatingAnim = AnimationUtils.loadAnimation(this, R.anim.tip);
LinearInterpolator lin = new LinearInterpolator();
operatingAnim.setInterpolator(lin);
setInterpolator表示設(shè)置旋轉(zhuǎn)速率。LinearInterpolator為勻速效果,Accelerateinterpolator為加速效果、DecelerateInterpolator為減速效果,具體可見(jiàn)下面android:interpolator的介紹。
a. 關(guān)于其中的屬性意義如下(紅色部分加以注意):
android:fromDegrees 起始的角度度數(shù)
android:toDegrees 結(jié)束的角度度數(shù),負(fù)數(shù)表示逆時(shí)針,正數(shù)表示順時(shí)針。如10圈則比android:fromDegrees大3600即可
android:pivotX 旋轉(zhuǎn)中心的X坐標(biāo)
浮點(diǎn)數(shù)或是百分比。浮點(diǎn)數(shù)表示相對(duì)于Object的左邊緣,如5; 百分比表示相對(duì)于Object的左邊緣,如5%; 另一種百分比表示相對(duì)于父容器的左邊緣,如5%p; 一般設(shè)置為50%表示在Object中心
android:pivotY 旋轉(zhuǎn)中心的Y坐標(biāo)
浮點(diǎn)數(shù)或是百分比。浮點(diǎn)數(shù)表示相對(duì)于Object的上邊緣,如5; 百分比表示相對(duì)于Object的上邊緣,如5%; 另一種百分比表示相對(duì)于父容器的上邊緣,如5%p; 一般設(shè)置為50%表示在Object中心
android:duration 表示從android:fromDegrees轉(zhuǎn)動(dòng)到android:toDegrees所花費(fèi)的時(shí)間,單位為毫秒。可以用來(lái)計(jì)算速度。
android:interpolator表示變化率,但不是運(yùn)行速度。一個(gè)插補(bǔ)屬性,可以將動(dòng)畫效果設(shè)置為加速,減速,反復(fù),反彈等。默認(rèn)為開始和結(jié)束慢中間快,
android:startOffset 在調(diào)用start函數(shù)之后等待開始運(yùn)行的時(shí)間,單位為毫秒,若為10,表示10ms后開始運(yùn)行
android:repeatCount 重復(fù)的次數(shù),默認(rèn)為0,必須是int,可以為-1表示不停止
android:repeatMode 重復(fù)的模式,默認(rèn)為restart,即重頭開始重新運(yùn)行,可以為reverse即從結(jié)束開始向前重新運(yùn)行。在android:repeatCount大于0或?yàn)閕nfinite時(shí)生效
android:detachWallpaper 表示是否在壁紙上運(yùn)行
android:zAdjustment 表示被animated的內(nèi)容在運(yùn)行時(shí)在z軸上的位置,默認(rèn)為normal。
normal保持內(nèi)容當(dāng)前的z軸順序
top運(yùn)行時(shí)在最頂層顯示
bottom運(yùn)行時(shí)在最底層顯示
b. 運(yùn)行速度
運(yùn)行速度為運(yùn)行時(shí)間(android:duration)除以運(yùn)行角度差(android:toDegrees-android:fromDegrees),比如android:duration為1000,android:toDegrees為360,android:fromDegrees為0就表示1秒轉(zhuǎn)1圈。
c. 循環(huán)運(yùn)行
Java代碼
android:fromDegrees="0"
android:toDegrees="360"
android:repeatCount="-1"
android:repeatCount="-1"即表示循環(huán)運(yùn)行,配合上android:fromDegrees="0" android:toDegrees="360"表示不間斷
3、開始和停止旋轉(zhuǎn)
在操作開始之前調(diào)用
Java代碼
if (operatingAnim != null) {
infoOperatingIV.startAnimation(operatingAnim);
}
在操作完成時(shí)調(diào)用
Java代碼
infoOperatingIV.clearAnimation();
許多朋友不知道如何停止旋轉(zhuǎn)animation,所以強(qiáng)制設(shè)置rotate轉(zhuǎn)動(dòng)多少圈表示操作,但卻無(wú)法與操作實(shí)際的進(jìn)度匹配上,實(shí)際上只要如上代碼所示清除animation即可。
方法只有一種。
步驟:
1、畫布平移坐標(biāo)原點(diǎn)
2、旋轉(zhuǎn)畫布
示例代碼
canvas.save();//保存當(dāng)前畫布狀態(tài)
canvas.translate(x,?y);?//將坐標(biāo)中心平移到要圍繞的坐標(biāo)點(diǎn)x,y
canvas.rotate(90);//旋轉(zhuǎn)角度,這里比如90度
canvas.restore();//恢復(fù)畫圖狀態(tài)到保存前
先上效果圖
源碼
單點(diǎn)拖動(dòng)圖片對(duì)圖片進(jìn)行平移操作。雙手縮放圖片大小和旋轉(zhuǎn)圖片到一定的角度。圖片縮放的時(shí)候 不能大于最大的縮放因子和小于最小的縮放因子。大于最大縮放因子或者小于最小縮放因子需要對(duì)圖像進(jìn)行回彈。圖片旋轉(zhuǎn)的角度只能為90度的倍數(shù),不滿足90度要進(jìn)行回彈。圖片回彈要一個(gè)漸變的效果。
大體思路: 首先,Android中提供了Matrix類可以對(duì)圖像進(jìn)行處理。其次,要顯示一張圖片最容易想到的就是ImageView?;貜椧鬂u變的過(guò)程,可以通過(guò)屬性動(dòng)畫進(jìn)行設(shè)置。所以大體的思路是:繼承ImageView,重寫onTouchEvent()方法,判斷事件類型,在對(duì)應(yīng)的事件使用Matrix對(duì)圖像進(jìn)行變換。
Matrix是一個(gè)已經(jīng)封裝好的矩陣,最重要的作用就是對(duì)坐標(biāo)點(diǎn)進(jìn)行變換。
舉個(gè)栗子:
1.某個(gè)點(diǎn)(x0,y0,1)通過(guò)單位矩陣E映射得到的點(diǎn)還是(x0,y0,1)。
3.點(diǎn)(x0,y0,1)通過(guò)矩陣T映射得到的點(diǎn)就會(huì)做如下的變換
可以看到點(diǎn)(x0,y0,1)經(jīng)過(guò)T矩陣在x軸方向上平移了dx,在y軸方向上平移了dy。
通過(guò)以上的變換可以得到具體的思路: 我們維護(hù)一個(gè)圖像對(duì)應(yīng)的矩陣mCurrentMatrix,該矩陣主要是對(duì)ImageView中的圖像的各個(gè)點(diǎn)進(jìn)行映射。ImageView在容器位置擺放完成之后,置mCurrentMatrix矩陣為單位矩陣。當(dāng)onTouchEvent()方法中觸發(fā)單點(diǎn)觸控并且手指進(jìn)行平移的時(shí)候,調(diào)用矩陣mCurrentMatrix的postTranslate(dx,dy),對(duì)mCurrentMatrix進(jìn)行變換。當(dāng)手指抬起,利用變換結(jié)束后的矩陣對(duì)圖像的各個(gè)點(diǎn)進(jìn)行映射,從而得到平移變換后的圖像。同理可得,在兩只手指進(jìn)行縮放旋轉(zhuǎn)的時(shí)候,我們對(duì)矩陣mCurrentMatrix進(jìn)行各種變換,當(dāng)縮放旋轉(zhuǎn)的事件結(jié)束再利用變換完的矩陣去映射圖像的各個(gè)點(diǎn),從而得到縮放、旋轉(zhuǎn)后的圖像。
安卓自定義View進(jìn)階 - Matrix原理
安卓自定義View進(jìn)階 - Matrix詳解
首先理清事件的邏輯:
初始化圖像大小和位置
縮放圖像大小和控件大小自適應(yīng),平移圖像中心和控件中心重合
onTouchEvent()函數(shù)
平移操作
將圖像對(duì)應(yīng)的矩陣進(jìn)行變換。
縮放操作
mBoundRectF為記錄圖像邊界的矩形。縮放的時(shí)候選取圖像的中心進(jìn)行縮放。
旋轉(zhuǎn)操作
旋轉(zhuǎn)的時(shí)候旋轉(zhuǎn)的旋轉(zhuǎn)中心也是圖像的中心
圖像中各個(gè)點(diǎn)的映射
調(diào)用ImageView的setImageMatrix(Matrix matrix)會(huì)讓ImageView根據(jù)設(shè)置的matrix去重新繪制圖像。
更新圖像的矩形邊界
獲得圖像的矩形,并根據(jù)矩陣映射矩形各個(gè)點(diǎn)的坐標(biāo)。
縮放回彈
旋轉(zhuǎn)回彈
一些計(jì)算方法
要求圖像的變換是一個(gè)漸變的過(guò)程,很容易想到的就是屬性動(dòng)畫。因?yàn)閷傩詣?dòng)畫本身就是對(duì)值進(jìn)行不斷set的過(guò)程。而我們維護(hù)的矩陣也是一個(gè)值,所以很自然可以想到,如果得到回彈之前的矩陣的值以及回彈之后矩陣的值,就可以根據(jù)動(dòng)畫監(jiān)聽器中動(dòng)畫當(dāng)前的系數(shù)值去改變矩陣的值。
對(duì)animator對(duì)象設(shè)置完監(jiān)聽器之后,就可以在手指抬起的時(shí)候調(diào)用屬性動(dòng)畫的start()方法開啟動(dòng)畫。
自定義可平移、縮放、旋轉(zhuǎn)的控件主要點(diǎn)有兩個(gè)方面:一是onTouchEvent()中判斷平移、旋轉(zhuǎn)、縮放的觸發(fā)條件,平移位移量、縮放比例因子、旋轉(zhuǎn)角度的計(jì)算。二是Matrix矩陣的應(yīng)用。
文章標(biāo)題:android圖片旋轉(zhuǎn),android圖片旋轉(zhuǎn)動(dòng)畫效果
網(wǎng)頁(yè)鏈接:http://jinyejixie.com/article28/dsdgccp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、企業(yè)建站、響應(yīng)式網(wǎng)站、做網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、定制開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)