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

1、今天我用自己写的一个Demo和大家详细介绍一个Android开发中遇到的一些常用系统控件的使用技巧1 .文本框TextViewTextView的作用是用来显示一个文本框，下面我用两种方式为大家呈现TextView,第一种是通过xml布局文件呈现,第二种是通过代码来呈现，由此可见Android的界面开发真的是非常灵活。从代码中添加一个TcxtViewviewplaincopytoclipboardprint?1. publicclassTextViewActivityextendsActivity2. Override3. protectedvoidonCreate(BundlesavedIns

2、tanceState)5.6. LinearLayoutll=(LinearLayout)findViewByld(R.id.textviewll);7. TextViewtextView=newTextView(this);8. /设置显示文字9. textView.setText("从代码中添加一个TextView");10. /设置显示颜色11. textView.setTextC010r(Color.WHITE);12. /设置显示字体大小13. textView.setTextSize(18);14. /设置显示背景颜色15. textView.setBackgr

3、oundC010r(Color.BLUE);16. /设置锚点位置17. textView.setGravity(Gravity.CENTER_VERTICAL|Gravity.CENTER_HORIZONTAL);18. /把这个view加入到布局当中19. ll.addView(textView);20.21. super.onCreate(savedInstanceState);22. 23. viewplaincopytoclipboardprint?1. <?xmlversion="1.0"encoding="utf-8"?>2.

4、<LinearLayoutxmlns:android="3. android:id="+id/textviewll"4.android:orientation="vertical"android:layout_width="fill_parent5. android:layout_height="fill_parent">6. <TextViewandroid:id="+id/textView0"7. android:layout_width="fill_parent

5、"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. <

6、;/LinearLayout>2.网页框WebViewWebView可以实现类似web的网页的系统控件最主要的是可以使用html代码，如访问网页等。viewplaincopytoclipboardprint?1. publicclassWebViewActivityextendsActivity2. WebViewwebView=null;3. staticfinalStringMIME_TYPE="text/html"4. staticfinalStringENCODING="utf-8"5.6.7. Override8. protectedvo

7、idonCreate(BundlesavedInstanceState)9. setContentView(R.layout.webview);10.11. webView=(WebView)findViewByld(R.id.webview);12. webView.loadDataWithBaseURL(null,"<ahref='</a>",MIME_TYPE,ENCODING,null);13. super.onCreate(savedInstanceState);14. 15. viewplaincopytoclipboardprint?

8、1. <?xmlversion="1.0"encoding="utf-8"?>2. <LinearLayoutxmlns:android="3. android:id="+id/textviewll"4. android:orientation="vertical"android:layout_width="fill_parent"5. android:layout_height="fill_parent">6. <TextViewan

9、droid: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_horiz

10、ontal"13. />14. <WebViewandroid:id="+id/webview"15. android:layout_height="wrap_content"16. android:layout_width="fill_parent"/>17. </LinearLayout>3.Menu菜单Menu菜单在android系统控件中真的很具有特色点击以后会悬浮出一个菜单在次点击菜单则会消失，今天我只是简单的介绍一下系统的Menu菜单，其实Menu菜单可以做出非常好看的效果，比如半透

11、明自定义按钮图片等等，后面我会详细的介绍menu菜单。viewplaincopytoclipboardprint?1. publicclassMenuActivityextendsActivity2.3. Override4. protectedvoidonCreate(BundlesavedInstanceState)5. setContentView(R.layout.menuview);6. super.onCreate(savedInstanceState);7. 8.9. Override10. publicbooleanonCreateOptionsMenu(Menumenu)11

12、. 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

