[索引页]
[源码下载]


系出名门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
代码 <? xmlversion="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(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
this .setContentView(R.layout.textview);

// 设置Activity的标题
setTitle( " TextView " );

TextViewtxt = (TextView) this .findViewById(R.id.textView);
// 设置文本显示控件的文本内容，需要换行的话就用“\n”
txt.setText( " 我是TextView\n显示文字用的 " );
}
}


2、Button 的 Demo
button.xml 代码 <? xmlversion="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(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
this .setContentView(R.layout.button);

setTitle( " Button " );

Buttonbtn = (Button) this .findViewById(R.id.button);
btn.setText( " clickme " );

// setOnClickListener()-响应按钮的鼠标单击事件
btn.setOnClickListener( new Button.OnClickListener(){
@Override
public void onClick(Viewv){
TextViewtxt = (TextView)_Button. this .findViewById(R.id.textView);
txt.setText( " 按钮被单击了 " );
}
});
}
}


3、ImageButton 的 Demo
imagebutton.xml
代码 <? xmlversion="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(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
this .setContentView(R.layout.imagebutton);

setTitle( " ImageButton " );

ImageButtonimgButton = (ImageButton) this .findViewById(R.id.imageButton);
// 设置图片按钮的背景
imgButton.setBackgroundResource(R.drawable.icon01);

// setOnClickListener()-响应图片按钮的鼠标单击事件
imgButton.setOnClickListener( new Button.OnClickListener(){
@Override
public void onClick(Viewv){
TextViewtxt = (TextView)_ImageButton. this .findViewById(R.id.textView);
txt.setText( " 图片按钮被单击了 " );
}
});
}
}


4、ImageView 的 Demo
imageview.xml
代码 <? xmlversion="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(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
this .setContentView(R.layout.imageview);

setTitle( " ImageView " );

ImageViewimgView = (ImageView) this .findViewById(R.id.imageView);
// 指定需要显示的图片
imgView.setBackgroundResource(R.drawable.icon01);
}
}


5、CheckBox 的 Demo
checkbox.xml
代码 <? xmlversion="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(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
this .setContentView(R.layout.checkbox);

setTitle( " CheckBox " );

CheckBoxchk = (CheckBox) this .findViewById(R.id.chk1);
// setOnCheckedChangeListener()-响应复选框的选中状态改变事件
chk.setOnCheckedChangeListener( new CompoundButton.OnCheckedChangeListener(){
@Override
public void onCheckedChanged(CompoundButtonbuttonView, boolean isChecked){
TextViewtxt = (TextView)_CheckBox. this .findViewById(R.id.textView);
txt.setText( " CheckBox01的选中状态： " + String.valueOf(isChecked));
}
});
}
}


6、RadioButton 的 Demo
radiobutton.xml
代码 <? xmlversion="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(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
this .setContentView(R.layout.radiobutton);

setTitle( " RadioButton " );

RadioGroupgroup = (RadioGroup) this .findViewById(R.id.radioGroup);
// setOnCheckedChangeListener()-响应单选框组内的选中项发生变化时的事件
group.setOnCheckedChangeListener( new RadioGroup.OnCheckedChangeListener(){
@Override
public void onCheckedChanged(RadioGroupgroup, int checkedId){
TextViewtxt = (TextView)_RadioButton. this .findViewById(R.id.textView);
txt.setText(((RadioButton)findViewById(checkedId)).getText() + " 被选中 " );
}
});
}
}


7、AnalogClock 的 Demo
analogclock.xml
代码 <? xmlversion="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(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
this .setContentView(R.layout.analogclcok);

setTitle( " AnalogClock " );
}
}


8、DigitalClock 的 Demo
digitalclock.xml
代码 <? xmlversion="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(BundlesavedInstanceState){
// TODOAuto-generatedmethodstub
super .onCreate(savedInstanceState);
this .setContentView(R.layout.digitalclcok);

setTitle( " DigitalClcok " );
}
}


OK
[源码下载]

更多相关文章

1. Android——一个简单的银行系统
2. android frida 检测_Android逆向之hook框架frida篇
3. Android开发新选择：Kotlin
4. 关于CheckBox样式问题
5. Android(安卓)Studio 实现实现学生信息的增删改查 -源代码 四（Ser
6. android 静默安装
7. Android学习笔记35——ProgressBar进度控件详解
8. 剖析Android(安卓)线性布局中的权重（layout_weight）(解答疑惑)
9. android访问远程数据库

随机推荐

1. Android之如何使用junit
2. Android如何使用selector设置RelativeLay
3. Android的数据存储方式
4. Android(安卓)max17044平台驱动注册
5. Android中内容观察者的使用---- ContentO
6. Android(安卓)Glide设置图片圆角，亲测有效
7. Android三种实现定时器的方法
8. android listView 滚动加载显示
9. android 获得 View
10. Android实现简单计算器源码