Design and perfection of registration interface

1. Because of the many registration interface, one screen does not display, so the outermost use of the ScrollView control, when the control is not displayed in the vertical direction of the scroll bar. ScrollView embedded LinearLayout container, the first control is to use an open source framework static fillet picture, first need to import open source framework project Roundimageview, right click on the project, select Buildpath-> Configbuildpath->android. The project was found to exist as a library. Next, right-click the current project, select Build Path->configbuildpath->android->add, and add the open source framework library that you just imported.
2. Go to the Layout view screen, click the Refresh button in the Roundedimageview component in the Custom & Library views group, and you will find a custom Roundedimageview control.

3. Create a EditText control that can enter information normally.

<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:d rawable/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:d rawable/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:d rawable/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:d rawable/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:d rawable/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:d rawable/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:d rawable/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:d rawable/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:d rawable/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:d rawable/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>

4. Add the following code to the Register button with the drop effect:

<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. Implementation of Registactivity

publicclassregistactivityextendsactivity {

@Override

protected void OnCreate (Bundle savedinstancestate) {

Super.oncreate (savedinstancestate);

Requestwindowfeature (window.feature_no_title);//Cancel title bar

Setcontentview (r.layout.activity_regist);

}

}

6. Verify that you need to import the Open Source Framework library (Android-validator-master) so that you can register successfully

Design and perfection of registration interface