首页 > Android频道 > 【Android研究院之应用开发】 > Android研究院之应用程序系统控件界面（三）
2012
04-25

Android研究院之应用程序系统控件界面（三）

雨松MOMO带大家盘点Android 开发中的一些常用系统控件的简单用法今天我用自己写的一个Demo 和大家详细介绍一个Android开发中遇到的一些常用系统控件的使用技巧。Android研究院之应用程序系统控件界面（三） - 雨松MOMO程序研究院 - 11.文本框TextViewTextView的作用是用来显示一个文本框，下面我用两种方式为大家呈现TextView， 第一种是通过xml布局文件呈现 ，第二种是通过代码来呈现，由此可见Android 的界面开发真的是非常灵活。Android研究院之应用程序系统控件界面（三） - 雨松MOMO程序研究院 - 2 

C#
1
2
3
 
public class TextViewActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {setContentView(R.layout.textview);LinearLayout ll = (LinearLayout) findViewById(R.id.textviewll);TextView textView = new TextView(this);//设置显示文字textView.setText("从代码中添加一个TextView");//设置显示颜色textView.setTextColor(Color.WHITE);//设置显示字体大小textView.setTextSize(18);//设置显示背景颜色textView.setBackgroundColor(Color.BLUE);//设置锚点位置textView.setGravity(Gravity.CENTER_VERTICAL¦Gravity.CENTER_HORIZONTAL);//把这个view加入到布局当中ll.addView(textView);super.onCreate(savedInstanceState);}}
 

 

C#
1
2
3
 
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/textviewll" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:id="@+id/textView0"           android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:textColor="#000000"   android:textSize="18dip"   android:background="#00FF00"       android:text="@string/textView"       android:gravity="center_vertical¦center_horizontal"       /></LinearLayout>
 

