溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Android中怎么通過自定義Canvas實(shí)現(xiàn)時(shí)鐘效果

發(fā)布時(shí)間:2021-06-26 16:42:51 來源:億速云 閱讀:135 作者:Leah 欄目:編程語言

Android中怎么通過自定義Canvas實(shí)現(xiàn)時(shí)鐘效果,相信很多沒有經(jīng)驗(yàn)的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個(gè)問題。

具體內(nèi)容如下

自定義控件,在安卓是也是一種無所不能的技術(shù)了,所有自帶控件,以及組合自帶控件不能實(shí)現(xiàn)的一些效果,我們都可以通過自定義控件來實(shí)現(xiàn),不過,如果能有系統(tǒng)控件使用的就用系統(tǒng)自帶的控件去實(shí)現(xiàn),而不必要用自定義去實(shí)現(xiàn),我們都知道,自定義控件在一定的程度上,效率往往會比系統(tǒng)自帶的控件效率低,所以我不到萬不得已,不要使用自定義控件,今天用自定一控件,實(shí)現(xiàn)一個(gè)小小的時(shí)鐘,具體的實(shí)現(xiàn)在代碼中注釋功能。

ClockView.java

public class ClockView extends View implements Handler.Callback { //定義一個(gè)畫筆 private Paint paint; //定義個(gè)畫小時(shí)指針的路徑 private Path hour; //定義一個(gè)畫分針的路徑 private Path minute; //定義一個(gè)Handler來實(shí)現(xiàn)時(shí)鐘跑動效果 private Handler handler = new Handler(this); public ClockView(Context context) {  this(context, null); } public ClockView(Context context, AttributeSet attrs) {  this(context, attrs, 0); } public ClockView(Context context, AttributeSet attrs, int defStyleAttr) {  super(context, attrs, defStyleAttr);  //創(chuàng)建一個(gè)畫筆  this.paint = new Paint();  //創(chuàng)建一個(gè)時(shí)針路徑,用于繪制時(shí)針  hour = new Path();  //首先將點(diǎn)定位到時(shí)針尾部,所有的坐標(biāo),大家可以根據(jù)圓心點(diǎn)去尋找對應(yīng)的點(diǎn)  hour.moveTo(500, 380);  //然后與(185,500)連接一條線  hour.lineTo(485, 500);  //然后與(500,515)連接一條線  hour.lineTo(500, 515);  //最后繪制成一個(gè)完整的時(shí)針線條了,效果為圖中的綠色線條  hour.lineTo(515, 500);  //創(chuàng)建一個(gè)分針路徑  minute = new Path();  minute.moveTo(500, 350);  minute.lineTo(490, 500);  minute.lineTo(500, 510);  //最后連接成一條分針線條  minute.lineTo(510, 500);  //一開始就發(fā)送消息,讓時(shí)鐘開始運(yùn)行  handler.sendEmptyMessage(0); } @TargetApi(Build.VERSION_CODES.N) @Override protected void onDraw(Canvas canvas) {  super.onDraw(canvas);  //首先設(shè)置畫布為黑色  canvas.drawColor(0xff000000);  //獲取屏幕的寬,和高的比例,選取最小的比例,這樣就能讓圖片位于中間了。  float scale = Math.min(getWidth() / 1000.0f, getHeight() / 1000.0f);  //設(shè)置畫布的比例  canvas.scale(scale, scale);  //將圖片繪制在屏幕的中間  canvas.translate((getWidth() / scale - 1000) / 2, (getHeight() / scale - 1000) / 2);  //設(shè)置畫筆類型為空心的  paint.setStyle(Paint.Style.STROKE);  //顏色為白色  paint.setColor(0xffffffff);  //畫筆的粗細(xì)  paint.setStrokeWidth(5);  //將上面所有繪制的內(nèi)容進(jìn)行保存一下  canvas.save();  //開始繪制一個(gè)時(shí)鐘外圓  canvas.drawCircle(500, 500, 200, paint);  //通過for循環(huán)繪制12個(gè)小時(shí)的時(shí)鐘刻度  for (int i = 0; i < 12; i++) {   if (i % 3 == 0) {//繪制12 3 6 9點(diǎn)時(shí)刻    paint.setStrokeWidth(5);//設(shè)置粗度為5    canvas.drawLine(500, 300, 500, 320, paint);   } else {    paint.setStrokeWidth(2);    canvas.drawLine(500, 300, 500, 315, paint);   }   canvas.rotate(30, 500, 500);//將圓圍繞圓點(diǎn)旋轉(zhuǎn)30度,每30度繪制一個(gè)刻度  }  paint.setStrokeWidth(3);  paint.setColor(0xff00ff00);  paint.setStyle(Paint.Style.FILL);  //定義一個(gè)Calendar時(shí)鐘類  Calendar calendar = Calendar.getInstance();  //將上面所有繪制的東西保存下來  canvas.save();  //通過獲取系統(tǒng)的時(shí)鐘,然后繪制到對應(yīng)的時(shí)針  canvas.rotate(calendar.get(Calendar.HOUR) * 30 + calendar.get(Calendar.MINUTE), 500, 500);  //繪制時(shí)針  canvas.drawPath(hour, paint);  //重繪上一次的時(shí)鐘  canvas.restore();  //設(shè)置分針的顏色為紅色  paint.setColor(0xffff0000);  //根據(jù)系統(tǒng)獲取的時(shí)間旋轉(zhuǎn)到對應(yīng)的角度  canvas.rotate(calendar.get(Calendar.MINUTE) * 6 + calendar.get(Calendar.SECOND) * 0.1f, 500, 500);  //繪制分針  canvas.drawPath(minute, paint);  paint.setColor(Color.WHITE);  paint.setStrokeWidth(2);  canvas.save();  canvas.rotate(calendar.get(Calendar.SECOND) * 6, 500, 500);  //繪制秒針  canvas.drawLine(500, 330, 500, 510, paint);  canvas.restore();  canvas.save(); } /**  * 通過Handler更新時(shí)鐘走向  * @param message  * @return  */ @Override public boolean handleMessage(Message message) {  switch (message.what) {   case 0:    //重新掉用onDraw方法    invalidate();    //每隔一秒繪制一次    handler.sendEmptyMessageDelayed(0, 1000);    break;  }  return true; }}

看完上述內(nèi)容,你們掌握Android中怎么通過自定義Canvas實(shí)現(xiàn)時(shí)鐘效果的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI