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

晨曦之光 发布于 2012/03/07 11:50
阅读 566
收藏 0
常用系统控件界面大合集



雨松MOMO原创文章如转载,请注明:转载自雨松MOMO的博客原文地址:http://blog.csdn.net/xys289187120/article/details/6613004






雨松MOMO带大家盘点Android 开发中的一些常用系统控件的简单用法


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






1.文本框TextView

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





public class TextViewActivity extends Activity {
    @Override
    protected 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);
    }
}

<?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.网页框WebView


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




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);
    }
}

<?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菜单。





public class MenuActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
	setContentView(R.layout.menuview);
	super.onCreate(savedInstanceState);
    }

    @Override
    public 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);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
	Dialog(item.getItemId());
	return super.onOptionsItemSelected(item);
    }

    private void Dialog(int message) {
	new AlertDialog.Builder(this).setMessage(
		"您单击第【" + message + "】项Menu菜单项.").show();
    }
}

<?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



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);
    }
}

<?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>

5.编辑框EditView

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




public class EditTextActivity extends Activity {

    Context mContext = null;
    @Override
    protected 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() {
	    
	    @Override
	    public 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);
    }
}

<?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>

6.单项选择

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




public class RadioActivity extends Activity {

    Context mContext = null;
    @Override
    protected 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() {
	    
	    @Override
	    public 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() {
	    
	    @Override
	    public 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);
    }
}

<?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 的点击事件就可以确定那几个选项被选择了。





public class CheckboxActivity extends Activity {

    //用来储存选中的内容
    ArrayList <String>item = new ArrayList<String>();
    
    @Override
    protected 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() {

	    @Override
	    public 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() {

	    @Override
	    public 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() {

	    @Override
	    public 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() {

	    @Override
	    public 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() {
	    
	    @Override
	    public void onClick(View arg0) {
		String str = item.toString();
		 Toast.makeText(CheckboxActivity.this, "您选中了" + str, Toast.LENGTH_LONG).show();
		
	    }
	});
	super.onCreate(savedInstanceState);
    }
}


<?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://download.csdn.net/source/3449861


原文链接:http://blog.csdn.net/xys289187120/article/details/6613004
加载中
返回顶部
顶部