注释已经比较详细了,废话就不多说了。贴代码了

 时针分针秒钟都做上去了,采用的方法也很简单,仔细看一会就能看懂

自定义View类

package com.xh.mytime;


import java.util.Calendar;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Rect;
import android.os.Handler;
import android.util.AttributeSet;
import android.view.View;

public class MyTimeTest extends View implements Runnable
{
private int srcId;
private int fensize;
private int shisize;
private int miaosize;
private Bitmap bitmap;
private float guimo;
private float wzhong;
private float hzhong;

private Handler handler = new Handler();

/*
* */
public MyTimeTest(Context context, AttributeSet attrs)
{
super(context, attrs);
// 读取相应的属性值
//在布局文件中定义了这样的一个属性,取得它的属性值,该属性值指向一张图片,通过bitmapFactory获得由它制定的图片bitmap
srcId = attrs.getAttributeResourceValue(null,
"Src", 0);
if (srcId > 0)
bitmap = BitmapFactory.decodeResource(getResources(),
srcId);

guimo = attrs.getAttributeFloatValue(null, "scale", 1);
//获取xml文件中的图片宽度中点,如果没有设置则说明图片是对称的。取默认返回参数
wzhong = attrs.getAttributeFloatValue(null,
"wzhong", bitmap.getWidth() / 2);
//获取xml文件中的图片高度中点,如果没有设置则说明图片是对称的。取默认返回参数
hzhong = attrs.getAttributeFloatValue(null,
"hzhong", bitmap.getHeight() / 2);
//获取到时针和分针的大小
fensize = (int) (attrs.getAttributeIntValue(null,
"fensize", 0));
shisize = (int) (attrs.getAttributeIntValue(null, "shisize",
0));
miaosize = (int)(attrs.getAttributeIntValue(null, "miaosize", 0));


}
//刷新,保证能接受到每一次view的变化.
@Override
public void run()
{
// 重新绘制View
invalidate();

handler.postDelayed(this, 1000);
}

//如果不覆盖此方法,默认的会将view铺满整个屏幕
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
{
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
// 根据图像的实际大小等比例设置View的大小
setMeasuredDimension((int) (bitmap.getWidth() * guimo), (int) (bitmap
.getHeight() * guimo));
}

@Override
protected void onDraw(Canvas canvas)
{
super.onDraw(canvas);
//笔
Paint paint = new Paint();
//矩形
Rect src = new Rect();
Rect target = new Rect();

src.left = 0;
src.top = 0;
src.right = bitmap.getWidth();
src.bottom = bitmap.getHeight();


target.left = 0;
target.top = 0;
target.bottom = (int) (src.bottom * guimo);
target.right = (int) (src.right * guimo);
// 画表盘图像
/*
* dai
* */
canvas.drawBitmap(bitmap, src, target, paint);
// 计算表盘中心点的横纵坐标
float centerX = bitmap.getWidth() * guimo * wzhong;
float centerY = bitmap.getHeight() * guimo * hzhong;
// 表表盘中心点画一个半径为5的实心圆圈
canvas.drawCircle(centerX, centerY, 5, paint);




Calendar calendar = Calendar.getInstance();

int currentMinute = calendar.get(Calendar.MINUTE);
int currentHour = calendar.get(Calendar.HOUR);
int currentsec = calendar.get(Calendar.SECOND);
// 计算分针和时间的角度

double hourRadian = Math.toRadians(
(360 - ((currentHour * 30) - 90))% 360 - (30 * currentMinute / 60)
);

double minuteRadian = Math.toRadians(
(360 - ((currentMinute * 6) - 90)) % 360
);
double secRadian = Math.toRadians(
(360 - ((currentsec * 6) - 90))% 360
);
// 在表盘上画分针

paint.setStrokeWidth(6);
// 在表盘上画分针
canvas.drawLine(centerX, centerY, (int) (centerX + shisize
* Math.cos(hourRadian)), (int) (centerY - shisize
* Math.sin(hourRadian)), paint);
paint.setStrokeWidth(5);

canvas.drawLine(centerX, centerY, (int) (centerX + fensize
* Math.cos(minuteRadian)), (int) (centerY - fensize
* Math.sin(minuteRadian)), paint);
// 设置实针为4个象素粗

paint.setStrokeWidth(4);
canvas.drawLine(centerX, centerY, (int) (centerX + miaosize
* Math.cos(secRadian)), (int) (centerY - miaosize
* Math.sin(secRadian)), paint);

handler.postDelayed(this, 1000);
}

 

 

}

 

 

布局

 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.xh.mytimetest.MainActivity"
android:orientation="vertical"
android:gravity="center">

 

<com.xh.mytime.MyTimeTest
android:id="@+id/myTimeTest2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
Src="@drawable/mytime"
hzhong="0.512"
wzhong="0.505"
shisize="65"
fensize="80"
guimo="0.75"
miaosize="95"
android:clickable="true"/>

 

 

 

</LinearLayout>

 

 

 

源代码上传,另外包含一个数字时针,点击可跳转

 

https://files.cnblogs.com/files/1124hui/MyTime.zip

 

posted on 2016-12-14 11:47  霞辉  阅读(320)  评论(0编辑  收藏  举报