android绘画时钟,Android画个时钟玩玩
本文实例为大家分享了Android实现时钟效果的具体代码,供大家参考,具体内容如下
先看下最终的效果
开始实现
新建一个ClockView集成View
public class ClockView extends View {
}
先重写onMeasure方法,这里要先说一下View的测量模式,一共有三种:
1、EXACTLY
即精确值模式,当我们将控件的layout_width属性或layout_height属性指定为具体数值时,比如android:layout_width="100dp",或者指定为math_parent属性时(占据父View的大小),系统使用的是EXACTLY模式。
2、AT_MOST
即最大值模式,当控件的layout_width属性或layout_height属性指定为wrap_content时,控件大小一般随着控件的子控件或内容的变化而变化,此时控件的尺寸只要不超过父控件允许的最大尺寸即可。
3、UNSPECIFIED
这个属性比较奇怪——它不指定其大小测量模式,View想多大就多大,通常情况下在绘制自定义View时才会使用。
因为View的onMeasure方法只支持EXACTLY模式,当layout_width和layout_height为wrap_content时,View的大小就显得很奇怪了,如下图。
所以我们重写一下onMeasure方法可以指定View width、height的最小值
/**
* 当布局为wrap_content时设置默认长宽
* @param widthMeasureSpec
* @param heightMeasureSpec
*/
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
setMeasuredDimension(measure(widthMeasureSpec), measure(heightMeasureSpec));
}
private int measure(int origin){
int result = DEFAULT_MIN_WIDTH;
int specMode = MeasureSpec.getMode(origin);
int specSize = MeasureSpec.getSize(origin);
if(specMode == MeasureSpec.EXACTLY){
result = specSize;
}else{
if(specMode == MeasureSpec.AT_MOST){
result = Math.min(result, specSize);
}
}
return result;
}
下面就是最重要的重写onDraw方法来绘制表盘、刻度、指针……,大致流程如下
1、画表盘,用drawCircle绘制一个圆作为表盘, 圆心坐标为(getWidth()/2, getHeight()/2),半径为Math.min(getHeight()/2, getWidth()/2)。
//画外圆
float borderWidth = DEFAULT_BORDER_WIDTH;
Paint paintCircle = new Paint();
paintCircle.setStyle(Paint.Style.STROKE);
paintCircle.setAntiAlias(true);
paintCircle.setStrokeWidth(borderWidth);
canvas.drawCircle(getWidth() / 2, getHeight() / 2, Math.min(getHeight() / 2, getWidth() / 2) - borderWidth / 2, paintCircle);
2、画刻度线,在这里我们可以利用一个`canvas.rotate'方法就可以不用计算角度了
//画刻度线
float degreeLength = 0f;
Paint paintDegree = new Paint();
paintDegree.setAntiAlias(true);
for(int i=0;i<60;i++){
if(i % 5 == 0){
paintDegree.setStrokeWidth(6);
degreeLength = DEFAULT_LONG_DEGREE_LENGTH;
}else{
paintDegree.setStrokeWidth(3);
degreeLength = DEFAULT_SHORT_DEGREE_LENGTH;
}
canvas.drawLine(getWidth()/2, Math.abs(getWidth()/2 - getHeight()/2), getWidth()/2, Math.abs(getWidth()/2 - getHeight()/2) + degreeLength, paintDegree);
canvas.rotate(360/60, getWidth()/2, getHeight()/2);
}
3、画刻度上的数字
//刻度数字
int degressNumberSize = 30;
canvas.translate(getWidth() / 2, getHeight() / 2);
Paint paintDegreeNumber = new Paint();
paintDegreeNumber.setTextAlign(Paint.Align.CENTER);
paintDegreeNumber.setTextSize(degressNumberSize);
paintDegreeNumber.setFakeBoldText(true);
for(int i=0;i<12;i++){
float[] temp = calculatePoint((i+1)*30, r - DEFAULT_LONG_DEGREE_LENGTH - degressNumberSize/2 - 15);
canvas.drawText((i+1)+"", temp[2], temp[3] + degressNumberSize/2-6, paintDegreeNumber);
}
/**
* 根据角度和长度计算线段的起点和终点的坐标
* @param angle
* @param length
* @return
*/
private float[] calculatePoint(float angle, float length){
float[] points = new float[4];
if(angle <= 90f){
points[0] = -(float) Math.sin(angle*Math.PI/180) * DEFAULT_POINT_BACK_LENGTH;
points[1] = (float) Math.cos(angle*Math.PI/180) * DEFAULT_POINT_BACK_LENGTH;
points[2] = (float) Math.sin(angle*Math.PI/180) * length;
points[3] = -(float) Math.cos(angle*Math.PI/180) * length;
}else if(angle <= 180f){
points[0] = -(float) Math.cos((angle-90)*Math.PI/180) * DEFAULT_POINT_BACK_LENGTH;
points[1] = -(float) Math.sin((angle-90)*Math.PI/180) * DEFAULT_POINT_BACK_LENGTH;
points[2] = (float) Math.cos((angle-90)*Math.PI/180) * length;
points[3] = (float) Math.sin((angle-90)*Math.PI/180) * length;
}else if(angle <= 270f){
points[0] = (float) Math.sin((angle-180)*Math.PI/180) * DEFAULT_POINT_BACK_LENGTH;
points[1] = -(float) Math.cos((angle-180)*Math.PI/180) * DEFAULT_POINT_BACK_LENGTH;
points[2] = -(float) Math.sin((angle-180)*Math.PI/180) * length;
points[3] = (float) Math.cos((angle-180)*Math.PI/180) * length;
}else if(angle <= 360f){
points[0] = (float) Math.cos((angle-270)*Math.PI/180) * DEFAULT_POINT_BACK_LENGTH;
points[1] = (float) Math.sin((angle-270)*Math.PI/180) * DEFAULT_POINT_BACK_LENGTH;
points[2] = -(float) Math.cos((angle-270)*Math.PI/180) * length;
points[3] = -(float) Math.sin((angle-270)*Math.PI/180) * length;
}
return points;
}
4、画指针
//画指针
Paint paintHour = new Paint();
paintHour.setAntiAlias(true);
paintHour.setStrokeWidth(15);
Paint paintMinute = new Paint();
paintMinute.setAntiAlias(true);
paintMinute.setStrokeWidth(10);
Paint paintSecond = new Paint();
paintSecond.setAntiAlias(true);
paintSecond.setStrokeWidth(5);
Calendar now = Calendar.getInstance();
float[] hourPoints = calculatePoint(now.get(Calendar.HOUR_OF_DAY)%12/12f*360, hourPointerLength);
canvas.drawLine(hourPoints[0], hourPoints[1], hourPoints[2], hourPoints[3], paintHour);
float[] minutePoints = calculatePoint(now.get(Calendar.MINUTE)/60f*360, minutePointerLength);
canvas.drawLine(minutePoints[0], minutePoints[1], minutePoints[2], minutePoints[3], paintMinute);
float[] secondPoints = calculatePoint(now.get(Calendar.SECOND)/60f*360, secondPointerLength);
canvas.drawLine(secondPoints[0], secondPoints[1], secondPoints[2], secondPoints[3], paintSecond);
5、画圆心
//画圆心
Paint paintCenter = new Paint();
paintCenter.setColor(Color.WHITE);
canvas.drawCircle(0, 0, 2, paintCenter);
最后只要启动一个无限循环的线程,每隔1秒针重绘一下View就能让指针动起来了
private Thread timeThread = new Thread() {
@Override
public void run() {
try {
while(true){
updateHandler.sendEmptyMessage(0);
Thread.sleep(1000);
}
} catch (InterruptedException e) {
e.printStackTrace();
}
}
};
private Handler updateHandler = new Handler() {
@Override
public void handleMessage(Message msg) {
invalidate();
}
};
以上就是教大家如何利用Android画个时钟的详细步骤代码,希望对大家的学习Android软件编程有所帮助。
android绘画时钟,Android画个时钟玩玩相关推荐
- android 绘画开源,Android 开源可缩放平移的绘画板
ScaleSketchPadDemo 此项目包含两个模块 app1 为普通绘画板 app2 为可所发的绘画板 方便各位Android 开发者理解和使用 用法: clone or download 项目 ...
- 【Android 自定义 View】--> 绘制时钟(表)效果
前言 本篇文章主要介绍使用自定义 View 来实现时钟效果,灵活地使用 Android 的 Canvas,Paint, Path 的 API 以及理清 Canvas 的 save 和 restore ...
- android 自定义时钟,Android自定义控件之圆形时钟(续)
在上篇文章中,我向大家介绍了如何通过自定义View一步步画出一个漂亮的圆形时钟.如果你还没看的话,我不建议你接着往下看,因为这篇文章是接着上篇的文章,如果直接看的话可能会不知所云,所以还是建议你先看一 ...
- Android之场景桌面(二)----模拟时钟实现
之前关于场景桌面Android之场景桌面(一)作了一个大概的描述,总体实现比较简单.今天跟大家分享一下一个自定义View ----模拟时钟的具体实现,先来看看效果图吧,单独提取出来的,相比场景桌面中的 ...
- android 时间显示格式,Android setting中修改时间显示格式后,桌面的数字时钟widget小部件显示不更新...
桌面的数字时间的widget的显示主要需要关注的有如下5个. vendor\mediatek\proprietary\packages\apps\DeskClock\src\com\android\a ...
- 人体时钟android,来自独立开发者作品的冷高轮时间数字时钟app《小人人体形状造型数字手势数字麻将数字扑克数字》时钟...
冷高轮时间动态数字时钟APP 这款软件为用户提供了这是一款由(动态小人人形人体造型时钟/手势时钟/麻将时钟/扑克时钟)四种风格时钟样式打造的手机全屏桌面动态时钟app 冷高轮时间app 冷高轮时间图片 ...
- android 时钟翻转,3D翻转时钟插件 3D Flip Clock World Weather
编辑点评 翻转效果天气时钟插件 3D翻转时钟插件 3D Flip Clock & World Weather 介绍 3D翻转时钟插件 3D Flip Clock & World Wea ...
- 震惊!Canvas原来还能这么搞!代码画一个时钟出来
学会了Canvas之后,发现canvas几乎什么都能画,看着自己家里的时钟突发奇想,能不能利用canvas画一个时钟出来呢?说搞就搞! 直接上代码: <!DOCTYPE html> < ...
- android层级关系图,画出 View 的层级 3D 图和树形图来分析层级关系
HierarchyLayout 介绍 HierarchyLayout是一个自定义的ViewGroup工具,用于分析视图的层级关系,并画出层级树的结构图和可交互的3D 层级View: HiearchyL ...
- Android心电数据分析,Android SurfaceView+Canvas画脉搏/心电数据图-Go语言中文社区
实际演示效果: Canvas 画图基本步骤: 1.布局添加一个SurfaceView<?xml version="1.0" encoding="utf-8" ...
最新文章
- 使用Kotlin打造Android路由框架-KRouter
- 在Windows上运行Spark程序
- 深海中的STL—nth_element
- 使用eclipse开发Java web应用
- MapReduce 在Shuffle阶段 内存溢出原因分析及处理方法
- “前”方有坑,绕道而行(一)-- H5 CSS
- linux属性表示的文件,Linux基础入门:文件和目录属性的含义
- 基于英特尔® 优化分析包(OAP)的 Spark 性能优化方案
- 【HNOI2004】【codevs1256】【BZOJ1207】打鼹鼠,小小DP
- 论文阅读之ALBERT
- 判断用户输入的是数字还是字符串
- Eclipse启动提示“subversive connector discovery”
- Java设计模式(二)回调模式
- android电视 怎么调电视机的信号源,电视怎么调信号源
- 使用 Litho 改进 News Feed 上的 Android 视频表现
- YOLOv4中常见CV学术名词说明(三){CSP/WRC/SAT}
- Mac如何录屏 同时录内置声音
- C++基础之结构体中const的使用场景
- how to search books in gitbook
- 超详细|算法岗学习路线大总结
热门文章
- 2021-10-23
- elasticsearch报错master not discovered yet, this node has not previously joined a bootstrapped (v7+)..
- 倾斜摄影在高速道路勘测中的应用-案例
- mysql 之 增删改查
- spring Aop中切入点和连接点什么关系?
- 【LOJ6038】【雅礼集训 2017 Day5】远行(LCT,树的直径)
- Selenium html之于ul标志代码分析与使用
- 6大常见家谱样本,尤其第4个,深受各大名门望族的喜爱!
- 三维旋转矩阵_三维重建中的旋转(Rotation)
- 计算机备注用if函数怎么算,Excel中IF函数使用操作的设置技巧