美文网首页
模仿小米手环心率检测动画

模仿小米手环心率检测动画

作者: 张闻宇字二狗 | 来源:发表于2016-06-27 19:50 被阅读0次

    效果图

    模仿小米手环心率动画

    说明

    • 屏幕适配为测试,不确保在所有屏幕上正常显示
    • 基于属性动画实现,兼容Android 2.3及以下版本需修改使用NineOldAndroids
    • 未开放属性设置震幅与周期,可以根据需要修改代码
    • 关于心跳动画结束的滚动数字,详情在此
    • 颜色素材及圆环转动进度部分实现参考此项目
    • 后续更新将会实现分离控制两个动画,即心率动画继续播放,圆环进度动画可以暂停

    使用

    布局文件中添加

    <com.salmonzhg.heartbeatview.views.HeartbeatView
        android:id="@+id/heartbeat"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerInParent="true"
        android:layout_gravity="center_horizontal"/>
    

    在Activity中添加如下代码播放或者停止

    // 播放动画
    mHeartbeatView.startAnim();
    // 停止动画
    mHeartbeatView.stopAnim();
    

    动画播放结束回调

    mHeartbeatView.setHeartBeatAnimListener(new HeartbeatView.HeartBeatAnimImpl() {
        @Override
        public void onAnimFinished() {
            // do something
        }
    });
    

    源码

    GitHub

    相关文章

      网友评论

          本文标题:模仿小米手环心率检测动画

          本文链接:https://www.haomeiwen.com/subject/xixzdttx.html