本页文章导读:

    ▪仿照Instant Heart Rate效果的心跳检测器        模仿Instant Heart Rate效果的心跳检测器模仿源泉 Instant Heart Rate的地址 开源心跳检查地址 android-heart-rate-monitor 本博客工作 模仿Instant Heart Rate的界面，并采用开源的心跳检查的源码，对其进.........

    ▪ UIView的卸载历程        UIView的卸载过程 第一、viewDidUnload方法 1.调用时机： 内存吃紧时，在iPhone OS 3.0之前didReceiveMemoryWarning是释放无用内存的唯一方式，但是OS 3.0及以后viewDidUnload方法是更好的方。当系统内存吃紧.........

    ▪ Replace - with an en dash character (–, –)       Replace - with an en dash character (–, –) ?这个安卓开发过程中eclipse的提示，新浪网友给出这个解决方法：http://blog.sina.com.cn/s/blog_5ea8670101015dgk.html  太笨了。 看看stackoverflow给出的办法：  直接.........

android-heart-rate-monitor

模仿Instant Heart Rate的界面，并采用开源的心跳检查的源码，对其进行UI改进，以达到模仿Instant Heart Rate的效果。主要界面如下：

主要是采用了自定义ProgressBar 样式的技术，将 android:indeterminateDrawable指定为自定义好的界面，这样ProgressBar 在显示的时候，就会自动显示自定义的界面。

而图案中心的上面上面按钮，下面图案旋转的技术，主要采用了layer-list层叠样式的的方案，最上面一层是静止的，下面一层是选装的，这样就可达到模拟Instant Heart Rate的效果，实际上Instant Heart Rate采用了将整个图案截成多个部分，然后每个部分旋转的方式实现。本案例的主要实现代UI层码如下：

main_activity.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background" >

    <com.jwetherell.heart_rate_monitor.HeartbeatView
        android:id="@+id/image"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="5dp"
        android:layout_marginTop="5dp" />

    <SurfaceView
        android:id="@+id/preview"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_marginRight="5dp"
        android:layout_marginTop="5dp" />

    <TextView
        android:id="@+id/toptext"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/image"
        android:layout_alignTop="@+id/image"
        android:layout_toLeftOf="@+id/preview"
        android:layout_toRightOf="@+id/image"
        android:gravity="center"
        android:text="@string/app_name"
        android:textSize="20sp" />
    
   

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true" >

        <ProgressBar
            android:id="@+id/progressBar1"
            android:layout_width="250dp"
            android:layout_height="250dp"
            android:indeterminateDrawable="@drawable/heart_beat_layer_style" />

        <TextView
            android:id="@+id/heartbeatnumbertext"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal|center_vertical"
            
            android:text="@string/default_text"
            android:textSize="45sp" />
    </FrameLayout> 

    <TextView
        android:id="@+id/bottomtext"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:text="@string/discription"
        android:textSize="19sp" />

</RelativeLayout>

heart_beat_layer_style.xml即自定义ProgressBar的代码如下：

<?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>

整个程序的源码