先上图看一下闹钟唤期页面的效果

实现的功能：

1：转动的图片根据天气情况更换

2：转动时间可以设置，转动结束，闹铃声音就结束

3：光圈颜色渐变效果

直接上代码啦：

package com.yuekong.sirius.extension.customview;

import android.animation.Animator;

import android.animation.ValueAnimator;

import android.content.Context;

import android.content.res.TypedArray;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.Rect;

import android.graphics.RectF;

import android.graphics.SweepGradient;

import android.media.Ringtone;

import android.media.RingtoneManager;

import android.net.Uri;

import android.util.AttributeSet;

import android.util.TypedValue;

import android.view.View;

import android.view.animation.LinearInterpolator;

import com.yuekong.sirius.extension.R;

import com.yuekong.sirius.extension.util.ExtendUtil;

import java.text.SimpleDateFormat;

/**

* Created by Zhongqi.Shao on 2016/12/5.

*/

public class ClockWakeView extends View {

//最外一层圆的颜色

private int mOutCircleColor;

//最外一层圆的半径

private int mOutCircleRadis;

//内圆的颜色

private int mInnerCircleColor;

//内圆的半径

private int mInnerCircleRadis;

private int mWidth;

private int mHeight;

//默认宽度

private final int DEFAULT_WIDTH = dp2px(240);

//默认高度

private final int DEFAULT_HEIGHT = dp2px(240);

//最外圆的默认半径

private int DEFAULT_OUT_RADIS = dp2px(120);

//内圆的默认半径

private int DeFAULT_INNER_RADIS = dp2px(105);

//标题距离顶部的默认距离

private int DEFAULT_TITLE_PADDING_TOP = dp2px(40);

//最外层圆形的Paint

private Paint mOutCirclePaint;

//内圆的Paint

private Paint mInnerCirclePaint;

//标题Paint

private Paint mTitlePaint;

//渐变弧

private Paint mGradientArcPaint;

private SweepGradient mSweepGradient;

//日期时间Paint

private Paint mTimePaint;

private Paint mDatePaint;

//时间分隔的图片

private Bitmap mDividerPic;

//天气图片

private Bitmap mWeatherPic;

//标题

private String mTitle;

//当前时间

private long mCurrentDate = 1481010829605L;

private SimpleDateFormat mFormat;

private Ringtone mRingTone;

//图片在倒计时几分钟内走完一个周期 根据音乐时间来计算

private long mCountDownTime;

//倒计时转过的角度

private float mCurrentAngle;

//倒计时结束回调

private CountdownFinishListener mCountdownListener;

private Context mContext;

public ClockWakeView(Context context) {

this(context, null);

mContext = context;

}

public ClockWakeView(Context context, AttributeSet attrs) {

this(context, attrs, 0);

mContext = context;

}

public ClockWakeView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

mContext = context;

TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.SiriusClockWakeView);

mOutCircleColor = ta.getColor(R.styleable.SiriusClockWakeView_outColor, context.getResources().getColor(R.color.out_circle_color));

mOutCircleRadis = (int) ta.getDimension(R.styleable.SiriusClockWakeView_outCircleRadis, DEFAULT_OUT_RADIS);

mInnerCircleColor = context.getResources().getColor(R.color.inner_circle_color);

mInnerCircleRadis = DeFAULT_INNER_RADIS;

mTitle = context.getResources().getString(R.string.clock);

ta.recycle();

initPaint();

}

