android自定義簡(jiǎn)單時(shí)鐘
本文實(shí)例為大家分享了android實(shí)現(xiàn)簡(jiǎn)單時(shí)鐘的具體代碼,供大家參考,具體內(nèi)容如下
attrs定義如下
<?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="ClockView"> <attr name="pointer_color" format="color" /> <attr name="scale_color" format="color" /> <attr name="one_circle_color" format="color" /> <attr name="two_circle_color" format="color" /> <attr name="three_circle_color" format="color" /> <attr name="four_circle_color" format="color" /> </declare-styleable> </resources>
自定義ClockView代碼如下
package com.example.helloworld;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;
import androidx.annotation.Nullable;
import java.util.Calendar;
/**
* 時(shí)鐘
*
* @since 2021-02-29
* @author Sar
*/
public class ClockView extends View {
private static final int DEFAULT_POINTER_COLOR = Color.parseColor("#FFFFFF");
private static final int DEFAULT_SCALE_COLOR = Color.parseColor("#FFFFFF");
private static final int DEFAULT_ONE_CIRCLE_COLOR = Color.parseColor("#FFFFFF");
private static final int DEFAULT_TWO_CIRCLE_COLOR = Color.parseColor("#CCCCCC");
private static final int DEFAULT_THREE_CIRCLE_COLOR = Color.parseColor("#BBBBBB");
private static final int DEFAULT_FOUR_CIRCLE_COLOR = Color.parseColor("#AAAAAA");
private static final int DEFAULT_FOUR_CIRCLE_DIAMETER = 180; // 默認(rèn)外圈圓直徑,也就是該控件默認(rèn)寬高,單位dp
private int pointerColor; // 指針顏色
private int scaleColor; // 刻度顏色
private int oneCircleColor; // 中心圓顏色
private int twoCircleColor; // 次中心圓顏色
private int threeCircleColor; // 次外圈圓顏色
private int fourCircleColor; // 外圈圓顏色
private Paint paint;
private int cx;
private int cy;
private int scaleStrokeWidth;
private int hourPointerWidth;
private int minutePointerWidth;
private int oneCircleDiameter;
private int twoCircleDiameter;
private int threeCircleDiameter;
private int fourCircleDiameter;
private int defaultFourCircleDiameter;
public ClockView(Context context) {
super(context);
init(context, null, 0);
}
public ClockView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
init(context, attrs, 0);
}
public ClockView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context, attrs, defStyleAttr);
}
private void init(Context context, AttributeSet attrs, int defStyleAttr) {
if (attrs != null) {
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.ClockView, defStyleAttr, 0);
pointerColor = typedArray.getColor(R.styleable.XTClockView_pointer_color, DEFAULT_POINTER_COLOR);
scaleColor = typedArray.getColor(R.styleable.XTClockView_scale_color, DEFAULT_SCALE_COLOR);
oneCircleColor = typedArray.getColor(R.styleable.XTClockView_one_circle_color, DEFAULT_ONE_CIRCLE_COLOR);
twoCircleColor = typedArray.getColor(R.styleable.XTClockView_two_circle_color, DEFAULT_TWO_CIRCLE_COLOR);
threeCircleColor = typedArray.getColor(R.styleable.XTClockView_three_circle_color, DEFAULT_THREE_CIRCLE_COLOR);
fourCircleColor = typedArray.getColor(R.styleable.XTClockView_four_circle_color, DEFAULT_FOUR_CIRCLE_COLOR);
typedArray.recycle();
} else {
pointerColor = DEFAULT_POINTER_COLOR;
scaleColor = DEFAULT_SCALE_COLOR;
oneCircleColor = DEFAULT_ONE_CIRCLE_COLOR;
twoCircleColor = DEFAULT_TWO_CIRCLE_COLOR;
threeCircleColor = DEFAULT_THREE_CIRCLE_COLOR;
fourCircleColor = DEFAULT_FOUR_CIRCLE_COLOR;
}
paint = new Paint(Paint.ANTI_ALIAS_FLAG);
paint.setStyle(Paint.Style.FILL);
defaultFourCircleDiameter = dp2px(context, DEFAULT_FOUR_CIRCLE_DIAMETER);
}
public void setPointerColor(int pointerColor) {
this.pointerColor = pointerColor;
}
public void setScaleColor(int scaleColor) {
this.scaleColor = scaleColor;
}
public void setOneCircleColor(int oneCircleColor) {
this.oneCircleColor = oneCircleColor;
}
public void setTwoCircleColor(int twoCircleColor) {
this.twoCircleColor = twoCircleColor;
}
public void setThreeCircleColor(int threeCircleColor) {
this.threeCircleColor = threeCircleColor;
}
public void setFourCircleColor(int fourCircleColor) {
this.fourCircleColor = fourCircleColor;
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int width = 0;
int height = 0;
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
switch (widthMode) {
case MeasureSpec.EXACTLY:
width = widthSize;
break;
case MeasureSpec.AT_MOST:
case MeasureSpec.UNSPECIFIED:
width = defaultFourCircleDiameter;
break;
}
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
int heightSize = MeasureSpec.getSize(heightMeasureSpec);
switch (heightMode) {
case MeasureSpec.EXACTLY:
height = heightSize;
break;
case MeasureSpec.AT_MOST:
case MeasureSpec.UNSPECIFIED:
height = defaultFourCircleDiameter;
break;
}
setMeasuredDimension(width, height);
cx = width / 2;
cy = height / 2;
fourCircleDiameter = Math.min(width, height);
threeCircleDiameter = fourCircleDiameter * 7 / 10;
twoCircleDiameter = fourCircleDiameter * 28 / 50;
oneCircleDiameter = fourCircleDiameter * 3 / 50;
scaleStrokeWidth = fourCircleDiameter / 100;
hourPointerWidth = oneCircleDiameter * 2 / 5;
minutePointerWidth = oneCircleDiameter / 5;
}
private int dp2px(Context context, int dpValue) {
float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
drawCircle(canvas, fourCircleColor, fourCircleDiameter);
drawCircle(canvas, threeCircleColor, threeCircleDiameter);
drawCircle(canvas, twoCircleColor, twoCircleDiameter);
drawScale(canvas);
Calendar calendar = Calendar.getInstance();
calendar.setTimeInMillis(System.currentTimeMillis());
int hour = calendar.get(Calendar.HOUR);
int minute = calendar.get(Calendar.MINUTE);
int second = calendar.get(Calendar.SECOND);
paint.setColor(pointerColor);
drawPointer(canvas, (float) (hour * 30 + minute * 0.5), hourPointerWidth, cy - twoCircleDiameter / 2 * 2 / 3);
drawPointer(canvas, minute * 6, minutePointerWidth, cy - twoCircleDiameter / 2 * 4 / 5);
drawPointer(canvas, second * 6, minutePointerWidth, cy - twoCircleDiameter / 2 * 8 / 9);
paint.setStrokeWidth(0);
drawCircle(canvas, oneCircleColor, oneCircleDiameter);
postInvalidateDelayed(1000);
}
private void drawCircle(Canvas canvas, int circleColor, int circleDiameter) {
paint.setColor(circleColor);
canvas.drawCircle(cx, cy, circleDiameter / 2, paint);
}
private void drawScale(Canvas canvas) {
paint.setColor(scaleColor);
paint.setStrokeWidth(scaleStrokeWidth);
for (int i = 0; i < 12; i++) {
canvas.save();
canvas.rotate(i * 30, cx, cy);
canvas.drawLine(cx, (fourCircleDiameter - threeCircleDiameter) / 6, cx, (fourCircleDiameter - threeCircleDiameter) / 3, paint);
canvas.restore();
}
}
private void drawPointer(Canvas canvas, float rotateDegrees, float strokeWidth, float stopY) {
paint.setStrokeWidth(strokeWidth);
canvas.save();
canvas.rotate(rotateDegrees, cx, cy);
canvas.drawLine(cx, cy, cx, stopY, paint);
canvas.restore();
}
}
效果圖如下

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android獲取設(shè)備CPU核數(shù)、時(shí)鐘頻率以及內(nèi)存大小的方法
- Android多功能時(shí)鐘開(kāi)發(fā)案例(實(shí)戰(zhàn)篇)
- android實(shí)現(xiàn)widget時(shí)鐘示例分享
- Android 仿日歷翻頁(yè)、仿htc時(shí)鐘翻頁(yè)、數(shù)字翻頁(yè)切換效果
- android高仿小米時(shí)鐘(使用Camera和Matrix實(shí)現(xiàn)3D效果)
- Android多功能時(shí)鐘開(kāi)發(fā)案例(基礎(chǔ)篇)
- Android實(shí)現(xiàn)簡(jiǎn)單時(shí)鐘View的方法
- Android自定義動(dòng)態(tài)壁紙開(kāi)發(fā)(時(shí)鐘)
- Android仿小米時(shí)鐘效果
- Android編程基于自定義控件實(shí)現(xiàn)時(shí)鐘功能的方法
相關(guān)文章
Android實(shí)現(xiàn)從底部彈出的Dialog示例(一)
這篇文章主要介紹了Android實(shí)現(xiàn)從底部彈出的Dialog示例(一),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-01-01
Android加載Gif動(dòng)畫(huà)實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了Android加載Gif動(dòng)畫(huà)實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10
Android Studio3.6.3 當(dāng)前最新版本數(shù)據(jù)庫(kù)查找與導(dǎo)出方法(圖文詳解)
這篇文章主要介紹了Android Studio3.6.3 當(dāng)前最新版本數(shù)據(jù)庫(kù)查找與導(dǎo)出方法,本文通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04
Android數(shù)據(jù)緩存框架內(nèi)置ORM功能使用教程
這篇文章主要為大家介紹了Android數(shù)據(jù)緩存框架內(nèi)置ORM功能使用教程,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09
Android手機(jī)開(kāi)發(fā)設(shè)計(jì)之記事本功能
這篇文章主要為大家詳細(xì)介紹了Android手機(jī)開(kāi)發(fā)設(shè)計(jì)之記事本功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05
Android Compose自定義TextField實(shí)現(xiàn)自定義的輸入框
眾所周知Compose中默認(rèn)的TextField和OutlineTextField樣式并不能滿足所有的使用場(chǎng)景,所以自定義TextField就成了必備技能。本文將自定義TextField實(shí)現(xiàn)自定義的輸入框,感興趣的可以了解一下2022-03-03
android實(shí)現(xiàn)圖片閃爍動(dòng)畫(huà)效果的兩種實(shí)現(xiàn)方式(實(shí)用性高)
本文通過(guò)兩種方法給大家講解了android實(shí)現(xiàn)圖片閃爍動(dòng)畫(huà)效果,實(shí)用性非常高,對(duì)這兩種方法感興趣的朋友一起通過(guò)本文學(xué)習(xí)吧2016-09-09
Android DrawerLayout布局與NavigationView導(dǎo)航菜單應(yīng)用
這篇文章主要介紹了Android DrawerLayout抽屜布局與NavigationView導(dǎo)航菜單應(yīng)用,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2023-01-01
Android編程創(chuàng)建與解析xml的常用方法詳解
這篇文章主要介紹了Android編程創(chuàng)建與解析xml的常用方法,結(jié)合具體實(shí)例形式較為詳細(xì)的分析了Android操作xml文件的步驟、實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-05-05

