Android软件开发之盘点常用系统控件界面大合集

常用系统控件界面大合集
今天我用自己写的一个Demo 和大家详细介绍一个Android开发中遇到的一些常用系统控件的使用技巧。

1.文本框TextView

TextView的作用是用来显示一个文本框，下面我用两种方式为大家呈现TextView， 第一种是通过xml布局文件呈现 ，第二种是通过代码来呈现，由此可见Android 的界面开发真的是非常灵活。

1. public class TextViewActivity extends Activity {
2.     @Override
3.     protected void onCreate(Bundle savedInstanceState) {
4.         setContentView(R.layout.textview);
6.         LinearLayout ll = (LinearLayout) findViewById(R.id.textviewll);
7.         TextView textView = new TextView(this);
8.         //设置显示文字
9.         textView.setText(“从代码中添加一个TextView”);
10.         //设置显示颜色
11.         textView.setTextColor(Color.WHITE);
12.         //设置显示字体大小
13.         textView.setTextSize(18);
14.         //设置显示背景颜色
15.         textView.setBackgroundColor(Color.BLUE);
16.         //设置锚点位置
17.         textView.setGravity(Gravity.CENTER_VERTICAL|Gravity.CENTER_HORIZONTAL);
18.         //把这个view加入到布局当中
19.         ll.addView(textView);
21.         super.onCreate(savedInstanceState);
22.     }
23. }

复制代码

1. <?xml version=”1.0″ encoding=”utf-8″?>
2. <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
3.         android:id=”@+id/textviewll”
4.         android:orientation=”vertical” android:layout_width=”fill_parent”
5.         android:layout_height=”fill_parent”>
6.         <TextView android:id=”@+id/textView0″
7.                   android:layout_width=”fill_parent”
8.                           android:layout_height=”wrap_content”
9.                           android:textColor=”#000000″
10.                           android:textSize=”18dip”
11.                           android:background=”#00FF00″
12.                       android:text=”@string/textView”
13.                       android:gravity=”center_vertical|center_horizontal”
14.                       />
15. </LinearLayout>

复制代码

2.网页框WebView

WebView可以实现 类似web的网页 的系统控件  最主要的是可以使用html代码，如访问网页等。

