Android繪制鐘表的方法
本文實(shí)例為大家分享了Android繪制鐘表的具體代碼,供大家參考,具體內(nèi)容如下
首先要畫一個(gè)表,我們要先知道步驟如何:
1、儀表盤----外面最大的圓盤
2、刻度線----四個(gè)長(zhǎng)刻度和剩下的短刻度
3、刻度值----對(duì)應(yīng)的刻度下的數(shù)字
4、指針------鐘表的三個(gè)指針
5、指針動(dòng)起來(lái)
明確思路,下來(lái)就是畫圖了
1、儀表盤,畫圓
outCirclePaint = new Paint(); outCirclePaint.setStrokeWidth(2); outCirclePaint.setAntiAlias(true); outCirclePaint.setStyle(Paint.Style.STROKE); canvas.drawCircle(mWidth/2,mHeight/2,mWidth/2,outCirclePaint);
2、畫刻度,同時(shí)寫刻度值
畫刻度的思路是每次畫一個(gè)刻度(短的線段)完成之后,旋轉(zhuǎn)畫布30°,因?yàn)?60/12。遇到3、6、9、12 把刻度線畫粗,畫稍長(zhǎng)一點(diǎn)。
for (int i = 0; i <= 12;i++){ if (i==3||i==6||i==9 || i==12){ degreePaint.setStrokeWidth(3); degreePaint.setTextSize(30); canvas.drawLine(mWidth/2,mHeight/2-mWidth/2,mWidth/2,mHeight/2-mWidth/2+30,degreePaint); String degree = String.valueOf(i); canvas.drawText(degree, mWidth/2-degreePaint.measureText(degree)/2, mHeight/2-mWidth/2 + 60, degreePaint); }else{ if (i!=0){ //遇到0不考慮劃線 寫刻度值 degreePaint.setStrokeWidth(2); degreePaint.setTextSize(20); canvas.drawLine(mWidth/2,mHeight/2-mWidth/2,mWidth/2,mHeight/2-mWidth/2+15,degreePaint); String degree = String.valueOf(i); canvas.drawText(degree, mWidth/2-degreePaint.measureText(degree)/2, mHeight/2-mWidth/2 + 40, degreePaint); } } canvas.rotate(30,mWidth/2,mHeight/2); }
3、畫指針
canvas.translate(mWidth/2,mHeight/2); canvas.drawLine(0,0,hx,hy,hourPaint); // 小時(shí) canvas.drawLine(0,0,mx,my,minPaint); // 分鐘 canvas.drawLine(0,0,sx,sy,sPaint); // 秒
4、指針動(dòng)起來(lái)
指針動(dòng)起來(lái)也就是說(shuō)讓指針的一端固定,另外一端需要通過(guò)sin計(jì)算Y值,cos計(jì)算X值,指針長(zhǎng)度自己確定好即可。
這樣秒針每次動(dòng)一下就是6°,以這個(gè)為秒針單位。
Math.PI/30 //π/30
分針同理
時(shí)針不一樣,每次動(dòng)一下是要30°
Math.PI/6 //π/6
Calendar calendar = Calendar.getInstance(); hcount = calendar.get(Calendar.HOUR_OF_DAY); mcount = calendar.get(Calendar.MINUTE); scount = calendar.get(Calendar.SECOND); int hx = (int) (70*Math.cos(Math.PI*(hcount%12-15) / 6)); int hy = (int) (70*Math.sin(Math.PI*(hcount%12-15) / 6)); int mx = (int) (90*Math.cos(Math.PI*(mcount-15) / 30)); int my = (int) (90*Math.sin(Math.PI*(mcount-15) / 30)); int sx = (int) (110*Math.cos(Math.PI*(scount-15) / 30)); // -15 是為了調(diào)整時(shí)差(角度差) int sy = (int) (110*Math.sin(Math.PI*(scount-15) / 30));
最后和畫指針的結(jié)合起來(lái)進(jìn)行繪制就可以讓指針動(dòng)起來(lái)。
附加一個(gè)功能 顯示上午下午的功能
//繪制 上午下午 APMPaint.setTextSize(20); APMPaint.setStrokeWidth(2); canvas.rotate(-30,mWidth/2,mHeight/2); String apm ; if (hcount < 12){ apm = "AM"; }else{ apm = "PM"; } canvas.drawText(apm, mWidth/2-degreePaint.measureText(apm)/2, mHeight/2+100, APMPaint);
大家還可以繼續(xù)拓展,添加星期,和每個(gè)月的日期,做成一個(gè)屬于你自己的表。
效果圖:
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android開(kāi)發(fā)之資源文件用法實(shí)例總結(jié)
這篇文章主要介紹了Android開(kāi)發(fā)之資源文件用法,結(jié)合實(shí)例形式總結(jié)分析了Android開(kāi)發(fā)過(guò)程中針對(duì)資源文件的常見(jiàn)操作技巧,需要的朋友可以參考下2016-02-02android studio 新手入門教程(二)項(xiàng)目的導(dǎo)入教程圖解
這篇文章主要介紹了android studio 新手入門教程(二)項(xiàng)目的導(dǎo)入教程圖解,需要的朋友可以參考下2017-12-12Android Handler移除Message詳解及實(shí)例代碼
這篇文章主要介紹了Android Handler移除Message詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-02-02android動(dòng)態(tài)壁紙調(diào)用的簡(jiǎn)單實(shí)例
動(dòng)態(tài)壁紙的實(shí)現(xiàn)其實(shí)就是在Activity中調(diào)用動(dòng)態(tài)壁紙服務(wù),通過(guò)綁定服務(wù)得到IWallpaperService,調(diào)用該接口中的attach函數(shù)實(shí)現(xiàn)壁紙的調(diào)用。2013-06-06SQLiteStudio優(yōu)雅調(diào)試Android手機(jī)數(shù)據(jù)庫(kù)Sqlite(推薦)
這篇文章主要介紹了SQLiteStudio優(yōu)雅調(diào)試Android手機(jī)數(shù)據(jù)庫(kù)Sqlite的相關(guān)資料,需要的朋友可以參考下2017-11-11Android實(shí)現(xiàn)聯(lián)動(dòng)下拉框 下拉列表spinner的實(shí)例代碼
這篇文章介紹了Android實(shí)現(xiàn)聯(lián)動(dòng)下拉框 下拉列表spinner的實(shí)例代碼,有需要的朋友可以參考一下2013-10-10詳解Android PopupWindow怎么合理控制彈出位置(showAtLocation)
本篇文章主要介紹了詳解Android PopupWindow怎么合理控制彈出位置(showAtLocation),具有一定的參考價(jià)值,有興趣的可以了解一下2017-10-10android實(shí)現(xiàn)Splash閃屏效果示例
這篇文章主要介紹了android實(shí)現(xiàn)Splash閃屏效果的方法,涉及Android中postDelayed方法及AndroidManifest.xml權(quán)限控制的相關(guān)使用技巧,需要的朋友可以參考下2016-08-08Android開(kāi)發(fā)筆記之Android中數(shù)據(jù)的存儲(chǔ)方式(二)
我們?cè)趯?shí)際開(kāi)發(fā)中,有的時(shí)候需要儲(chǔ)存或者備份比較復(fù)雜的數(shù)據(jù)。這些數(shù)據(jù)的特點(diǎn)是,內(nèi)容多、結(jié)構(gòu)大,比如短信備份等,通過(guò)本文給大家介紹Android開(kāi)發(fā)筆記之Android中數(shù)據(jù)的存儲(chǔ)方式(二),對(duì)android數(shù)據(jù)存儲(chǔ)方式相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01