Walker之注册页面的实现

1.准备好图片资源和所需的文字资源。

2.使用 Eclipse 自动生成 RegistActivity 及其对应的布局文件 activity_regist.xml 文件。将自动生成的 RelativeLayout 改为 LinearLayout。因为注册界面的控件排列是垂直方向上依次排列的。

3.由于注册界面内容很多，一屏幕显示不下，所以最外层使用 ScrollView 控件，当控件显示不开时会出现垂直方向的滚动条。ScrollView 里面嵌入 LinearLayout 容器，第一个控件是使用了一个开源框架静态圆角图片，首先需要导入开源框架项目 roundimageview，右击该项目，选择 Build path->config build path->Android。发现该项目是作为 Library 存在的。

4.接下里右击当前的项目，选择 Build path->config build path->Android->Add，添加刚刚导入的开源框架库。

5.进 入 布 局 视 图 界 面 ， 点 击 Custom  &  Library  Views  组 中 的RoundedImageView 组件中的 Refresh 按钮，就会发现多了一个自定义的 RoundedImageView控件，使用方法同其它组件。

6.能够录入常规信息的EditText控件。

1. <ScrollViewxmlns:android xmlns:tools="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:background="@drawable/login_regist_bg"  
6.     android:orientation="vertical" >  
7.   
8.     <LinearLayout  
9.         android:layout_width="match_parent"  
10.         android:layout_height="wrap_content"  
11.         android:background="@drawable/login_regist_bg"  
12.         android:orientation="vertical"  
13.         android:padding="10dp"  
14.         tools:context=".RegistActivity" >  
15.   
16.         <com.makeramen.roundedimageview.RoundedImageView  
17.             xmlns:app="http://schemas.android.com/apk/res-auto"  
18.             android:id="@+id/roundImage_head"  
19.             android:layout_width="80dp"  
20.             android:layout_height="80dp"  
21.             android:layout_gravity="center_horizontal"  
22.             android:gravity="center_horizontal"  
23.             android:onClick="changePhoto"  
24.             android:src="@drawable/test_photo"  
25.             app:riv_border_color="#333333"  
26.             app:riv_border_width="3dip"  
27.             app:riv_corner_radius="10dip"  
28.             app:riv_mutate_background="true"  
29.             app:riv_oval="true" />  
30.   
31.         <EditText  
32.             android:id="@+id/etAccount "  
33.             android:layout_width="match_parent"  
34.             android:layout_height="wrap_content"  
35.             android:layout_marginTop="5dp"  
36.             android:background="@android:drawable/edit_text"  
37.             android:drawableLeft="@drawable/etaccount"  
38.             android:ems="10"  
39.             android:hint="@string/etAccountrHint" >  
40.         </EditText>  
41.   
42.         <EditText  
43.             android:id="@+id/etNick"  
44.             android:layout_width="match_parent"  
45.             android:layout_height="wrap_content"  
46.             android:background="@android:drawable/edit_text"  
47.             android:drawableLeft="@drawable/etnick"  
48.             android:ems="10"  
49.             android:hint="@string/etNickHint" />  
50.   
51.         <EditText  
52.             android:id="@+id/etPassword"  
53.             android:layout_width="match_parent"  
54.             android:layout_height="wrap_content"  
55.             android:background="@android:drawable/edit_text"  
56.             android:drawableLeft="@drawable/etpassword"  
57.             android:ems="10"  
58.             android:hint="@string/etPasswordHint"  
59.             android:inputType="textPassword" >  
60.         </EditText>  
61.   
62.         <EditText  
63.             android:id="@+id/etMotto"  
64.             android:layout_width="match_parent"  
65.             android:layout_height="wrap_content"  
66.             android:background="@android:drawable/edit_text"  
67.             android:drawableLeft="@drawable/etmotto"  
68.             android:ems="10"  
69.             android:hint="@string/etMotto" >  
70.         </EditText>  
71.   
72.         <EditText  
73.             android:id="@+id/etEmail"  
74.             android:layout_width="match_parent"  
75.             android:layout_height="wrap_content"  
76.             android:background="@android:drawable/edit_text"  
77.             android:drawableLeft="@drawable/etemail"  
78.             android:ems="10"  
79.             android:hint="@string/etEmail"  
80.             android:inputType="textEmailAddress" >  
81.         </EditText>  
82.   
83.         <EditText  
84.             android:id="@+id/etCity"  
85.             android:layout_width="match_parent"  
86.             android:layout_height="wrap_content"  
87.             android:background="@android:drawable/edit_text"  
88.             android:drawableLeft="@drawable/etcity"  
89.             android:ems="10"  
90.             android:hint="@string/etCity" >  
91.         </EditText>  
92.   
93.         <View  
94.             android:layout_width="match_parent"  
95.             android:layout_height="2dp"  
96.             android:background="@android:color/darker_gray" />  
97.   
98.         <EditText  
99.             android:id="@+id/etfoot"  
100.             android:layout_width="match_parent"  
101.             android:layout_height="wrap_content"  
102.             android:layout_marginTop="5dp"  
103.             android:background="@android:drawable/edit_text"  
104.             android:drawableLeft="@drawable/etfoot"  
105.             android:ems="10"  
106.             android:hint="@string/etStep"  
107.             android:inputType="number" >  
108.         </EditText>  
109.   
110.         <EditText  
111.             android:id="@+id/etHeight"  
112.             android:layout_width="match_parent"  
113.             android:layout_height="wrap_content"  
114.             android:layout_marginTop="5dp"  
115.             android:background="@android:drawable/edit_text"  
116.             android:drawableLeft="@drawable/etheight"  
117.             android:ems="10"  
118.             android:hint="@string/etHeight"  
119.             android:inputType="number" >  
120.         </EditText>  
121.   
122.         <EditText  
123.             android:id="@+id/etWeight"  
124.             android:layout_width="match_parent"  
125.             android:layout_height="wrap_content"  
126.             android:layout_marginTop="5dp"  
127.             android:background="@android:drawable/edit_text"  
128.             android:drawableLeft="@drawable/etweight"  
129.             android:ems="10"  
130.             android:hint="@string/etWeight"  
131.             android:inputType="number" >  
132.         </EditText>  
133.   
134.         <EditText  
135.             android:id="@+id/etExceptSteps"  
136.             android:layout_width="match_parent"  
137.             android:layout_height="wrap_content"  
138.             android:layout_marginTop="5dp"  
139.             android:background="@android:drawable/edit_text"  
140.             android:drawableLeft="@drawable/etexceptsteps"  
141.             android:ems="10"  
142.             android:hint="@string/etExceptSteps"  
143.             android:inputType="number" >  
144.         </EditText>  
145.   
146.         <TextView  
147.             android:layout_width="match_parent"  
148.             android:layout_height="wrap_content"  
149.             android:layout_marginTop="5dp"  
150.             android:text="@string/tvRegistFinish" >  
151.         </TextView>  
152.   
153.         <cn.edu.bztc.walkersimulate.util.RevealLayout  
154.             android:layout_width="match_parent"  
155.             android:layout_height="wrap_content" >  
156.   
157.             <Button  
158.                 android:layout_width="match_parent"  
159.                 android:layout_height="wrap_content"  
160.                 android:layout_marginTop="5dp"  
161.                 android:background="@drawable/btn_select"  
162.                 android:gravity="center"  
163.                 android:text="@string/btnRegiste" >  
164.             </Button>  
165.         </cn.edu.bztc.walkersimulate.util.RevealLayout>  
166.     </LinearLayout>  
167.   
168.       
169.     </ScrollView>  

[html]  view plain  copy

1. <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);

 } 

}