android用户界面-组件Widget-常用组件

用户会员注册实例

介绍控件

文本框TextView

编辑框EditText

密码文本框EditText

单选按钮RadioButton

复选框CheckBox

开关按钮ToggleButton

下拉列表Spinner

实例：

注册页面

/Chapter04_UI_CommonWidget/src/com/amaker/test/MainActivity.java

1. 代码  
2.  
3. package com.amaker.test;  
4.  
5. import android.app.Activity;  
6. import android.content.Intent;  
7. import android.os.Bundle;  
8. import android.view.View;  
9. import android.view.View.OnClickListener;  
10. import android.widget.ArrayAdapter;  
11. import android.widget.Button;  
12. import android.widget.CheckBox;  
13. import android.widget.EditText;  
14. import android.widget.RadioButton;  
15. import android.widget.Spinner;  
16. import android.widget.ToggleButton;  
17.  
18. public class MainActivity extends Activity {  
19.       
20.     private Button register,cancel;  
21.     private ToggleButton marriged;  
22.     private RadioButton male,female;  
23.     private EditText username,password;  
24.     private Spinner position;  
25.     private CheckBox reading,swimming;  
26.       
27.     @Override 
28.     public void onCreate(Bundle savedInstanceState) {  
29.         super.onCreate(savedInstanceState);  
30.         setContentView(R.layout.main);  
31.           
32.         username = (EditText)findViewById(R.id.username);  
33.         password = (EditText)findViewById(R.id.password);  
34.           
35.         male = (RadioButton)findViewById(R.id.male);  
36.         female = (RadioButton)findViewById(R.id.female);  
37.           
38.         reading = (CheckBox)findViewById(R.id.reading);  
39.         swimming = (CheckBox)findViewById(R.id.swimming);  
40.           
41.         marriged = (ToggleButton)findViewById(R.id.marriged);  
42.           
43.         position = (Spinner)findViewById(R.id.position);  
44.           
45.         String[] str = {"CEO","CFO","PM"};  
46.           
47.         ArrayAdapter aa = new ArrayAdapter(this, android.R.layout.simple_spinner_dropdown_item,str);  
48.           
49.         position.setAdapter(aa);  
50.           
51.         register = (Button)findViewById(R.id.register);  
52.         cancel = (Button)findViewById(R.id.cancel);  
53.           
54.         register.setOnClickListener(new OnClickListener() {  
55.             public void onClick(View v) {  
56.                 Bundle b = new Bundle();  
57.                 b.putString("username", "用户名称："+username.getText().toString());  
58.                 b.putString("password", "用户密码："+password.getText().toString());  
59.                   
60.                 if(male.isChecked()){  
61.                     b.putString("gender", "性别：男");  
62.                 }else{  
63.                     b.putString("gender", "性别：女");  
64.                 }  
65.                 String temp = "爱好：";  
66.                 if(reading.isChecked()){  
67.                     temp+="阅读";  
68.                 }  
69.                 if(swimming.isChecked()){  
70.                     temp+=" ";  
71.                     temp+="游泳";  
72.                 }  
73.                   
74.                 b.putString("hobby", temp);  
75.                   
76.                 if(marriged.isChecked()){  
77.                     b.putString("marriged", "婚否：已婚");  
78.                 }else{  
79.                     b.putString("marriged", "婚否：未婚");  
80.                 }  
81.                   
82.                 b.putString("position","职位："+ position.getSelectedItem().toString());  
83.                   
84.                 Intent intent = new Intent(MainActivity.this,ResultActivity.class);  
85.                   
86.                 intent.putExtra("data", b);  
87.                   
88.                 startActivity(intent);  
89.             }  
90.         });  
91.           
92.     }  
93. } 

注册结果页面

/Chapter04_UI_CommonWidget/src/com/amaker/test/ResultActivity.java

1. 代码  
2.  
3. package com.amaker.test;  
4.  
5. import java.util.ArrayList;  
6. import java.util.List;  
7. import android.app.Activity;  
8. import android.content.Intent;  
9. import android.os.Bundle;  
10. import android.widget.ArrayAdapter;  
11. import android.widget.ListView;  
12.  
13. public class ResultActivity extends Activity{  
14.     private ListView listView;  
15.       
16.     protected void onCreate(Bundle savedInstanceState) {  
17.         super.onCreate(savedInstanceState);  
18.           
19.         setContentView(R.layout.result);  
20.         listView = (ListView) findViewById(R.id.ListView01);  
21.           
22.         Intent intent = this.getIntent();  
23.           
24.         Bundle b = intent.getBundleExtra("data");  
25.           
26.         System.out.println(b.getString("username"));  
27.           
28.         List list =  new ArrayList();  
29.           
30.         list.add(b.getString("username"));  
31.         list.add(b.getString("password"));  
32.         list.add(b.getString("position"));  
33.           
34.         list.add(b.getString("gender"));  
35.         list.add(b.getString("hobby"));  
36.         list.add(b.getString("marriged"));  
37.           
38.         ArrayAdapter adapter = new ArrayAdapter(this,android.R.layout.simple_list_item_1,list);  
39.           
40.         listView.setAdapter(adapter);  
41.           
42.     }  
43. } 

布局文件

/Chapter04_UI_CommonWidget/res/layout/main.xml