13、,"菜单5").setIcon(R.drawable.icon);16. menu.add(0,5,Menu.NONE,"菜单6").setIcon(R.drawable.icon);17. returnsuper.onCreateOptionsMenu(menu);18. 19.20. Override21. publicbooleanonOptionsItemSelected(MenuItemitem)22. Dialog(item.getItemId();23. returnsuper.onOptionsItemSelected(item);24.

14、 25.26. privatevoidDialog(intmessage)27. newAlertDialog.Builder(this).setMessage(28. "您单击第【"+message+”】项Menu菜单项.").show();29. 30. viewplaincopytoclipboardprint?1. <?xmlversion="1.0"encoding="utf-8"?>2. <LinearLayoutxmlns:android="3. android:orientatio

15、n="vertical"android:layout_width="fill_parent"4. android:layout_height="fill_parent">5. <TextViewandroid:layout_width="fill_parent”6. android:layout_height="wrap_content”7. android:textC010r="#000000"8. android:textSize="18dip"9. andr

16、oid:background="#00FF00"10. android:text="Menu菜单测试"11. android:gravity="center_vertical|center_horizontal"12. />13. </LinearLayout>4.按钮Button第一个是绘制系统字的button,第二个是带图片的buttonviewplaincopytoclipboardprint?1. publicclassButtonActivityextendsActivity2.3. ContextmCon

17、text=null;4. Override5. protectedvoidonCreate(BundlesavedInstanceState)6. setContentView(R.layout.buttonview);7. mContext=this;8.9. 普通按钮10. Buttonbutton0=(Button)findViewById(R.id.buttonview。);12. /设置按钮文字颜色13. button0.setTextC010r(Color.BLUE);14. /设置按钮文字大小15. button0.setTextSize(30);16.17. /设置按钮监听点击

18、事件18. button0.setOnClickListener(newOnClickListener()19.20. Override21. publicvoidonClick(Viewarg0)22. Toast.makeText(ButtonActivity.this,"您点击了这是一个按钮，Toast.LENGTH_LONG).show();23.24. 25. )；26.27. /带图片的按钮28. ImageButtonbutton1=(ImageButton)findViewByld(R.id.buttonview1);29. /设置按钮监听点击事件30. button

19、1.setOnClickListener(newOnClickListener()31.32. Override33. publicvoidonClick(Viewarg0)34. Toast.makeText(ButtonActivity.this,"您点击了一个带图片的按钮”,Toast.LENGTH_LONG).show();35.36. 37. );38. super.onCreate(savedlnstanceState);40.viewplaincopytoclipboardprint?1. <?xmlversion="1.0"encoding=

20、"utf-8"?>2. <LinearLayoutxmlns:android="3. android:orientation="vertical"android:layout_width="fill_parent"4. android:layout_height="fill_parent">5. <TextViewandroid:layout_width="fill_parent"6. android:layout_height="wrap_conte

21、nt"7. android:textC010r="#000000"8. android:textSize="18dip"9. android:background="#00FF00"10.11.android:text="Button按钮测试"android:gravity="center_vertical|center_horizontal"/>12.13.<Button14.android:id="+id/buttonview0”15.android:layo

22、ut_width="fill_parent"16.android:layout_height="wrap_content"17.android:text="这是一个按钮"18./>19.<ImageButton20.android:id="+id/buttonview121.android:layout_width="fill_parent"22.android:layout_height="wrap_content"25.</LinearLayout>5.编辑

23、框EditView编辑框在实际开发中用到的非常普遍比如登录输入账号密码等等。用户名：123密码:321viewplaincopytoclipboardprint?1. publicclassEditTextActivityextendsActivity2.3. ContextmContext=null;4. Override5. protectedvoidonCreate(BundlesavedInstanceState)6. setContentView(R.layout.editview);7. mContext=this;8. /帐号9. finalEditTexteditText。=(

24、EditText)findViewById(R.id.editview0);10. /密码11. finalEditTexteditTextl=(EditText)findViewByld(R.id.editview1)；12.13. 确认按钮14. Buttonbutton=(Button)findViewByld(R.id.editbuttonO);15.16. button.setOnClickListener(newOnClickListener()17.18. Override19. publicvoidonClick(Viewarg0)20. Stringusername=edit

25、Text0.getText().toString();21. Stringpassword=editText1.getText().toString();22. Toast.makeText(EditTextActivity.this,"用户名："+username+”密码："+password,Toast.LENGTH_LONG).show();23. 24. )；25. super.onCreate(savedlnstanceState);27.)viewplaincopytoclipboardprint?1. <?xmlversion="1.

26、0"encoding="utf-8"?>2. <LinearLayoutxmlns:android="3. android:orientation="vertical"android:layout_width="fill_parent"4. android:layout_height="fill_parent">5. <TextViewandroid:layout_width="fill_parent"6. android:layout_height=

27、"wrap_content"7. android:textC010r="#000000"8. android:textSize="18dip"9. android:background="#00FF00"10.11.android:text="EditText编辑框测试"android:gravity="center_vertical|center_horizontal"/>12.13.<EditText14.android:id="+id/editvi

28、ew0”15.android:layout_width="fill_parent"16.android:layout_height="wrap_content"17.android:hint="请输入帐号"18.android:phoneNumber="true"19./>20.21.<EditText22.android:id="+id/editview1"24. android:layout_height="wrap_content"25. android:h

29、int="请输入密码"26. android:password="true"27. />28. <Button29. android:id="+id/editbutton0"30. android:layout_width="fill_parent"31. android:layout_height="wrap_content"32. android:text="确定"33. />34. </LinearLayout>6.单项选择使用RadioG

30、roup包住若干个RadioButton来实现单项选择。监听每一个RadioGroup就可以知道那个单选组中的第一个ID被按下。viewplaincopytoclipboardprint?1. publicclassRadioActivityextendsActivity2.3. ContextmContext=null;4. Override5. protectedvoidonCreate(BundlesavedInstanceState)6. setContentView(R.layout.radioview);7. mContext=this;8. /单选组(只有在一个组中的按钮可以单选

31、)9. RadioGroupradioGroup=(RadioGroup)findViewById(R.id.radion0);10.11. /单选按钮(第一组)12. finalRadioButtonradioButton0=(RadioButton)findViewById(R.id.radionButtonO);13. finalRadioButtonradioButton1=(RadioButton)findViewById(R.id.radionButton1);14. finalRadioButtonradioButton2=(RadioButton)findViewById(R.

32、id.radionButton2);15.16. radioGroup.setOnCheckedChangeListener(newOnCheckedChangeListener()17.18. Override19. publicvoidonCheckedChanged(RadioGrouparg0,intcheckID)20. if(radioButton0.getId()=checkID)21. Toast.makeText(RadioActivity.this,"您选中了第一组"+radioButton0.getText(),Toast.LENGTH_LONG).s

33、how();22. elseif(radioButton1.getId()=checkID)23. Toast.makeText(RadioActivity.this,"您选中了第一组"+radioButton1.getText(),Toast.LENGTH_LONG).show();24. elseif(radioButton2.getId()=checkID)25. Toast.makeText(RadioActivity.this,"您选中了第一组"+radioButton2.getText(),Toast.LENGTH_LONG).show();

34、26. 27. 28. );29.30. RadioGroupradioGroup0=(RadioGroup)findViewById(R.id.radion1);31.33. finalRadioButtonradioButton3=(RadioButton)findViewById(R.id.radionButton3);34. finalRadioButtonradioButton4=(RadioButton)findViewById(R.id.radionButton4);35. finalRadioButtonradioButton5=(RadioButton)findViewByI

35、d(R.id.radionButton5);36.37. radioGroup0.setOnCheckedChangeListener(newOnCheckedChangeListener()38.39. Override40. publicvoidonCheckedChanged(RadioGrouparg0,intcheckID)41. if(radioButton3.getId()=checkID)42. Toast.makeText(RadioActivity.this,"您选中了第二组"+radioButton3.getText(),Toast.LENGTH_LO

36、NG).show();43. elseif(radioButton4.getId()=checkID)44. Toast.makeText(RadioActivity.this,"您选中了第二组"+radioButton4.getText(),Toast.LENGTH_LONG).show();45. elseif(radioButton5.getId()=checkID)46. Toast.makeText(RadioActivity.this,"您选中了第二组"+radioButton5.getText(),Toast.LENGTH_LONG).sh

37、ow();47. 48. 49. );50. super.onCreate(savedInstanceState);51. 52. viewplaincopytoclipboardprint?1.<?xmlversion="1.0"encoding="utf-8"?>2.<LinearLayoutxmlns:android="res/android"3.android:orientation="vertical"android:layout_width="fill_parent4.and

38、roid:layout_height="fill_parent">5.<TextViewandroid:layout_width="fill_parent"6.android:layout_height="wrap_content"7.android:textC010r="#000000"8.android:textSize="18dip"9.android:background="#00FF00"10.android:text="单项选择测试第一组&q

39、uot;11.android:gravity="center_vertical|center_horizontal"12./>13.<RadioGroup14.android:id="+id/radion0”15.android:layout_width="fill_parent"16.android:layout_height="wrap_content">17.<RadioButton18.android:id="+id/radionButton0"19.android:lay

40、out_width="fill_parent"20.android:layout_height="wrap_content"21.android:text="item0"22./>23.<RadioButton25. android:layout_width="fill_parent"26. android:layout_height="wrap_content"27. android:text="item1"28. />29. <RadioButto

41、n30. android:id="+id/radionButton2"31. android:layout_width="fill_parent"32. android:layout_height="wrap_content"33. android:text="item2"34. />35. </RadioGroup>36.37. <TextViewandroid:layout_width="fill_parent"38. android:layout_height=&q

42、uot;wrap_content"39. android:textC010r="#000000"40. android:textSize="18dip"41. android:background="#00FF00"42. android:text="单项选择测试第二组"43. android:gravity="center_vertical|center_horizontal"44. />45. <RadioGroup46. android:id="+id/ra

43、dion1"47. android:layout_width="fill_parent"48. android:layout_height="wrap_content">49. <RadioButton50. android:id="+id/radionButton3"51. android:layout_width="fill_parent"52. android:layout_height="wrap_content"53. android:text="ite

44、m3"54. />55. <RadioButton57.android:layout_width="fill_parent"58. android:layout_height="wrap_content"59. android:text="item4”60. />61. <RadioButton62. android:id="+id/radionButton5"63. android:layout_width="fill_parent"64. android:layout

45、_height="wrap_content"65. android:text="item5”66. />67. </RadioGroup>68. </LinearLayout>7.多项选择的点击事使用系统控件Checkbox监听每一个checkbox件就可以确定那几个选项被选择了。丽镉触兹下午4:19您选中了Itemlviewplaincopytoclipboardprint?1. publicclassCheckboxActivityextendsActivity2.3. /用来储存选中的内容4. ArrayList<Stri

46、ng>item=newArrayList<String>();5.6. Override7. protectedvoidonCreate(BundlesavedInstanceState)8. setContentView(R.layout.checkboxview);9.10. CheckBoxcheckbox0=(CheckBox)findViewByld(R.id.checkboxview0);11. CheckBoxcheckbox1=(CheckBox)findViewById(R.id.checkboxview1);12. CheckBoxcheckbox2=(C

47、heckBox)findViewById(R.id.checkboxview2);13. CheckBoxcheckbox3=(CheckBox)findViewById(R.id.checkboxview3);14. Buttonbutton=(Button)findViewById(R.id.checkboxbutton);15. /对checkbox进行监听16. checkbox0.setOnCheckedChangeListener(newOnCheckedChangeListener()17.18. Override19. publicvoidonCheckedChanged(Co

48、mpoundButtonbutton,booleanarg1)20. Stringstr=button.getText().toString();21. if(button.isChecked()22. item.add(str);23. else24. item.remove(str);25. 26.27. 28. );29.30. checkbox1.setOnCheckedChangeListener(newOnCheckedChangeListener()31.32. Override33. publicvoidonCheckedChanged(CompoundButtonbutton

49、,booleanarg1)34. Stringstr=button.getText().toString();35. if(button.isChecked()36. item.add(str);37. else38. item.remove(str);39. 40.41. 42. );43. checkbox2.setOnCheckedChangeListener(newOnCheckedChangeListener()44.45. Override46. publicvoidonCheckedChanged(CompoundButtonbutton,booleanarg1)47. Stri

50、ngstr=button.getText().toString();48. if(button.isChecked()49. item.add(str);50. else51. item.remove(str);52. 53.54. 55. );56. checkbox3.setOnCheckedChangeListener(newOnCheckedChangeListener()57.58. Override59. publicvoidonCheckedChanged(CompoundButtonbutton,booleanarg1)60. Stringstr=button.getText().toString();61. if(button.isChecked()62. item.add(str);63. else64. item.remove(str);65. 66.67. 68. );69.70. button.setOnClickListener(newOnClickListener()71.72. Override73. publicvoidonClick(Viewarg0)74. Stringstr=item.toString();75. Toast.makeText(Chec