仿ios 就寝控件

本文介绍了如何模仿iOS的就寝功能控件,通过自定义Android控件,详细讲解了初始化画笔、绘制圆、数字、刻度、进度条等步骤,并提供了添加动画效果的方法。最终实现了一个完整的仿iOS就寝控件。
摘要由CSDN通过智能技术生成

偶然有天发现朋友圈有人晒出苹果手机的一个就寝功能,里面一个显示睡眠时间的控件,觉得这个控件非常好看,而且正好看了一系列的自定义控件文章,就模仿这个试一试。

1 先看效果图:完整源码在这里
在这里插入图片描述

2.具体实现:
(1)初始化一些画笔
从图中可以分析出,我们需要如下画笔:画外面黑色大圆,画时钟数字,画中间文字,画时钟刻度等等,也就是需要什么画笔new出来就好。

 /**
     * 初始化画笔:
     */
    private void init() {

        blackPaint = new Paint();
        blackPaint.setColor(Color.parseColor("#171717"));
        blackPaint.setStyle(Paint.Style.STROKE);//填充
        blackPaint.setStrokeWidth(60);
        blackPaint.setAntiAlias(true);

        bigPaint = new Paint();
        bigPaint.setColor(Color.BLACK);
        bigPaint.setStyle(Paint.Style.STROKE);
        bigPaint.setStrokeWidth(1);
        bigPaint.setAntiAlias(true);


        yellowPaint = new Paint();
        yellowPaint.setStyle(Paint.Style.STROKE);//填充
        yellowPaint.setStrokeWidth(60);
        yellowPaint.setAntiAlias(true);

        //头部画笔
        headTailPaint = new Paint();
        headTailPaint.setStyle(Paint.Style.STROKE);//填充
        headTailPaint.setColor(Color.parseColor("#ff9801"));
        headTailPaint.setStrokeWidth(58);
        headTailPaint.setAntiAlias(true);

        //尾部画笔
        headTailPaint1 = new Paint();
        headTailPaint1.setStyle(Paint.Style.STROKE);//填充
        headTailPaint1.setColor(Color.parseColor("#ffcb05"));
        headTailPaint1.setStrokeWidth(58);
        headTailPaint1.setAntiAlias(true);

        smallPaint = new Paint();
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值