  2.网页框WebViewWebView可以实现 类似web的网页 的系统控件 最主要的是可以使用html代码，如访问网页等。Android研究院之应用程序系统控件界面（三） - 雨松MOMO程序研究院 - 3Android研究院之应用程序系统控件界面（三） - 雨松MOMO程序研究院 - 4

C#
1
2
3
 
public class WebViewActivity extends Activity {    WebView webView = null;    static final String MIME_TYPE = "text/html";    static final String ENCODING = "utf-8";    @Override    protected void onCreate(Bundle savedInstanceState) { setContentView(R.layout.webview); webView = (WebView) findViewById(R.id.webview); webView.loadDataWithBaseURL(null,"<a href='http://blog.csdn.net/xys289187120'>欢迎访问雨松MOMO的博客</a>", MIME_TYPE, ENCODING, null); super.onCreate(savedInstanceState);    }}
 

 

C#
1
2
3
 
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/textviewll" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:textColor="#000000"   android:textSize="18dip"   android:background="#00FF00"       android:text="网页框WebView测试"       android:gravity="center_vertical¦center_horizontal"       /> <WebView android:id="@+id/webview"             android:layout_height="wrap_content"             android:layout_width="fill_parent"/></LinearLayout>
 

3.Menu菜单Menu菜单在android系统控件中真的很具有特色 点击以后会悬浮出一个菜单在次点击菜单则会消失，今天我只是简单的介绍一下系统的Menu菜单， 其实Menu菜单可以做出非常好看的效果，比如半透明 自定义按钮图片等等，后面我会详细的介绍menu菜单。Android研究院之应用程序系统控件界面（三） - 雨松MOMO程序研究院 - 5Android研究院之应用程序系统控件界面（三） - 雨松MOMO程序研究院 - 6

C#
1
2
3
 
public class MenuActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {setContentView(R.layout.menuview);super.onCreate(savedInstanceState);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {menu.add(0, 0, Menu.NONE, "菜单1").setIcon(R.drawable.icon);menu.add(0, 1, Menu.NONE, "菜单2").setIcon(R.drawable.icon);menu.add(0, 2, Menu.NONE, "菜单3").setIcon(R.drawable.icon);menu.add(0, 3, Menu.NONE, "菜单4").setIcon(R.drawable.icon);menu.add(0, 4, Menu.NONE, "菜单5").setIcon(R.drawable.icon);menu.add(0, 5, Menu.NONE, "菜单6").setIcon(R.drawable.icon);return super.onCreateOptionsMenu(menu);}@Overridepublic boolean onOptionsItemSelected(MenuItem item) {Dialog(item.getItemId());return super.onOptionsItemSelected(item);}private void Dialog(int message) {new AlertDialog.Builder(this).setMessage("您单击第【" + message + "】项Menu菜单项.").show();}}
 

 

C#
1
2
3
 
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:textColor="#000000"   android:textSize="18dip"   android:background="#00FF00"       android:text="Menu菜单测试"       android:gravity="center_vertical¦center_horizontal"       /></LinearLayout>
 

4.按钮Button第一个是绘制系统字的button， 第二个是带图片的button 。Android研究院之应用程序系统控件界面（三） - 雨松MOMO程序研究院 - 7

C#
1
2
3
 
 
 

 

C#
1
2
3
 
public class ButtonActivity extends Activity {    Context mContext = null;    @Override    protected void onCreate(Bundle savedInstanceState) { setContentView(R.layout.buttonview); mContext = this; //普通按钮 Button button0 = (Button)findViewById(R.id.buttonview0); //设置按钮文字颜色 button0.setTextColor(Color.BLUE); //设置按钮文字大小 button0.setTextSize(30); //设置按钮监听 点击事件 button0.setOnClickListener(new OnClickListener() {     @Override     public void onClick(View arg0) { Toast.makeText(ButtonActivity.this, "您点击了‘这是一个按钮’", Toast.LENGTH_LONG).show();     } }); //带图片的按钮 ImageButton button1 = (ImageButton)findViewById(R.id.buttonview1); //设置按钮监听 点击事件 button1.setOnClickListener(new OnClickListener() {     @Override     public void onClick(View arg0) { Toast.makeText(ButtonActivity.this, "您点击了一个带图片的按钮", Toast.LENGTH_LONG).show();     } }); super.onCreate(savedInstanceState);    }}
 

 

C#
1
2
3
 
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:textColor="#000000"   android:textSize="18dip"   android:background="#00FF00"       android:text="Button按钮测试"       android:gravity="center_vertical¦center_horizontal"       />      <Button     android:id="@+id/buttonview0"          android:layout_width="fill_parent" android:layout_height="wrap_content"     android:text="这是一个按钮"     />       <ImageButton     android:id="@+id/buttonview1"          android:layout_width="fill_parent" android:layout_height="wrap_content"     android:src="@drawable/icon"     /></LinearLayout>
 

 

C#
1
2
3
 
 
 

5.编辑框EditView编辑框在实际开发中用到的非常普遍 比如登录 输入账号 密码 等等。Android研究院之应用程序系统控件界面（三） - 雨松MOMO程序研究院 - 8

C#
1
2
3
 
public class EditTextActivity extends Activity {Context mContext = null;@Overrideprotected void onCreate(Bundle savedInstanceState) {setContentView(R.layout.editview);mContext = this;//帐号final EditText editText0 = (EditText)findViewById(R.id.editview0);//密码final EditText editText1 = (EditText)findViewById(R.id.editview1);//确认按钮Button button = (Button)findViewById(R.id.editbutton0);button.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View arg0) {String username = editText0.getText().toString();String password = editText1.getText().toString();Toast.makeText(EditTextActivity.this, "用户名："+username +"密码："+ password, Toast.LENGTH_LONG).show();}});super.onCreate(savedInstanceState);}}
 

 

C#
1
2
3
 
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:textColor="#000000"   android:textSize="18dip"   android:background="#00FF00"       android:text="EditText编辑框测试"       android:gravity="center_vertical¦center_horizontal"       />      <EditText     android:id="@+id/editview0"          android:layout_width="fill_parent" android:layout_height="wrap_content"             android:hint="请输入帐号"             android:phoneNumber="true"     />      <EditText     android:id="@+id/editview1"          android:layout_width="fill_parent" android:layout_height="wrap_content"             android:hint="请输入密码"             android:password="true"     />      <Button     android:id="@+id/editbutton0"          android:layout_width="fill_parent" android:layout_height="wrap_content"     android:text="确定"     /></LinearLayout>
 

 

C#
1
2
3
 
 
 

6.单项选择使用RadioGroup 包住若干个RadioButton 来实现单项选择。监听每一个RadioGroup 就可以知道那个单选组中的第一个ID被按下。Android研究院之应用程序系统控件界面（三） - 雨松MOMO程序研究院 - 9 

C#
1
2
3
 
public class RadioActivity extends Activity {Context mContext = null;@Overrideprotected void onCreate(Bundle savedInstanceState) {setContentView(R.layout.radioview);mContext = this;//单选组(只有在一个组中的按钮可以单选)RadioGroup radioGroup = (RadioGroup)findViewById(R.id.radion0);//单选按钮（第一组）final RadioButton radioButton0 = (RadioButton)findViewById(R.id.radionButton0);final RadioButton radioButton1 = (RadioButton)findViewById(R.id.radionButton1);final RadioButton radioButton2 = (RadioButton)findViewById(R.id.radionButton2);radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(RadioGroup arg0, int checkID) {if(radioButton0.getId() == checkID) {Toast.makeText(RadioActivity.this, "您选中了第一组" + radioButton0.getText(), Toast.LENGTH_LONG).show();}else if(radioButton1.getId() == checkID) {Toast.makeText(RadioActivity.this, "您选中了第一组" + radioButton1.getText(), Toast.LENGTH_LONG).show();}else if(radioButton2.getId() == checkID) {Toast.makeText(RadioActivity.this, "您选中了第一组" + radioButton2.getText(), Toast.LENGTH_LONG).show();}}});RadioGroup radioGroup0 = (RadioGroup)findViewById(R.id.radion1);//单选按钮(第二组)final RadioButton radioButton3 = (RadioButton)findViewById(R.id.radionButton3);final RadioButton radioButton4 = (RadioButton)findViewById(R.id.radionButton4);final RadioButton radioButton5 = (RadioButton)findViewById(R.id.radionButton5);radioGroup0.setOnCheckedChangeListener(new OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(RadioGroup arg0, int checkID) {if(radioButton3.getId() == checkID) {Toast.makeText(RadioActivity.this, "您选中了第二组" + radioButton3.getText(), Toast.LENGTH_LONG).show();}else if(radioButton4.getId() == checkID) {Toast.makeText(RadioActivity.this, "您选中了第二组" + radioButton4.getText(), Toast.LENGTH_LONG).show();}else if(radioButton5.getId() == checkID) {Toast.makeText(RadioActivity.this, "您选中了第二组" + radioButton5.getText(), Toast.LENGTH_LONG).show();}}});super.onCreate(savedInstanceState);}}
 

 

C#
1
2
3
 
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:textColor="#000000"   android:textSize="18dip"   android:background="#00FF00"       android:text="单项选择测试第一组"       android:gravity="center_vertical¦center_horizontal"       />    <RadioGroup              android:id="@+id/radion0"   android:layout_width="fill_parent"   android:layout_height="wrap_content" >    <RadioButton     android:id="@+id/radionButton0"   android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:text="item0"    />     <RadioButton     android:id="@+id/radionButton1"   android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:text="item1"    />     <RadioButton     android:id="@+id/radionButton2"   android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:text="item2"    />    </RadioGroup> <TextView android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:textColor="#000000"   android:textSize="18dip"   android:background="#00FF00"       android:text="单项选择测试第二组"       android:gravity="center_vertical¦center_horizontal"       />    <RadioGroup              android:id="@+id/radion1"   android:layout_width="fill_parent"   android:layout_height="wrap_content" >    <RadioButton     android:id="@+id/radionButton3"   android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:text="item3"    />     <RadioButton     android:id="@+id/radionButton4"   android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:text="item4"    />     <RadioButton     android:id="@+id/radionButton5"   android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:text="item5"    />    </RadioGroup></LinearLayout>
 

