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

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。 http://xys289187120.blog.51cto.com/3361352/657555

雨松MOMO带大家盘点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);  
  5.       
  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);  
  20.       
  21.     super.onCreate(savedInstanceState);  
  22.     }  
   
   
  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";  
  5.       
  6.       
  7.     @Override  
  8.     protected void onCreate(Bundle savedInstanceState) {  
  9.     setContentView(R.layout.webview);  
  10.       
  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.     }  
   
   
  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 {  
  2.  
  3.     @Override  
  4.     protected void onCreate(Bundle savedInstanceState) {  
  5.     setContentView(R.layout.menuview);  
  6.     super.onCreate(savedInstanceState);  
  7.     }  
  8.  
  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.     }  
  19.  
  20.     @Override  
  21.     public boolean onOptionsItemSelected(MenuItem item) {  
  22.     Dialog(item.getItemId());  
  23.     return super.onOptionsItemSelected(item);  
  24.     }  
  25.  
  26.     private void Dialog(int message) {  
  27.     new AlertDialog.Builder(this).setMessage(  
  28.         "您单击第【" + message + "】项Menu菜单项.").show();  
  29.     }  
   
   
  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 {  
  2.  
  3.     Context mContext = null;  
  4.     @Override  
  5.     protected void onCreate(Bundle savedInstanceState) {  
  6.     setContentView(R.layout.buttonview);  
  7.     mContext = this;  
  8.  
  9.     //普通按钮  
  10.     Button button0 = (Button)findViewById(R.id.buttonview0);  
  11.       
  12.     //设置按钮文字颜色  
  13.     button0.setTextColor(Color.BLUE);  
  14.     //设置按钮文字大小  
  15.     button0.setTextSize(30);  
  16.       
  17.     //设置按钮监听 点击事件  
  18.     button0.setOnClickListener(new OnClickListener() {  
  19.           
  20.         @Override  
  21.         public void onClick(View arg0) {  
  22.         Toast.makeText(ButtonActivity.this, "您点击了‘这是一个按钮’", Toast.LENGTH_LONG).show();  
  23.           
  24.         }  
  25.     });  
  26.       
  27.     //带图片的按钮  
  28.     ImageButton button1 = (ImageButton)findViewById(R.id.buttonview1);  
  29.     //设置按钮监听 点击事件  
  30.     button1.setOnClickListener(new OnClickListener() {  
  31.           
  32.         @Override  
  33.         public void onClick(View arg0) {  
  34.         Toast.makeText(ButtonActivity.this, "您点击了一个带图片的按钮", Toast.LENGTH_LONG).show();  
  35.           
  36.         }  
  37.     });  
  38.     super.onCreate(savedInstanceState);  
  39.     }  
   
   
  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 {  
  2.  
  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);  
  12.       
  13.     //确认按钮  
  14.     Button button = (Button)findViewById(R.id.editbutton0);  
  15.       
  16.     button.setOnClickListener(new OnClickListener() {  
  17.           
  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.     }  
   
   
  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.              /> 
  20.                
  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 {  
  2.  
  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);  
  10.       
  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);  
  15.       
  16.     radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {  
  17.           
  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.     });  
  29.       
  30.     RadioGroup radioGroup0 = (RadioGroup)findViewById(R.id.radion1);  
  31.       
  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);  
  36.       
  37.     radioGroup0.setOnCheckedChangeListener(new OnCheckedChangeListener() {  
  38.           
  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.     }  
   
   
  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> 
  36.  
  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 {  
  2.  
  3.     //用来储存选中的内容  
  4.     ArrayList <String>item = new ArrayList<String>();  
  5.       
  6.     @Override  
  7.     protected void onCreate(Bundle savedInstanceState) {  
  8.     setContentView(R.layout.checkboxview);  
  9.       
  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() {  
  17.  
  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.         }  
  26.  
  27.         }  
  28.     });  
  29.       
  30.     checkbox1.setOnCheckedChangeListener(new OnCheckedChangeListener() {  
  31.  
  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.         }  
  40.  
  41.         }  
  42.     });   
  43.     checkbox2.setOnCheckedChangeListener(new OnCheckedChangeListener() {  
  44.  
  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.         }  
  53.  
  54.         }  
  55.     });  
  56.     checkbox3.setOnCheckedChangeListener(new OnCheckedChangeListener() {  
  57.  
  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.         }  
  66.  
  67.         }  
  68.     });  
  69.       
  70.     button.setOnClickListener(new  OnClickListener() {  
  71.           
  72.         @Override  
  73.         public void onClick(View arg0) {  
  74.         String str = item.toString();  
  75.          Toast.makeText(CheckboxActivity.this, "您选中了" + str, Toast.LENGTH_LONG).show();  
  76.           
  77.         }  
  78.     });  
  79.     super.onCreate(savedInstanceState);  
  80.     }  

 
   
   
  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> 
最后如果你还是觉得我写的不够详细 看的不够爽 不要紧我把源代码的下载地址贴出来 欢迎大家一起讨论学习
雨松MOMO希望可以和大家一起进步。

下载地址:
http://download.csdn.net/source/3449861

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值