模仿Instant Heart Rate效果的心跳检测器
模仿源泉
Instant Heart Rate的地址
android-heart-rate-monitor
本博客工作模仿Instant Heart Rate的界面,并采用开源的心跳检查的源码,对其进行UI改进,以达到模仿Instant Heart Rate的效果。主要界面如下:界面

主要采用的UI技术主要是采用了自定义ProgressBar 样式的技术,将 android:indeterminateDrawable指定为自定义好的界面,这样ProgressBar 在显示的时候,就会自动显示自定义的界面。而图案中心的上面上面按钮,下面图案旋转的技术,主要采用了layer-list层叠样式的的方案,最上面一层是静止的,下面一层是选装的,这样就可达到模拟Instant Heart Rate的效果,实际上Instant Heart Rate采用了将整个图案截成多个部分,然后每个部分旋转的方式实现。本案例的主要实现代UI层码如下:
main_activity.xml
<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <item> <rotate android:drawable="@drawable/monitor_bg_full_" android:fromDegrees="0.0" android:pivotX="50.0%" android:pivotY="50.0%" android:toDegrees="360.0" /> </item> <item android:drawable="@drawable/monitor_bg"/></layer-list>
整个程序的源码