private void initPaint() {

mFormat = new SimpleDateFormat("MM月dd日_HH_mm_EEEE");

//获取分隔图片

mDividerPic = BitmapFactory.decodeResource(getResources(), R.drawable.time_divider);

mWeatherPic = BitmapFactory.decodeResource(getResources(), R.drawable.icon_weather);

//外圆的paint

mOutCirclePaint = new Paint();

mOutCirclePaint.setAntiAlias(true);

mOutCirclePaint.setStyle(Paint.Style.STROKE);

mOutCirclePaint.setStrokeWidth(dp2px(5));

mOutCirclePaint.setColor(mOutCircleColor);

//内圆的Paint

mInnerCirclePaint = new Paint();

mInnerCirclePaint.setAntiAlias(true);

mInnerCirclePaint.setStyle(Paint.Style.STROKE);

mInnerCirclePaint.setStrokeWidth(dp2px(5));

mInnerCirclePaint.setColor(mInnerCircleColor);

//标题的Paint

mTitlePaint = new Paint();

mTitlePaint.setAntiAlias(true);

mTitlePaint.setStyle(Paint.Style.FILL);

mTitlePaint.setColor(mContext.getResources().getColor(R.color.nav_highlighted));

mTitlePaint.setTextSize(sp2px(14));

//时间的Paint

mTimePaint = new Paint();

mTimePaint.setAntiAlias(true);

mTimePaint.setColor(Color.WHITE);

mTimePaint.setStyle(Paint.Style.FILL);

mTimePaint.setTextSize(sp2px(70));

//日期的Paint

mDatePaint = new Paint();

mDatePaint.setAntiAlias(true);

mDatePaint.setColor(Color.WHITE);

mDatePaint.setStyle(Paint.Style.FILL);

mDatePaint.setTextSize(sp2px(14));

//渐变弧的Paint

mGradientArcPaint = new Paint();

mGradientArcPaint.setAntiAlias(true);

mGradientArcPaint.setStyle(Paint.Style.STROKE);

mGradientArcPaint.setStrokeWidth(dp2px(5));

mGradientArcPaint.setStrokeCap(Paint.Cap.BUTT);

mGradientArcPaint.setStrokeJoin(Paint.Join.MITER);

//设置渐变的颜色

int[] colors = {0x00AEA1FF, 0x40AEA1FF, 0xFFAEA1FF, 0xFFAEA1FF};

//渐变色

mSweepGradient = new SweepGradient(0, 0, colors, null);

mGradientArcPaint.setShader(mSweepGradient);

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

mWidth = startMeasure(widthMeasureSpec);

mHeight = startMeasure(heightMeasureSpec);

setMeasuredDimension(mWidth, mHeight);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

//移动画布到中间

canvas.translate(mWidth / 2, mHeight / 2);

//绘制最外层的圆形

drawOutCircle(canvas);

//绘制内圆

drawInnerCircle(canvas);

//绘制中间的分隔图片

drawDividerPic(canvas);

//绘制标题

drawTitle(canvas);

//绘制时间

drawDateTime(canvas);

//绘制旋转图片

drawLightArc(canvas);

}

private void drawOutCircle(Canvas canvas) {

canvas.save();

canvas.drawCircle(0, 0, mOutCircleRadis, mOutCirclePaint);

canvas.restore();

}

private void drawInnerCircle(Canvas canvas) {

canvas.save();

canvas.drawCircle(0, 0, mInnerCircleRadis, mInnerCirclePaint);

canvas.restore();

}

private void drawDividerPic(Canvas canvas) {

canvas.save();

canvas.drawBitmap(mDividerPic, null, new Rect(-dp2px(3), -dp2px(14), dp2px(3), dp2px(14)), null);

canvas.restore();

}

private void drawTitle(Canvas canvas) {

canvas.save();

if (mTitle == null || mTitle.length() <= 0) {

return;

}

float textWidth = mTitlePaint.measureText(mTitle);

float baseLine = DeFAULT_INNER_RADIS - DEFAULT_TITLE_PADDING_TOP;

canvas.drawText(mTitle, -textWidth / 2, -baseLine, mTitlePaint);

canvas.restore();

}

private void drawLightArc(Canvas canvas) {

canvas.save();

canvas.rotate(mCurrentAngle);

RectF rect = new RectF(-mInnerCircleRadis, -mInnerCircleRadis, mInnerCircleRadis, mInnerCircleRadis);

canvas.drawArc(rect, -270, 180, false, mGradientArcPaint);

canvas.drawBitmap(mWeatherPic, null, new Rect(-dp2px(12), -mInnerCircleRadis - dp2px(12), dp2px(12), dp2px(12) - mInnerCircleRadis), null);

canvas.restore();

}