1. public class WebViewActivity extends Activity {
2.     WebView webView = null;
3.     static final String MIME_TYPE = “text/html”;
4.     static final String ENCODING = “utf-8″;
7.     @Override
8.     protected void onCreate(Bundle savedInstanceState) {
9.         setContentView(R.layout.webview);
11.         webView = (WebView) findViewById(R.id.webview);
12.         webView.loadDataWithBaseURL(null,”<a href=’http://blog.csdn.net/xys289187120′>欢迎访问雨松MOMO的博客</a>”, MIME_TYPE, ENCODING, null);
13.         super.onCreate(savedInstanceState);
14.     }
15. }

复制代码

1. <?xml version=”1.0″ encoding=”utf-8″?>
2. <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
3.         android:id=”@+id/textviewll”
4.         android:orientation=”vertical” android:layout_width=”fill_parent”
5.         android:layout_height=”fill_parent”>
6.                 <TextView android:layout_width=”fill_parent”
7.                           android:layout_height=”wrap_content”
8.                           android:textColor=”#000000″
9.                           android:textSize=”18dip”
10.                           android:background=”#00FF00″
11.                       android:text=”网页框WebView测试”
12.                       android:gravity=”center_vertical|center_horizontal”
13.                       />
14.         <WebView android:id=”@+id/webview”
15.                     android:layout_height=”wrap_content”
16.                     android:layout_width=”fill_parent”/>
17. </LinearLayout>

复制代码

3.Menu菜单

Menu菜单在android系统控件中真的很具有特色 点击以后会悬浮出一个菜单在次点击菜单则会消失，今天我只是简单的介绍一下系统的Menu菜单， 其实Menu菜单可以做出非常好看的效果，比如半透明 自定义按钮图片等等，后面我会详细的介绍menu菜单。

1. public class MenuActivity extends Activity {
3.     @Override
4.     protected void onCreate(Bundle savedInstanceState) {
5.         setContentView(R.layout.menuview);
6.         super.onCreate(savedInstanceState);
7.     }
9.     @Override
10.     public boolean onCreateOptionsMenu(Menu menu) {
11.         menu.add(0, 0, Menu.NONE, “菜单1″).setIcon(R.drawable.icon);
12.         menu.add(0, 1, Menu.NONE, “菜单2″).setIcon(R.drawable.icon);
13.         menu.add(0, 2, Menu.NONE, “菜单3″).setIcon(R.drawable.icon);
14.         menu.add(0, 3, Menu.NONE, “菜单4″).setIcon(R.drawable.icon);
15.         menu.add(0, 4, Menu.NONE, “菜单5″).setIcon(R.drawable.icon);
16.         menu.add(0, 5, Menu.NONE, “菜单6″).setIcon(R.drawable.icon);
17.         return super.onCreateOptionsMenu(menu);
18.     }
20.     @Override
21.     public boolean onOptionsItemSelected(MenuItem item) {
22.         Dialog(item.getItemId());
23.         return super.onOptionsItemSelected(item);
24.     }
26.     private void Dialog(int message) {
27.         new AlertDialog.Builder(this).setMessage(
28.                 “您单击第【” + message + “】项Menu菜单项.”).show();
29.     }
30. }

复制代码

1. <?xml version=”1.0″ encoding=”utf-8″?>
2. <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
3.         android:orientation=”vertical” android:layout_width=”fill_parent”
4.         android:layout_height=”fill_parent”>
5.         <TextView android:layout_width=”fill_parent”
6.                           android:layout_height=”wrap_content”
7.                           android:textColor=”#000000″
8.                           android:textSize=”18dip”
9.                           android:background=”#00FF00″
10.                       android:text=”Menu菜单测试”
11.                       android:gravity=”center_vertical|center_horizontal”
12.                       />
13. </LinearLayout>

复制代码

4.按钮Button

第一个是绘制系统字的button， 第二个是带图片的button 。

1. public class ButtonActivity extends Activity {
3.     Context mContext = null;
4.     @Override
5.     protected void onCreate(Bundle savedInstanceState) {
6.         setContentView(R.layout.buttonview);
7.         mContext = this;
9.         //普通按钮
10.         Button button0 = (Button)findViewById(R.id.buttonview0);
12.         //设置按钮文字颜色
13.         button0.setTextColor(Color.BLUE);
14.         //设置按钮文字大小
15.         button0.setTextSize(30);
17.         //设置按钮监听 点击事件
18.         button0.setOnClickListener(new OnClickListener() {
20.             @Override
21.             public void onClick(View arg0) {
22.                 Toast.makeText(ButtonActivity.this, “您点击了‘这是一个按钮’”, Toast.LENGTH_LONG).show();
24.             }
25.         });
27.         //带图片的按钮
28.         ImageButton button1 = (ImageButton)findViewById(R.id.buttonview1);
29.         //设置按钮监听 点击事件
30.         button1.setOnClickListener(new OnClickListener() {
32.             @Override
33.             public void onClick(View arg0) {
34.                 Toast.makeText(ButtonActivity.this, “您点击了一个带图片的按钮”, Toast.LENGTH_LONG).show();
36.             }
37.         });
38.         super.onCreate(savedInstanceState);
39.     }
40. }

复制代码

1. <?xml version=”1.0″ encoding=”utf-8″?>
2. <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
3.         android:orientation=”vertical” android:layout_width=”fill_parent”
4.         android:layout_height=”fill_parent”>
5.         <TextView android:layout_width=”fill_parent”
6.                           android:layout_height=”wrap_content”
7.                           android:textColor=”#000000″
8.                           android:textSize=”18dip”
9.                           android:background=”#00FF00″
10.                       android:text=”Button按钮测试”
11.                       android:gravity=”center_vertical|center_horizontal”
12.                       />
13.       <Button
14.                      android:id=”@+id/buttonview0″
15.                   android:layout_width=”fill_parent”
16.                          android:layout_height=”wrap_content”
17.                       android:text=”这是一个按钮”
18.                       />
19.        <ImageButton
20.                      android:id=”@+id/buttonview1″
21.                   android:layout_width=”fill_parent”
22.                          android:layout_height=”wrap_content”
23.                       android:src=”@drawable/icon”
24.                       />
25. </LinearLayout>

复制代码

5.编辑框EditView

编辑框在实际开发中用到的非常普遍 比如登录 输入账号 密码 等等。

1. public class EditTextActivity extends Activity {
3.     Context mContext = null;
4.     @Override
5.     protected void onCreate(Bundle savedInstanceState) {
6.         setContentView(R.layout.editview);
7.         mContext = this;
8.         //帐号
9.         final EditText editText0 = (EditText)findViewById(R.id.editview0);
10.         //密码
11.         final EditText editText1 = (EditText)findViewById(R.id.editview1);
13.         //确认按钮
14.         Button button = (Button)findViewById(R.id.editbutton0);
16.         button.setOnClickListener(new OnClickListener() {
18.             @Override
19.             public void onClick(View arg0) {
20.                 String username = editText0.getText().toString();
21.                 String password = editText1.getText().toString();
22.                 Toast.makeText(EditTextActivity.this, “用户名：”+username +”密码：”+ password, Toast.LENGTH_LONG).show();
23.             }
24.         });
25.         super.onCreate(savedInstanceState);
26.     }
27. }

复制代码

1. <?xml version=”1.0″ encoding=”utf-8″?>
2. <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
3.         android:orientation=”vertical” android:layout_width=”fill_parent”
4.         android:layout_height=”fill_parent”>
5.         <TextView android:layout_width=”fill_parent”
6.                           android:layout_height=”wrap_content”
7.                           android:textColor=”#000000″
8.                           android:textSize=”18dip”
9.                           android:background=”#00FF00″
10.                       android:text=”EditText编辑框测试”
11.                       android:gravity=”center_vertical|center_horizontal”
12.                       />
13.       <EditText
14.                      android:id=”@+id/editview0″
15.                   android:layout_width=”fill_parent”
16.                          android:layout_height=”wrap_content”
17.              android:hint=”请输入帐号”
18.              android:phoneNumber=”true”
19.                       />
21.       <EditText
22.                      android:id=”@+id/editview1″
23.                   android:layout_width=”fill_parent”
24.                          android:layout_height=”wrap_content”
25.              android:hint=”请输入密码”
26.              android:password=”true”
27.                       />
28.       <Button
29.                      android:id=”@+id/editbutton0″
30.                   android:layout_width=”fill_parent”
31.                          android:layout_height=”wrap_content”
32.                       android:text=”确定”
33.                       />
34. </LinearLayout>

复制代码

6.单项选择

使用RadioGroup 包住若干个RadioButton 来实现单项选择。监听每一个RadioGroup 就可以知道那个单选组中的第一个ID被按下。

1. public class RadioActivity extends Activity {
3.     Context mContext = null;
4.     @Override
5.     protected void onCreate(Bundle savedInstanceState) {
6.         setContentView(R.layout.radioview);
7.         mContext = this;
8.         //单选组(只有在一个组中的按钮可以单选)
9.         RadioGroup radioGroup = (RadioGroup)findViewById(R.id.radion0);
11.         //单选按钮（第一组）
12.         final RadioButton radioButton0 = (RadioButton)findViewById(R.id.radionButton0);
13.         final RadioButton radioButton1 = (RadioButton)findViewById(R.id.radionButton1);
14.         final RadioButton radioButton2 = (RadioButton)findViewById(R.id.radionButton2);
16.         radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {
18.             @Override
19.             public void onCheckedChanged(RadioGroup arg0, int checkID) {
20.                 if(radioButton0.getId() == checkID) {
21.                     Toast.makeText(RadioActivity.this, “您选中了第一组” + radioButton0.getText(), Toast.LENGTH_LONG).show();
22.                 }else if(radioButton1.getId() == checkID) {
23.                     Toast.makeText(RadioActivity.this, “您选中了第一组” + radioButton1.getText(), Toast.LENGTH_LONG).show();
24.                 }else if(radioButton2.getId() == checkID) {
25.                     Toast.makeText(RadioActivity.this, “您选中了第一组” + radioButton2.getText(), Toast.LENGTH_LONG).show();
26.                 }
27.             }
28.         });
30.         RadioGroup radioGroup0 = (RadioGroup)findViewById(R.id.radion1);
32.         //单选按钮(第二组)
33.         final RadioButton radioButton3 = (RadioButton)findViewById(R.id.radionButton3);
34.         final RadioButton radioButton4 = (RadioButton)findViewById(R.id.radionButton4);
35.         final RadioButton radioButton5 = (RadioButton)findViewById(R.id.radionButton5);
37.         radioGroup0.setOnCheckedChangeListener(new OnCheckedChangeListener() {
39.             @Override
40.             public void onCheckedChanged(RadioGroup arg0, int checkID) {
41.                 if(radioButton3.getId() == checkID) {
42.                     Toast.makeText(RadioActivity.this, “您选中了第二组” + radioButton3.getText(), Toast.LENGTH_LONG).show();
43.                 }else if(radioButton4.getId() == checkID) {
44.                     Toast.makeText(RadioActivity.this, “您选中了第二组” + radioButton4.getText(), Toast.LENGTH_LONG).show();
45.                 }else if(radioButton5.getId() == checkID) {
46.                     Toast.makeText(RadioActivity.this, “您选中了第二组” + radioButton5.getText(), Toast.LENGTH_LONG).show();
47.                 }
48.             }
49.         });
50.         super.onCreate(savedInstanceState);
51.     }
52. }