1. 代码  
2.  
3. <?xml version="1.0" encoding="utf-8"?> 
4. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
5.     android:orientation="vertical" 
6.     android:layout_width="fill_parent" 
7.     android:layout_height="fill_parent" 
8.     > 
9.       
10.       
11.  
12. <TableLayout   
13.     android:id="@+id/TableLayout01"   
14.     android:layout_width="wrap_content"   
15.     android:layout_height="wrap_content" 
16.     android:stretchColumns="1" 
17.     > 
18.       
19.       
20.     <TableRow   
21.     android:id="@+id/TableRow01"   
22.     android:layout_width="wrap_content"   
23.     android:layout_height="wrap_content"> 
24.         <TextView   
25.         android:text="用户名称"   
26.         android:id="@+id/TextView01"   
27.         android:layout_width="wrap_content"   
28.         android:layout_height="wrap_content"></TextView> 
29.           
30.         <EditText   
31.         android:text=""   
32.         android:id="@+id/username"   
33.         android:layout_width="wrap_content"   
34.         android:layout_height="wrap_content" 
35.           
36.         ></EditText> 
37.     </TableRow> 
38.       
39.     <TableRow   
40.     android:id="@+id/TableRow02"   
41.     android:layout_width="wrap_content"   
42.     android:layout_height="wrap_content"> 
43.         <TextView   
44.         android:text="用户密码"   
45.         android:id="@+id/TextView02"   
46.         android:layout_width="wrap_content"   
47.         android:layout_height="wrap_content"></TextView> 
48.           
49.         <EditText   
50.         android:text=""   
51.         android:id="@+id/password"   
52.         android:layout_width="wrap_content"   
53.         android:layout_height="wrap_content" 
54.         android:password="true" 
55.           
56.         ></EditText> 
57.     </TableRow> 
58.       
59.     <TableRow   
60.     android:id="@+id/TableRow03"   
61.     android:layout_width="wrap_content"   
62.     android:layout_height="wrap_content"> 
63.         <TextView   
64.         android:text="性别"   
65.         android:id="@+id/TextView03"   
66.         android:layout_width="wrap_content"   
67.         android:layout_height="wrap_content"></TextView> 
68.           
69.         <RadioGroup   
70.         android:id="@+id/gender_g"   
71.         android:layout_width="wrap_content"   
72.         android:layout_height="wrap_content"> 
73.           
74.         <RadioButton   
75.         android:text="男"   
76.         android:id="@+id/male"   
77.         android:layout_width="wrap_content"   
78.         android:layout_height="wrap_content"></RadioButton> 
79.           
80.         <RadioButton   
81.         android:text="女"   
82.         android:id="@+id/female"   
83.         android:layout_width="wrap_content"   
84.         android:layout_height="wrap_content"></RadioButton> 
85.           
86.           
87.         </RadioGroup> 
88.     </TableRow> 
89.       
90.       
91.     <TableRow   
92.     android:id="@+id/TableRow04"   
93.     android:layout_width="wrap_content"   
94.     android:layout_height="wrap_content"> 
95.         <TextView   
96.         android:text="婚否"   
97.         android:id="@+id/TextView04"   
98.         android:layout_width="wrap_content"   
99.         android:layout_height="wrap_content"></TextView> 
100.           
101.           
102.     <ToggleButton   
103.     android:text="@+id/ToggleButton01"   
104.     android:id="@+id/marriged"   
105.     android:layout_width="wrap_content"   
106.     android:layout_height="wrap_content"></ToggleButton> 
107. </TableRow> 
108.       
109.     <TableRow   
110.     android:id="@+id/TableRow05"   
111.     android:layout_width="wrap_content"   
112.     android:layout_height="wrap_content" 
113.     > 
114.         <TextView   
115.         android:text="爱好"   
116.         android:id="@+id/hobby"   
117.         android:layout_width="wrap_content"   
118.         android:layout_height="wrap_content"></TextView> 
119.           
120.         <CheckBox   
121.         android:text="阅读"   
122.         android:id="@+id/reading"   
123.         android:layout_width="wrap_content"   
124.         android:layout_height="wrap_content" 
125.         android:layout_column="1" 
126.         ></CheckBox> 
127.         <CheckBox   
128.         android:text="游泳"   
129.         android:id="@+id/swimming"   
130.         android:layout_width="wrap_content"   
131.         android:layout_height="wrap_content" 
132.         android:layout_column="1" 
133.         ></CheckBox> 
134.           
135.           
136.     </TableRow> 
137.       
138.       
139.     <TableRow   
140.     android:id="@+id/TableRow06"   
141.     android:layout_width="wrap_content"   
142.     android:layout_height="wrap_content"> 
143.         <TextView   
144.         android:text="职务"   
145.         android:id="@+id/TextView05"   
146.         android:layout_width="wrap_content"   
147.         android:layout_height="wrap_content"></TextView> 
148.           
149.         <Spinner   
150.         android:id="@+id/position"   
151.         android:layout_width="wrap_content"   
152.         android:layout_height="wrap_content"></Spinner> 
153.     </TableRow> 
154.       
155.       
156.     <TableRow   
157.     android:id="@+id/TableRow07"   
158.     android:layout_width="wrap_content"   
159.     android:layout_height="wrap_content"> 
160.         <Button   
161.         android:text="取消"   
162.         android:id="@+id/cancel"   
163.         android:layout_width="wrap_content"   
164.         android:layout_height="wrap_content"></Button> 
165.           
166.         <Button   
167.         android:text="注册"   
168.         android:id="@+id/register"   
169.         android:layout_width="wrap_content"   
170.         android:layout_height="wrap_content"></Button> 
171.           
172.     </TableRow> 
173.       
174. </TableLayout> 
175. </LinearLayout> 

/Chapter04_UI_CommonWidget/res/layout/result.xml

1. 代码  
2.  
3. <?xml version="1.0" encoding="utf-8"?> 
4. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
5.     android:orientation="vertical" 
6.     android:layout_width="fill_parent" 
7.     android:layout_height="fill_parent" 
8.     > 
9.     <ListView   
10.     android:id="@+id/ListView01"   
11.     android:layout_width="wrap_content"   
12.     android:layout_height="wrap_content"></ListView> 
13. </LinearLayout> 

本文转自linzheng 51CTO博客，原文链接:http://blog.51cto.com/linzheng/1080698