系出名门Android(5) – 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox

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

[索引页]

[源码下载]

点击链接下载Android
大小 : 1.95 MB
下载次数 : 0

系出名门Android(5) – 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox, RadioButton, AnalogClock, DigitalClock

作者：webabcd

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

• TextView - 文本显示控件
• Button - 按钮控件
• ImageButton - 图片按钮控件
• ImageView - 图片显示控件
• CheckBox - 复选框控件
• RadioButton - 单选框控件
• AnalogClock - 钟表（带表盘的那种）控件
• DigitalClock - 电子表控件

1、TextView 的 Demo
textview.xml

123456789101112

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

12345678910111213141516171819202122

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);                 // 设置文本显示控件的文本内容，需要换行的话就用“/n”                 txt.setText("我是 TextView/n显示文字用的");         } }

2、Button 的 Demo
button.xml

12345678910111213141516

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

12345678910111213141516171819202122232425262728293031

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("按钮被单击了");                         }                 });         } }

3、ImageButton 的 Demo
imagebutton.xml

12345678910111213141516

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

123456789101112131415161718192021222324252627282930313233

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("图片按钮被单击了");                         }                 });         } }

4、ImageView 的 Demo
imageview.xml

123456789101112

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

123456789101112131415161718192021

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

5、CheckBox 的 Demo
checkbox.xml

12345678910111213141516171819

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

1234567891011121314151617181920212223242526272829

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

1234567891011121314151617181920212223242526

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

1234567891011121314151617181920212223242526272829

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

12345678910111213

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

12345678910111213141516

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

8、DigitalClock 的 Demo
digitalclock.xml

12345678910111213

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

12345678910111213141516

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

OK

本文出自 “webabcd” 博客，请务必保留此出处http://webabcd.blog.51cto.com/1787395/342055

转载编辑： flysolo

转载地址：http://disanji.net/2010/12/26/famous-android-5-view-textview-button-imagebutton-imageview-checkbox/