复制代码

1. <?xml version=”1.0″ encoding=”utf-8″?>
2. <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
3.         android:orientation=”vertical” android:layout_width=”fill_parent”
4.         android:layout_height=”fill_parent”>
5.         <TextView android:layout_width=”fill_parent”
6.                           android:layout_height=”wrap_content”
7.                           android:textColor=”#000000″
8.                           android:textSize=”18dip”
9.                           android:background=”#00FF00″
10.                       android:text=”单项选择测试第一组”
11.                       android:gravity=”center_vertical|center_horizontal”
12.                       />
13.     <RadioGroup
14.               android:id=”@+id/radion0″
15.                           android:layout_width=”fill_parent”
16.                           android:layout_height=”wrap_content” >
17.     <RadioButton
18.                              android:id=”@+id/radionButton0″
19.                           android:layout_width=”fill_parent”
20.                           android:layout_height=”wrap_content”
21.                           android:text=”item0″
22.     />
23.      <RadioButton
24.                              android:id=”@+id/radionButton1″
25.                           android:layout_width=”fill_parent”
26.                           android:layout_height=”wrap_content”
27.                           android:text=”item1″
28.     />
29.      <RadioButton
30.                              android:id=”@+id/radionButton2″
31.                           android:layout_width=”fill_parent”
32.                           android:layout_height=”wrap_content”
33.                           android:text=”item2″
34.     />
35.     </RadioGroup>
37.         <TextView android:layout_width=”fill_parent”
38.                           android:layout_height=”wrap_content”
39.                           android:textColor=”#000000″
40.                           android:textSize=”18dip”
41.                           android:background=”#00FF00″
42.                       android:text=”单项选择测试第二组”
43.                       android:gravity=”center_vertical|center_horizontal”
44.                       />
45.     <RadioGroup
46.               android:id=”@+id/radion1″
47.                           android:layout_width=”fill_parent”
48.                           android:layout_height=”wrap_content” >
49.     <RadioButton
50.                              android:id=”@+id/radionButton3″
51.                           android:layout_width=”fill_parent”
52.                           android:layout_height=”wrap_content”
53.                           android:text=”item3″
54.     />
55.      <RadioButton
56.                              android:id=”@+id/radionButton4″
57.                           android:layout_width=”fill_parent”
58.                           android:layout_height=”wrap_content”
59.                           android:text=”item4″
60.     />
61.      <RadioButton
62.                              android:id=”@+id/radionButton5″
63.                           android:layout_width=”fill_parent”
64.                           android:layout_height=”wrap_content”
65.                           android:text=”item5″
66.     />
67.     </RadioGroup>
68. </LinearLayout>