private void drawDateTime(Canvas canvas) {

canvas.save();

String timeStr = ExtendUtil.getAllFormatStr(mFormat, mCurrentDate);

String[] array = timeStr.split("_");

String date = array[0];

String hour = array[1];

String minute = array[2];

String wake = array[3];

float width = mTimePaint.measureText(hour);

RectF targetRect = new RectF(-(width + dp2px(40)), -sp2px(70) / 2, -dp2px(40), sp2px(70) / 2);

Paint.FontMetricsInt fontMetrics = mTimePaint.getFontMetricsInt();

int baseline = (int) (targetRect.top + (targetRect.bottom - targetRect.top - fontMetrics.bottom + fontMetrics.top) / 2 - fontMetrics.top);

canvas.drawText(hour, -width - dp2px(15), baseline, mTimePaint);

float minuteWidth = mTimePaint.measureText(minute);

RectF minuteRect = new RectF(dp2px(15), -sp2px(70) / 2, dp2px(15) + minuteWidth, sp2px(70) / 2);

Paint.FontMetricsInt minuteMetrics = mTimePaint.getFontMetricsInt();

int minuteLine = (int) (minuteRect.top + (minuteRect.bottom - minuteRect.top - minuteMetrics.bottom + minuteMetrics.top) / 2 - minuteMetrics.top);

canvas.drawText(minute, dp2px(15), minuteLine, mTimePaint);

String dateStr = date + " " + wake;

float dateWidth = mDatePaint.measureText(dateStr);

RectF dateRect = new RectF(-dateWidth / 2, sp2px(30), dateWidth / 2, sp2px(30) + sp2px(14));

Paint.FontMetricsInt dateMetrics = mTimePaint.getFontMetricsInt();

int dateLine = (int) (dateRect.top + (dateRect.bottom - dateRect.top - dateMetrics.bottom + dateMetrics.top) / 2 - dateMetrics.top);

canvas.drawText(dateStr, -dateWidth / 2, dateLine, mDatePaint);

canvas.restore();

}

private int startMeasure(int whSpec) {

int result = 0;

int size = MeasureSpec.getSize(whSpec);

int mode = MeasureSpec.getMode(whSpec);

if (mode == MeasureSpec.EXACTLY) {

result = size;

} else {

result = DEFAULT_WIDTH;

}

return result;

}

//开始倒计时计算闹钟结束

public void startCountDown() {

ValueAnimator animator = ValueAnimator.ofFloat(0, 1.0f);

animator.setDuration(mCountDownTime);

//匀速

animator.setInterpolator(new LinearInterpolator());

//不循环

animator.setRepeatCount(0);

//监听动画过程中值得实时变化

animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

@Override

public void onAnimationUpdate(ValueAnimator valueAnimator) {

mCurrentAngle = (float) valueAnimator.getAnimatedValue() * 360;

invalidate();

}

});

animator.addListener(new Animator.AnimatorListener() {

@Override

public void onAnimationStart(Animator animator) {

}

@Override

public void onAnimationEnd(Animator animator) {

if (mRingTone != null && mRingTone.isPlaying()) {

mRingTone.stop();

}

if (mCountdownListener != null) {

mCountdownListener.countdownFinished();

}

}

@Override

public void onAnimationCancel(Animator animator) {

}

@Override

public void onAnimationRepeat(Animator animator) {

}

});

animator.start();

//播放闹钟铃声

Uri notification = RingtoneManager.getDefaultUri(RingtoneManager.TYPE_RINGTONE);

mRingTone = RingtoneManager.getRingtone(mContext, notification);

if (mRingTone != null && !mRingTone.isPlaying()) {

mRingTone.play();

}

}

//提供设置倒计时的方法

public void setCountDownTime(long time, CountdownFinishListener listener) {

mCountDownTime = time;

mCountdownListener = listener;

}

//设置当前日期时间

public void setCurrentTime(long currentTime) {

mCurrentDate = currentTime;

invalidate();

}

private int dp2px(int dp) {

return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp, getResources().getDisplayMetrics());

}

private int sp2px(int sp) {

return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, sp, getResources().getDisplayMetrics());

}

public interface CountdownFinishListener {

//倒计时结束操作

void countdownFinished();

}

}

以上所述是小编给大家介绍的Android自定义View 实现闹钟唤起播放闹钟铃声功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！