在 Android 中使用各种控件(View)

来源:互联网 发布:遍历所有子节点 js 编辑:程序博客网 时间:2024/05/22 12:55

 TextView -文本显示控件

 Button -按钮控件

 ImageButton -图片按钮控件

 ImageView -图片显示控件

 CheckBox -复选框控件

 RadioButton -单选框控件

 AnalogClock -钟表(带表盘的那种)控件

 DigitalClock -电子表控件

 

1TextView Demo

 textview.xml 代码

 < ?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 - 文本显示控件  -->  < TextView android:layout_width="fill_parent"  android:layout_height="wrap_content" android:id="@+id/textView" />  < /LinearLayout>

 _TextView.Java代码


 package com.webabcd.view;  import android.app.Activity;  import android.os.Bundle;  import android.widget.TextView;  public class _TextView extends Activity {  @Override  protected void onCreate(Bundle savedInstanceState) {  // TODO Auto-generated method stub  super.onCreate(savedInstanceState);  this.setContentView(R.layout.textview);  // 设置 Activity 的标题  setTitle("TextView");  TextView txt = (TextView) this.findViewById(R.id.textView);  // 设置文本显示控件的文本内容,需要换行的话就用“ ”  txt.setText("我是 TextView 显示文字用的");  }  }


 

 2Button Demo

  button.xml代码

 
< ?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:id="@+id/textView" />  < !--  Button - 按钮控件  -->  < Button android:id="@+id/button"  android:layout_width="wrap_content" android:layout_height="wrap_content">  < /Button>  < /LinearLayout>


 

  _Button.java代码

 

 package com.webabcd.view;  import android.app.Activity;  import android.os.Bundle;  import android.view.View;  import android.widget.Button;  import android.widget.TextView;  public class _Button extends Activity {  @Override  protected void onCreate(Bundle savedInstanceState) {  // TODO Auto-generated method stub  super.onCreate(savedInstanceState);  this.setContentView(R.layout.button);  setTitle("Button");  Button btn = (Button) this.findViewById(R.id.button);  btn.setText("click me");  // setOnClickListener() - 响应按钮的鼠标单击事件  btn.setOnClickListener(new Button.OnClickListener(){  @Override  public void onClick(View v) {  TextView txt = (TextView) _Button.this.findViewById(R.id.textView);  txt.setText("按钮被单击了");  }  });  }  }

 3ImageButton Demo

 

 imagebutton.xml 代码

 < ?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:id="@+id/textView" />      < !--  ImageButton - 图片按钮控件  -->  < ImageButton android:id="@+id/imageButton"  android:layout_width="wrap_content" android:layout_height="wrap_content">  < /ImageButton>  < /LinearLayout>  _ImageButton.java


 代码:

 package com.webabcd.view;  import android.app.Activity;  import android.os.Bundle;  import android.view.View;  import android.widget.Button;  import android.widget.ImageButton;  import android.widget.TextView;  public class _ImageButton extends Activity {  @Override  protected void onCreate(Bundle savedInstanceState) {  // TODO Auto-generated method stub  super.onCreate(savedInstanceState);  this.setContentView(R.layout.imagebutton);  setTitle("ImageButton");  ImageButton imgButton = (ImageButton) this.findViewById(R.id.imageButton);  // 设置图片按钮的背景  imgButton.setBackgroundResource(R.drawable.icon01);  // setOnClickListener() - 响应图片按钮的鼠标单击事件  imgButton.setOnClickListener(new Button.OnClickListener(){  @Override  public void onClick(View v) {  TextView txt = (TextView) _ImageButton.this.findViewById(R.id.textView);  txt.setText("图片按钮被单击了");  }  });  }  }


 

 4ImageView Demo

 

 imageview.xml代码

< ?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">  < !--  ImageView - 图片显示控件  -->  < ImageView android:id="@+id/imageView"        android:layout_width="wrap_content"  android:layout_height="wrap_content">< /ImageView>  < /LinearLayout>


 

 _ImageView.java

 package com.webabcd.view;  import android.app.Activity;  import android.os.Bundle;  import android.widget.ImageView;  public class _ImageView extends Activity {  @Override  protected void onCreate(Bundle savedInstanceState) {  // TODO Auto-generated method stub  super.onCreate(savedInstanceState);  this.setContentView(R.layout.imageview);  setTitle("ImageView");  ImageView imgView = (ImageView) this.findViewById(R.id.imageView);  // 指定需要显示的图片  imgView.setBackgroundResource(R.drawable.icon01);  }  }


5CheckBox Demo

 checkbox.xml

 < ?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:id="@+id/textView" />  < !--  CheckBox - 复选框控件  -->  < CheckBox android:text="CheckBox01" android:id="@+id/chk1"  android:layout_width="wrap_content" android:layout_height="wrap_content">< /CheckBox>  < CheckBox android:text="CheckBox02" android:id="@+id/chk2"  android:layout_width="wrap_content" android:layout_height="wrap_content">< /CheckBox>  < CheckBox android:text="CheckBox03" android:id="@+id/chk3"  android:layout_width="wrap_content" android:layout_height="wrap_content">< /CheckBox>       < /LinearLayout>


 

 _CheckBox.java代码

package com.webabcd.view;  import android.app.Activity;  import android.os.Bundle;  import android.widget.CheckBox;  import android.widget.CompoundButton;  import android.widget.TextView;  public class _CheckBox extends Activity {  @Override  protected void onCreate(Bundle savedInstanceState) {  // TODO Auto-generated method stub  super.onCreate(savedInstanceState);  this.setContentView(R.layout.checkbox);  setTitle("CheckBox");  CheckBox chk = (CheckBox) this.findViewById(R.id.chk1);  // setOnCheckedChangeListener() - 响应复选框的选中状态改变事件  chk.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {  @Override  public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {  TextView txt = (TextView) _CheckBox.this.findViewById(R.id.textView);  txt.setText("CheckBox01 的选中状态:" + String.valueOf(isChecked));  }  });  }  }


 6、RadioButton 的 Demo

 radiobutton.xml代码

 < ?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:id="@+id/textView" />  < !--  RadioButton - 单选框控件  RadioGroup - 对其内的单选框控件做分组  checkedButton - 指定组内被选中的单选框的 ID  -->  < RadioGroup android:id="@+id/radioGroup"  android:layout_width="fill_parent" android:layout_height="fill_parent"       android:checkedButton="@+id/rad3" android:orientation="horizontal"  android:gravity="center_vertical|center_horizontal">  < RadioButton android:text="rad1" android:id="@+id/rad1"  android:layout_width="wrap_content" android:layout_height="wrap_content">< /RadioButton>  < RadioButton android:text="rad2" android:id="@+id/rad2"  android:layout_width="wrap_content" android:layout_height="wrap_content">< /RadioButton>  < RadioButton android:text="rad3" android:id="@+id/rad3"  android:layout_width="wrap_content" android:layout_height="wrap_content">< /RadioButton>  < /RadioGroup>  < /LinearLayout>

 _RadioButton.java代码

 

package com.webabcd.view;  import android.app.Activity;  import android.os.Bundle;  import android.widget.RadioButton;  import android.widget.RadioGroup;  import android.widget.TextView;  public class _RadioButton extends Activity {  @Override  protected void onCreate(Bundle savedInstanceState) {  // TODO Auto-generated method stub  super.onCreate(savedInstanceState);  this.setContentView(R.layout.radiobutton);  setTitle("RadioButton");  RadioGroup group = (RadioGroup) this.findViewById(R.id.radioGroup);  // setOnCheckedChangeListener() - 响应单选框组内的选中项发生变化时的事件  group.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {  @Override  public void onCheckedChanged(RadioGroup group, int checkedId) {  TextView txt = (TextView) _RadioButton.this.findViewById(R.id.textView);  txt.setText(((RadioButton)findViewById(checkedId)).getText() + " 被选中");  }  });  }  }


 7、AnalogClock 的 Demo

analogclock.xml代码

 < ?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">  < !--  AnalogClock - 钟表(带表盘的那种)控件  -->  < AnalogClock android:id="@+id/analogClock"  android:layout_width="wrap_content" android:layout_height="wrap_content">  < /AnalogClock>  < /LinearLayout>

 _AnalogClock.java代码

 

 package com.webabcd.view;  import android.app.Activity;  import android.os.Bundle;  public class _AnalogClock extends Activity {  @Override  protected void onCreate(Bundle savedInstanceState) {  // TODO Auto-generated method stub  super.onCreate(savedInstanceState);  this.setContentView(R.layout.analogclcok);  setTitle("AnalogClock");  }  }

 

 8DigitalClock Demo

 

digitalclock.xml代码

 < ?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">  < !--  DigitalClock - 电子表控件  -->  < DigitalClock android:id="@+id/digitalClock"  android:layout_width="wrap_content" android:layout_height="wrap_content">  < /DigitalClock>  < /LinearLayout>

 _DigitalClock.java代码

 

 package com.webabcd.view;  import android.app.Activity;  import android.os.Bundle;  public class _DigitalClock extends Activity {@Override  protected void onCreate(Bundle savedInstanceState) {  // TODO Auto-generated method stub  super.onCreate(savedInstanceState);  this.setContentView(R.layout.digitalclcok);  setTitle("DigitalClcok");  }  }