Android中Canvas的常用方法總結(jié)
一、對Canvas進行操作
對Canvas的一系列操作,是指對Canvas進行旋轉(zhuǎn)、平移、縮放等操作。
這些操作可以讓Canvas對象使用起來更加便捷。
二、Canvas平移
/** * 畫布向(100,50)方向平移 * * 參數(shù)1: 向X軸方向移動100距離 * 參數(shù)2: 向Y軸方向移動50距離 */ canvas.translate(100, 50);
三、Canvas縮放
/** * 在X軸方向放大為原來2倍,Y軸方向方大為原來的4倍 * 參數(shù)1: X軸的放大倍數(shù) * 參數(shù)2: Y軸的放大倍數(shù) */ canvas.scale(2, 4); /** * 在X軸方向放大為原來2倍,Y軸方向方大為原來的4倍 * 參數(shù)1: X軸的放大倍數(shù) * 參數(shù)2: Y軸的放大倍數(shù) * 參數(shù)3: 原點X坐標 * 參數(shù)4: 原點Y坐標 */ canvas.scale(2, 4,100,100);
四、Canvas旋轉(zhuǎn)
/** * 原點為中心,旋轉(zhuǎn)30度(順時針方向為正方向 ) * 參數(shù): 旋轉(zhuǎn)角度 */ canvas.rotate(30); /** * 以(100,100)為中心,旋轉(zhuǎn)30度,順時針方向為正方向 * 參數(shù): 旋轉(zhuǎn)角度 */ canvas.rotate(30,100,100);
五、Canvas操作例子
Paint p = new Paint(); p.setColor(Color.argb(50,255,100,100)); canvas.drawRect(0,0,200,200,p); // 以原始Canvas畫出一個矩形1 canvas.translate(300,300); // 將Canvas平移 (100,100) p.setColor(Color.argb(50,100,255,100)); canvas.drawRect(0,0,200,200,p); // 矩形2 canvas.rotate(30); //將Canvas旋轉(zhuǎn)30 p.setColor(Color.argb(50,100,0,255)); canvas.drawRect(0,0,200,200,p); // 矩形3 canvas.scale(2, 2); // 將Canvas以原點為中心,放大兩倍 p.setColor(Color.argb(50,255,255,0)); canvas.drawRect(0,0,200,200,p); // 矩形4
六、Canvas保存和還原
Canvas提供了幾個方法,讓我們可以方便的對Canvas的狀態(tài)進行更改和還原。
這些方法是:save()
、restore()
、restoreToCount(int saveCount)
。
我們在對Canvas進行平移、旋轉(zhuǎn)、放大等操作時候,可以調(diào)用save()
方法,將當前修改過的Canvas狀態(tài)進行保存,調(diào)用restore()
方法后,會將Canvas還原成最近的一個save()
的狀態(tài)。
save()
方法還會有一個返回值,我們也可以調(diào)用restoreToCount(int saveCount)
方法,將這個返回值作為參數(shù)傳遞進去,就可以將Canvas還原成某一個特定的save()
狀態(tài)。
canvas.translate(100,100); // 平移(100,100) int save1 = canvas.save(); // 保存Canvas狀態(tài)(狀態(tài)1) canvas.scale(2, 2); // 放大2倍 int save2 = canvas.save(); // 保存Canvas狀態(tài)(狀態(tài)2) canvas.restore(); // 返回最新的save狀態(tài),即狀態(tài)2 canvas.restoreToCount(save1);// 手動指定的返回到 狀態(tài)1
六、Canvas畫圖實例
1、畫文字
/** * 參數(shù)2:文本的x軸的開始位置 * 參數(shù)2:文本Y軸的結(jié)束位置 * 參數(shù)3:畫筆對象 */ canvas.drawText("開始寫字了!",50, 50, p);// 畫文本 /** * 參數(shù)2:要從第幾個字開始繪制 * 參數(shù)3:要繪制到第幾個文字 * 參數(shù)4:文本的x軸的開始位置 * 參數(shù)5:文本Y軸的結(jié)束位置 * 參數(shù)6:畫筆對象 */ canvas.drawText("開始寫字了!",2,5, 50, 50, p);// 畫文本,結(jié)果為:“寫字了” /** * 參數(shù)2:路徑 * 參數(shù)3:距離路徑開始位置的偏移量 * 參數(shù)4:距離路徑上下的偏移量(可以為負數(shù)) * 參數(shù)5:畫筆對象 */ canvas.drawTextOnPath("1234567890101123123", path, 0, -50, p);
2、畫圓
/** * 參數(shù)1:圓心X * 參數(shù)2:圓心Y * 參數(shù)3:半徑R * 參數(shù)4:畫筆對象 */ canvas.drawCircle(200, 200, 100, p);
3、畫線
/* * 參數(shù)1:startX * 參數(shù)2:startY * 參數(shù)3:stopX * 參數(shù)4:stopY * 參數(shù)5:畫筆對象 */ canvas.drawLine(100, 100, 300, 300, p);// 畫線 /* * 同時繪制多條線。 * 參數(shù)1:float數(shù)組:每四個一組為一條線。最后不足四個,就忽略那些值。 * 參數(shù)2:畫筆對象 */ canvas.drawLines(new float[]{100,100,200,200,200,100,300,100}, p);
4、畫橢圓
/* * 參數(shù)1:float left * 參數(shù)2:float top * 參數(shù)3:float right * 參數(shù)4:float bottom */ RectF oval = new RectF(150, 200, 500, 400);// 畫一個橢圓 canvas.drawOval(oval, p);
5、畫弧度
/** * 畫圓弧 * 參數(shù)1:RectF對象。 * 參數(shù)2:開始的角度。(水平向右為0度順時針反向為正方向) * 參數(shù)3:掃過的角度 * 參數(shù)4:是否和中心連線 * 參數(shù)5:畫筆對象 */ canvas.drawArc(oval, 20, 180, false, p);
6、矩形
/** * 矩形 * 參數(shù)1:float left * 參數(shù)2:float top * 參數(shù)3:float right * 參數(shù)4:float bottom */ canvas.drawRect(100,100, 200, 200, p); //畫圓角矩形 RectF oval3 = new RectF(80, 260, 200, 300);// 設(shè)置個新的長方形 canvas.drawRoundRect(oval3, 20, 5, p);//第二個參數(shù)是x半徑,第三個參數(shù)是y半徑
7、多邊形
/** * Path類封裝復(fù)合(多輪廓幾何圖形的路徑 * 由直線段*、二次曲線,和三次方曲線,也可畫以油畫。drawPath(路徑、油漆),要么已填充的或撫摸 * (基于油漆的風格),或者可以用于剪斷或畫畫的文本在路徑。 */ Path path = new Path(); // 路徑對象 path.moveTo(80, 200);// 此點為多邊形的起點 path.lineTo(120, 250); path.lineTo(80, 250); //.... 可以添加多個點。構(gòu)成多邊形 path.close(); // 使終點和起點鏈接,構(gòu)成封閉圖形 canvas.drawPath(path, p);
8、畫貝塞爾曲線
p.setStyle(Style.STROKE); Path path2=new Path(); path2.moveTo(100, 100);//設(shè)置Path的起點 /** * 參數(shù)1、2:x1,y1為控制點的坐標值 * 參數(shù)3、4:x2,y2為終點的坐標值 */ path2.quadTo(300, 100, 400, 400); //設(shè)置貝塞爾曲線的控制點坐標和終點坐標 path2.quadTo(500, 700, 800, 800); canvas.drawPath(path2, p);//畫出貝塞爾曲線
9、畫點
/** * 參數(shù)1、2:點的x、y坐標 */ canvas.drawPoint(60, 390, p);//畫一個點 /** * 參數(shù)1:多個點,每兩個值為一個點。最后個數(shù)不夠兩個的值,忽略。 */ canvas.drawPoints(new float[]{60,400,65,400,70,400}, p);//畫多個點
10、畫圖片
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher); /** * 參數(shù)1:bitmap對象 * 參數(shù)2:圖像左邊坐標點 * 參數(shù)3:圖像上邊坐標點 */ canvas.drawBitmap(bitmap, 200,300, p);
七、總結(jié)
以上就是這篇文章的全部內(nèi)容,希望對大家的學習或者工作能有一定的幫助,如果有疑問可以留言留言。
- Android實現(xiàn)漸變色的圓弧虛線效果
- Android TextView(圓?。┻吙蚝捅尘皩嵗斀?/a>
- Android 自定View實現(xiàn)仿QQ運動步數(shù)圓弧及動畫效果
- Android使用ImageView 制作透明圓弧實例代碼
- Android 游戲開發(fā)之Canvas畫布的介紹及方法
- Android開發(fā)之圖形圖像與動畫(一)Paint和Canvas類學習
- Android使用Canvas繪制圓形進度條效果
- Android中Paint類和Canvas類的方法匯總
- Android 中View.onDraw(Canvas canvas)的使用方法
- 利用Android畫圓弧canvas.drawArc()實例詳解
相關(guān)文章
Android自定義HorizontalScrollView實現(xiàn)qq側(cè)滑菜單
本文主要介紹了android自定義HorizontalScrollView實現(xiàn)qq側(cè)滑菜單的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04Android自定義View Flyme6的Viewpager指示器
這篇文章主要為大家詳細介紹了Android自定義View Flyme6的Viewpager指示器,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-01-01Android編程實現(xiàn)webview將網(wǎng)頁打包成apk的方法
這篇文章主要介紹了Android編程實現(xiàn)webview將網(wǎng)頁打包成apk的方法,以打包HTML5為例分析了webview打包apk的相關(guān)方法、屬性與事件操作技巧,需要的朋友可以參考下2017-08-08Android定時器實現(xiàn)定時執(zhí)行、重復(fù)執(zhí)行、定時重復(fù)執(zhí)行、定次數(shù)執(zhí)行的多種方式
今天小編就為大家分享一篇關(guān)于Android定時器實現(xiàn)定時執(zhí)行、重復(fù)執(zhí)行、定時重復(fù)執(zhí)行、定次數(shù)執(zhí)行的多種方式,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧2018-12-12設(shè)備APP開發(fā)環(huán)境配置細節(jié)介紹
隨著工業(yè)自動化的不斷發(fā)展,設(shè)備APP也越來越重要,本文就設(shè)備APP開發(fā)軟件配置細節(jié)做一個深入詳解2022-09-09Android獲取手機聯(lián)系人電話號碼并返回結(jié)果
這篇文章主要為大家詳細介紹了Android獲取手機聯(lián)系人電話號碼并返回結(jié)果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-11-11Android中RecyclerView嵌套滑動沖突解決的代碼片段
這篇文章主要為大家詳細介紹了Android中RecyclerView嵌套滑動沖突解決的代碼片段,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12android顯示TextView文字的倒影效果實現(xiàn)代碼
這篇文章主要介紹了android顯示TextView文字的倒影效果實現(xiàn)代碼,需要的朋友可以參考下2014-02-02