Android Canvas自定義實現(xiàn)時鐘效果
Android之Canvas自定義畫一個時鐘,供大家參考,具體內(nèi)容如下
自定義控件,在安卓是也是一種無所不能的技術(shù)了,所有自帶控件,以及組合自帶控件不能實現(xiàn)的一些效果,我們都可以通過自定義控件來實現(xiàn),不過,如果能有系統(tǒng)控件使用的就用系統(tǒng)自帶的控件去實現(xiàn),而不必要用自定義去實現(xiàn),我們都知道,自定義控件在一定的程度上,效率往往會比系統(tǒng)自帶的控件效率低,所以我不到萬不得已,不要使用自定義控件,今天用自定一控件,實現(xiàn)一個小小的時鐘,具體的實現(xiàn)在代碼中注釋功能。
ClockView.java
public class ClockView extends View implements Handler.Callback {
//定義一個畫筆
private Paint paint;
//定義個畫小時指針的路徑
private Path hour;
//定義一個畫分針的路徑
private Path minute;
//定義一個Handler來實現(xiàn)時鐘跑動效果
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)建一個畫筆
this.paint = new Paint();
//創(chuàng)建一個時針路徑,用于繪制時針
hour = new Path();
//首先將點定位到時針尾部,所有的坐標,大家可以根據(jù)圓心點去尋找對應(yīng)的點
hour.moveTo(500, 380);
//然后與(185,500)連接一條線
hour.lineTo(485, 500);
//然后與(500,515)連接一條線
hour.lineTo(500, 515);
//最后繪制成一個完整的時針線條了,效果為圖中的綠色線條
hour.lineTo(515, 500);
//創(chuàng)建一個分針路徑
minute = new Path();
minute.moveTo(500, 350);
minute.lineTo(490, 500);
minute.lineTo(500, 510);
//最后連接成一條分針線條
minute.lineTo(510, 500);
//一開始就發(fā)送消息,讓時鐘開始運行
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);
//畫筆的粗細
paint.setStrokeWidth(5);
//將上面所有繪制的內(nèi)容進行保存一下
canvas.save();
//開始繪制一個時鐘外圓
canvas.drawCircle(500, 500, 200, paint);
//通過for循環(huán)繪制12個小時的時鐘刻度
for (int i = 0; i < 12; i++) {
if (i % 3 == 0) {//繪制12 3 6 9點時刻
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);//將圓圍繞圓點旋轉(zhuǎn)30度,每30度繪制一個刻度
}
paint.setStrokeWidth(3);
paint.setColor(0xff00ff00);
paint.setStyle(Paint.Style.FILL);
//定義一個Calendar時鐘類
Calendar calendar = Calendar.getInstance();
//將上面所有繪制的東西保存下來
canvas.save();
//通過獲取系統(tǒng)的時鐘,然后繪制到對應(yīng)的時針
canvas.rotate(calendar.get(Calendar.HOUR) * 30 + calendar.get(Calendar.MINUTE), 500, 500);
//繪制時針
canvas.drawPath(hour, paint);
//重繪上一次的時鐘
canvas.restore();
//設(shè)置分針的顏色為紅色
paint.setColor(0xffff0000);
//根據(jù)系統(tǒng)獲取的時間旋轉(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更新時鐘走向
* @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)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
android傳送照片到FTP服務(wù)器的實現(xiàn)代碼
這篇文章主要為大家詳細介紹了android傳送照片到FTP服務(wù)器的實現(xiàn)代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-06-06
Android中的應(yīng)用認領(lǐng)總結(jié)
這篇文章主要介紹了Android中的應(yīng)用認領(lǐng)總結(jié),本文講解了如何認領(lǐng)、對未簽名包簽名、需要替換的簽名值、驗證簽名等內(nèi)容,需要的朋友可以參考下2015-01-01
實現(xiàn)Android 滑動退出Activity的功能
這篇文章主要介紹了實現(xiàn)Android 滑動退出Activity的功能的相關(guān)資料,這里提供實例來說明滑動退出應(yīng)用程序的實現(xiàn)代碼,需要的朋友可以參考下2017-08-08
Moshi?完美解決Gson在kotlin中默認值空的問題詳解
這篇文章主要為大家介紹了Moshi?完美解決Gson在kotlin中默認值空的問題詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-03-03

