先看看效果图:
首先是布局文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#FFFFFF"
android:orientation="vertical">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/voice_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_marginBottom="10dp"
android:layout_marginLeft="20dp"
android:layout_marginRight="40dp"
android:layout_marginTop="5dp"
android:text="录音"
android:textColor="#333333"
android:textSize="16sp" />
</RelativeLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_marginTop="5dp">
<LinearLayout
android:id="@+id/voice_frequency"
android:layout_width="130dp"
android:layout_height="28dp"
android:layout_centerInParent="true"
android:background="@drawable/record_sound_bg"
android:visibility="gone">
<ProgressBar
android:id="@+id/voice_progress_bar"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg_record_layer1"
android:progressDrawable="@drawable/recorder_progress_bar_bg" />
</LinearLayout>
<TextView
android:id="@+id/voice_second"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="10dp"
android:layout_toRightOf="@id/voice_frequency"
android:textColor="#333333"
android:textSize="18sp"
android:visibility="gone" />
</RelativeLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="5dp"
android:background="#FFFFFF"
android:gravity="center_vertical">
<ImageButton
android:id="@+id/voice_recorder"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_centerInParent="true"
android:layout_marginBottom="5dp"
an