读书人

仿照Instant Heart Rate效果的心跳检测

发布时间: 2013-10-08 16:38:32 作者: rapoo

模仿Instant Heart Rate效果的心跳检测器
模仿源泉

Instant Heart Rate的地址


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

整个程序的源码

读书人网 >移动开发

热点推荐