效果圖

模仿小米手環(huán)心率動畫

說明

• 屏幕適配為測試，不確保在所有屏幕上正常顯示
• 基于屬性動畫實現(xiàn)，兼容Android 2.3及以下版本需修改使用NineOldAndroids
• 未開放屬性設(shè)置震幅與周期，可以根據(jù)需要修改代碼
• 關(guān)于心跳動畫結(jié)束的滾動數(shù)字，詳情在此
• 顏色素材及圓環(huán)轉(zhuǎn)動進度部分實現(xiàn)參考此項目
• 后續(xù)更新將會實現(xiàn)分離控制兩個動畫，即心率動畫繼續(xù)播放，圓環(huán)進度動畫可以暫停

使用

布局文件中添加

<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();

動畫播放結(jié)束回調(diào)

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

源碼

GitHub