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

效果图

模仿小米手环心率动画

说明

  • 屏幕适配为测试,不确保在所有屏幕上正常显示
  • 基于属性动画实现,兼容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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,964评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,267评论 4 61
  • 1 幸福,简单和复杂的矛盾体! 2 闺蜜Z找到了一生的挚爱,速度很快,从认识到订...
    喂__阅读 868评论 8 8
  • 昨晚做了个梦 内容是 2个场景 一个考心理学的理论 我发现这次补考还是很吃力 感觉我所复习的都不够 另一个场景是 ...
    风一样的阳光橙阅读 238评论 0 0