  7.多项选择使用系统控件Checkbox 监听每一个checkbox 的点击事件就可以确定那几个选项被选择了。Android研究院之应用程序系统控件界面（三） - 雨松MOMO程序研究院 - 10

C#
1
2
3
 
public class CheckboxActivity extends Activity {//用来储存选中的内容ArrayListitem = new ArrayList();@Overrideprotected void onCreate(Bundle savedInstanceState) {setContentView(R.layout.checkboxview);CheckBox checkbox0 = (CheckBox)findViewById(R.id.checkboxview0);CheckBox checkbox1 = (CheckBox)findViewById(R.id.checkboxview1);CheckBox checkbox2 = (CheckBox)findViewById(R.id.checkboxview2);CheckBox checkbox3 = (CheckBox)findViewById(R.id.checkboxview3);Button button = (Button)findViewById(R.id.checkboxbutton);//对checkbox进行监听checkbox0.setOnCheckedChangeListener(new OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(CompoundButton button, boolean arg1) {String str = button.getText().toString();if (button.isChecked()) {item.add(str);} else {item.remove(str);}}});checkbox1.setOnCheckedChangeListener(new OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(CompoundButton button, boolean arg1) {String str = button.getText().toString();if (button.isChecked()) {item.add(str);} else {item.remove(str);}}});checkbox2.setOnCheckedChangeListener(new OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(CompoundButton button, boolean arg1) {String str = button.getText().toString();if (button.isChecked()) {item.add(str);} else {item.remove(str);}}});checkbox3.setOnCheckedChangeListener(new OnCheckedChangeListener() {@Overridepublic void onCheckedChanged(CompoundButton button, boolean arg1) {String str = button.getText().toString();if (button.isChecked()) {item.add(str);} else {item.remove(str);}}});button.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View arg0) {String str = item.toString();Toast.makeText(CheckboxActivity.this, "您选中了" + str, Toast.LENGTH_LONG).show();}});super.onCreate(savedInstanceState);}}
 

 

C#
1
2
3
 
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:textColor="#000000"   android:textSize="18dip"   android:background="#00FF00"       android:text="多项选择测试"       android:gravity="center_vertical¦center_horizontal"       />      <CheckBox     android:id="@+id/checkboxview0"          android:layout_width="fill_parent" android:layout_height="wrap_content"     android:text="item0"     />      <CheckBox     android:id="@+id/checkboxview1"          android:layout_width="fill_parent" android:layout_height="wrap_content"     android:text="item1"     />      <CheckBox     android:id="@+id/checkboxview2"          android:layout_width="fill_parent" android:layout_height="wrap_content"     android:text="item2"     />      <CheckBox     android:id="@+id/checkboxview3"          android:layout_width="fill_parent" android:layout_height="wrap_content"     android:text="item3"     />      <Button     android:id="@+id/checkboxbutton"          android:layout_width="fill_parent" android:layout_height="wrap_content"     android:text="确定"     /></LinearLayout>
 

最后如果你还是觉得我写的不够详细 看的不够爽 不要紧我把源代码的下载地址贴出来 欢迎大家一起讨论学习雨松MOMO希望可以和大家一起进步。下载地址：http://vdisk.weibo.com/s/a9j6e

最后编辑：
作者：雨松MOMO
专注移动互联网，Unity3D游戏开发
站内专栏 QQ交谈 腾讯微博 新浪微博
捐 赠写博客不易，如果您想请我喝一杯星巴克的话？就进来看吧!

您可能还会对这些文章感兴趣！

《Android研究院之应用程序系统控件界面（三）》有 19 条评论

  1. lt1973168 说：
    2014 年 9 月 27 日下午 5:27

    无私奉献，神人。

    回复
  2. nya smsl?n 说：
    2014 年 2 月 27 日下午 10:30

    nya smsl?n…

    snabblan 10000…

    回复
  3. www 说：
    2014 年 2 月 15 日下午 12:22

    http://www...

    android研究院之应用程废系统枧件畜面?三? – 雨松momo程废研究院…

    回复
  4. l??na pengar 说：
    2014 年 2 月 11 日上午 12:16

    l??na pengar…

    billigaste sms lan…

    回复
  5. lana pengar snabbt med betalningsanm?rkning 说：
    2014 年 2 月 6 日上午 10:39

    lana pengar snabbt med betalningsanm?rkning…

    smslana…

    回复
  6. 彼岸荼蘼_花非花 说：
    2012 年 8 月 22 日上午 7:52

    都是一些基础性的东西 例子狠好！谢谢

    回复

留下一个回复

你的email不会被公开。