复制代码

7.多项选择

使用系统控件Checkbox  监听每一个checkbox 的点击事件就可以确定那几个选项被选择了。

1. public class CheckboxActivity extends Activity {
3.     //用来储存选中的内容
4.     ArrayList <String>item = new ArrayList<String>();
6.     @Override
7.     protected void onCreate(Bundle savedInstanceState) {
8.         setContentView(R.layout.checkboxview);
10.         CheckBox checkbox0 = (CheckBox)findViewById(R.id.checkboxview0);
11.         CheckBox checkbox1 = (CheckBox)findViewById(R.id.checkboxview1);
12.         CheckBox checkbox2 = (CheckBox)findViewById(R.id.checkboxview2);
13.         CheckBox checkbox3 = (CheckBox)findViewById(R.id.checkboxview3);
14.         Button button = (Button)findViewById(R.id.checkboxbutton);
15.         //对checkbox进行监听
16.         checkbox0.setOnCheckedChangeListener(new OnCheckedChangeListener() {
18.             @Override
19.             public void onCheckedChanged(CompoundButton button, boolean arg1) {
20.                 String str = button.getText().toString();
21.                 if (button.isChecked()) {
22.                     item.add(str);
23.                 } else {
24.                     item.remove(str);
25.                 }
27.             }
28.         });
30.         checkbox1.setOnCheckedChangeListener(new OnCheckedChangeListener() {
32.             @Override
33.             public void onCheckedChanged(CompoundButton button, boolean arg1) {
34.                 String str = button.getText().toString();
35.                 if (button.isChecked()) {
36.                     item.add(str);
37.                 } else {
38.                     item.remove(str);
39.                 }
41.             }
42.         });
43.         checkbox2.setOnCheckedChangeListener(new OnCheckedChangeListener() {
45.             @Override
46.             public void onCheckedChanged(CompoundButton button, boolean arg1) {
47.                 String str = button.getText().toString();
48.                 if (button.isChecked()) {
49.                     item.add(str);
50.                 } else {
51.                     item.remove(str);
52.                 }
54.             }
55.         });
56.         checkbox3.setOnCheckedChangeListener(new OnCheckedChangeListener() {
58.             @Override
59.             public void onCheckedChanged(CompoundButton button, boolean arg1) {
60.                 String str = button.getText().toString();
61.                 if (button.isChecked()) {
62.                     item.add(str);
63.                 } else {
64.                     item.remove(str);
65.                 }
67.             }
68.         });
70.         button.setOnClickListener(new  OnClickListener() {
72.             @Override
73.             public void onClick(View arg0) {
74.                 String str = item.toString();
75.                  Toast.makeText(CheckboxActivity.this, “您选中了” + str, Toast.LENGTH_LONG).show();
77.             }
78.         });
79.         super.onCreate(savedInstanceState);
80.     }
81. }

