注册界面的实现

1. 由于注册界面内容很多，一屏幕显示不下，所以最外层使用 ScrollView 控件，当控件显 示不开时会出现垂直方向的滚动条。ScrollView 里面嵌入 LinearLayout 容器，第一个控件是 使用了一个开源框架静态圆角图片，首先需要导入开源框架项目roundimageview，右击该项 目，选择 Buildpath->configbuildpath->Android。发现该项目是作为 Library存在的。接下里右击当前的项目，选择 Build path->configbuildpath->Android->Add，添加刚刚导入的开源框架库。
2. 进 入 布 局 视 图 界 面 ， 点 击 Custom & Library Views 组 中 的 RoundedImageView 组件中的 Refresh 按钮，就会发现多了一个自定义的RoundedImageView控件。

3.创建能够正常录入信息的 EditText 控件。

<ScrollViewxmlns:android xmlns:tools="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/login_regist_bg"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/login_regist_bg"
        android:orientation="vertical"
        android:padding="10dp"
        tools:context=".RegistActivity" >

        <com.makeramen.roundedimageview.RoundedImageView
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/roundImage_head"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_gravity="center_horizontal"
            android:gravity="center_horizontal"
            android:onClick="changePhoto"
            android:src="@drawable/test_photo"
            app:riv_border_color="#333333"
            app:riv_border_width="3dip"
            app:riv_corner_radius="10dip"
            app:riv_mutate_background="true"
            app:riv_oval="true" />

        <EditText
            android:id="@+id/etAccount "
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etaccount"
            android:ems="10"
            android:hint="@string/etAccountrHint" >
        </EditText>

        <EditText
            android:id="@+id/etNick"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etnick"
            android:ems="10"
            android:hint="@string/etNickHint" />

        <EditText
            android:id="@+id/etPassword"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etpassword"
            android:ems="10"
            android:hint="@string/etPasswordHint"
            android:inputType="textPassword" >
        </EditText>

        <EditText
            android:id="@+id/etMotto"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etmotto"
            android:ems="10"
            android:hint="@string/etMotto" >
        </EditText>

        <EditText
            android:id="@+id/etEmail"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etemail"
            android:ems="10"
            android:hint="@string/etEmail"
            android:inputType="textEmailAddress" >
        </EditText>

        <EditText
            android:id="@+id/etCity"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etcity"
            android:ems="10"
            android:hint="@string/etCity" >
        </EditText>

        <View
            android:layout_width="match_parent"
            android:layout_height="2dp"
            android:background="@android:color/darker_gray" />

        <EditText
            android:id="@+id/etfoot"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etfoot"
            android:ems="10"
            android:hint="@string/etStep"
            android:inputType="number" >
        </EditText>

        <EditText
            android:id="@+id/etHeight"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etheight"
            android:ems="10"
            android:hint="@string/etHeight"
            android:inputType="number" >
        </EditText>

        <EditText
            android:id="@+id/etWeight"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etweight"
            android:ems="10"
            android:hint="@string/etWeight"
            android:inputType="number" >
        </EditText>

        <EditText
            android:id="@+id/etExceptSteps"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:background="@android:drawable/edit_text"
            android:drawableLeft="@drawable/etexceptsteps"
            android:ems="10"
            android:hint="@string/etExceptSteps"
            android:inputType="number" >
        </EditText>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:text="@string/tvRegistFinish" >
        </TextView>

        <cn.edu.bztc.walkersimulate.util.RevealLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:background="@drawable/btn_select"
                android:gravity="center"
                android:text="@string/btnRegiste" >
            </Button>
        </cn.edu.bztc.walkersimulate.util.RevealLayout>
    </LinearLayout>

    
    </ScrollView>

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">4.让注册按钮具有水滴效果要加上以下代码：</span>

<cn.edu.bztc.walkersimulate.util.RevealLayout 

android:layout_width="match_parent"

 android:layout_height="wrap_content"> 

<Button 

android:layout_width="match_parent" 

android:layout_height="wrap_content"

 android:gravity="center" 

android:background="@drawable/btn_select"

 android:layout_marginTop="5dp" 

android:text="@string/btnRegiste">

 </Button> 

</cn.edu.bztc.walkersimulate.util.RevealLayout> 

5.、RegistActivity 的实现 

publicclassRegistActivityextendsActivity { 

@Override 

   protected void onCreate(Bundle savedInstanceState){

         super.onCreate(savedInstanceState); 

        requestWindowFeature(Window.FEATURE_NO_TITLE);//取消标题栏 

       setContentView(R.layout.activity_regist);

 } 

} 

6.验证：需要导入开源框架库（Android-Validator-master ），这样就可以注册成功