先上图看一下闹钟唤期页面的效果
实现的功能:
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 实现闹钟唤起播放闹钟铃声功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!