复制代码

1. <?xml version=”1.0″ encoding=”utf-8″?>
2. <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
3.         android:orientation=”vertical” android:layout_width=”fill_parent”
4.         android:layout_height=”fill_parent”>
5.         <TextView android:layout_width=”fill_parent”
6.                           android:layout_height=”wrap_content”
7.                           android:textColor=”#000000″
8.                           android:textSize=”18dip”
9.                           android:background=”#00FF00″
10.                       android:text=”多项选择测试”
11.                       android:gravity=”center_vertical|center_horizontal”
12.                       />
13.       <CheckBox
14.                      android:id=”@+id/checkboxview0″
15.                   android:layout_width=”fill_parent”
16.                          android:layout_height=”wrap_content”
17.                       android:text=”item0″
18.                       />
19.       <CheckBox
20.                      android:id=”@+id/checkboxview1″
21.                   android:layout_width=”fill_parent”
22.                          android:layout_height=”wrap_content”
23.                       android:text=”item1″
24.                       />
25.       <CheckBox
26.                      android:id=”@+id/checkboxview2″
27.                   android:layout_width=”fill_parent”
28.                          android:layout_height=”wrap_content”
29.                       android:text=”item2″
30.                       />
31.       <CheckBox
32.                      android:id=”@+id/checkboxview3″
33.                   android:layout_width=”fill_parent”
34.                          android:layout_height=”wrap_content”
35.                       android:text=”item3″
36.                       />
37.       <Button
38.                      android:id=”@+id/checkboxbutton”
39.                   android:layout_width=”fill_parent”
40.                          android:layout_height=”wrap_content”
41.                       android:text=”确定”
42.                       />
43. </LinearLayout>

复制代码