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

最新推荐文章于 2024-07-17 15:04:58 发布
最新推荐文章于 2024-07-17 15:04:58 发布
阅读量1k 收藏
点赞数
分类专栏： android2.2 文章标签： android button layout radiobutton import encoding

原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。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

1
2
3
4
5
6
7
8
9
10
11
12

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

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

1
2
3
4
5
6
7
8
9
10
11
12

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

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

1
2
3
4
5
6
7
8
9
10
11
12
13

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

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

1
2
3
4
5
6
7
8
9
10
11
12
13

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

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/
wylwhd
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
实验二-Android基本控件应用.docx
12-18
按钮控件是 Android 中最常用的控件之一，包括 Button 和 ImageButton 两种。Button 控件继承自 TextView 类，用于实现简单的按钮功能。ImageButton 控件继承自 ImageView，用于显示图片按钮。 状态开关按钮...
android开发之控件一
04-02
本篇将详细介绍几个基础且常用的Android控件，包括Button、TextView、EditText、CheckBox、RadioButton、ImageButton、ToggleButton以及ImageView。 **Button**（按钮）是用户触发操作的常见元素。创建Button的步骤...
系出名门Android(5) - 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox
oLengYanKanFanHua的专栏
01-17 1613
原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://webabcd.blog.51cto.com/1787395/342055 介绍 在 Android 中使用各种控件(View) TextView - 文本显示控件Button - 按钮控件ImageButton - 图片按钮控件ImageView - 图片显示控件C
系出名门Android(5) - 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox, Ra
Devil不加V
06-13 1200
系出名门Android(5) - 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox, RadioButton, AnalogClock, DigitalClock 作者：webabcd 介绍 在 Android 中使用各种控件(View) TextView - 文本显示控件 Button - 按钮控件
Android - 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox
yellow boy
02-27 1281
介绍在 Android 中使用各种控件(View) TextView - 文本显示控件Button - 按钮控件ImageButton - 图片按钮控件ImageView - 图片显示控件CheckBox - 复选框控件RadioButton - 单选框控件AnalogClock - 钟表（带表盘的那种）控件DigitalClock - 电子表控件 1、TextView 的 Demotextv
Android控件(View)之TextView, Button, ImageButton, ImageView, CheckBox 简单介绍
zeng622peng的专栏
12-06 1324
<br />  <br />介绍<br />　　在 Android 中使用各种控件(View)<br />　　TextView - 文本显示控件<br />　　Button - 按钮控件<br />　　ImageButton - 图片按钮控件<br />　　ImageView - 图片显示控件<br />　　CheckBox - 复选框控件<br />　　RadioButton - 单选框控件<br />　　AnalogClock - 钟表(带表盘的那种)控件<br />　　DigitalClock -
Android中的基础控件TextView、Button、ImageView、EditText、ProgressBar
木子皿--啥都不会的菜鸟
06-17 1212
文章目录1 Android中的基础控件 1 Android中的基础控件 首先来看一下常用的基础控件（View）： 处理文本内容的View(TextView) 被点击的View（Button） 处理图片内容的View(ImageView) 接收用户信息输入的View（EditText） 进度条类的View(ProgressBar) ...
android button imagebutton 区别,ImageView子控件，ImageButton和ZoomButton使用
weixin_39928099的博客
05-28 359
原标题：ImageView子控件，ImageButton和ZoomButton使用上一期我们学习了ImageView的使用，那么本期来学习ImageView的两个子控件ImageButton和ZoomButton的使用。 一、ImageButton在Android开发中除了使用Button按钮，还可以使用自带图标的按钮，即ImageButton。Button与ImageButton的区别在于，Bu...
Android开发：1-2、UI编程----TextView、EditView、Button、ImageView、ImageButton、CheckBox
千寻瀑
05-20 619
UI编程----文本框（TextView）和编辑框（EditView）
Android应用源码之BOOK看遍所有UI控件.rar
12-17
"Android应用源码之BOOK看遍所有UI控件.rar"这个压缩包很可能是提供了一系列示例代码，涵盖了Android SDK中的各种UI元素。通过分析这些源码，开发者可以深入理解每个控件的工作原理，以及如何在实际项目中灵活运用。...
Android 所有控件的使用
03-22
5. **复选框(CheckBox)**和**单选按钮(RadioButton)**：这两种控件常用于提供多选或单选选项，可以组成一个RadioGroup或CheckBoxGroup来管理它们的行为。 6. **切换开关(Switch/ToggleButton)**：Switch提供了开/关...
Android 控件详细介绍.ppt
01-18
android 开发常用到的控件 ,这里做了详细的解释. 文本控件 TextView EditText 按钮控件 Button ImageButton 状态开关按钮 ToggleButton 单选与复选按钮 CheckBox和RadioButton 图片控件 ImageView 时钟控件 ...
【16】Android基础知识之Window(二) - ViewRootImpl
mr_zengkun的博客
07-16 627
ViewRootImpl、WMS、绘制、硬件加速
【Android系统启动】 Android Zygote 进程启动流程源码解析
thirdbro的博客
07-17 693
在 userdebug 版本中，如果 persist.debug.dalvik.vm.jdwp.enabled 为 1，则所有应用均可使用 JDWP 和 ptrace 进行调试。题外话， 之前找zygote源码的时候，本来想直接通过进程名找这个模块的源码，结果发现根本没有zygote这个名字的命令。通过命令查找到对应的进程目录发现，原来的进程的名字当时编译为。通过上面传下来的参数，“com.android.internal.os.ZygoteInit”，可以得知Java层的包名，以此找到Java代码。
【Android】视图与常用控件总结
最新发布
Patrick_yuxuan的博客
07-17 944
属性名描述android:id为视图分配唯一的ID，用于在代码中引用设置视图的宽度设置视图的高度设置视图的外边距设置视图的内边距设置视图在其父视图中的对齐方式（仅适用于ViewGroup的子视图）设置视图内容的对齐方式设置视图的背景颜色或图片设置视图的可见性（visibleinvisiblegone设置视图在线性布局中的权重（仅适用于设置视图是否与父视图的顶部对齐（仅适用于设置视图是否与父视图的底部对齐（仅适用于设置视图是否在父视图中居中（仅适用于设置视图在另一视图的下面（仅适用于。
简单Wordpress小工具开发
地衣君的博客
07-16 1179
记录简单的wordpress小工具开发，以简单的格言打印为例。
Polaris系列-02.启动分析一
suanhengzi的博客
07-16 478
如果环境变量配置了 MYSQL_USER=root, 那么yaml配置内容中${MYSQL_USER} 或者 $MYSQL_USER 解析读取后的内容会被替换成 root。里面有协程，锁，通过time.Ticker任务调度 等设计理念和实战，不了解的值得去好好看看的。即如果环境变量中配置了相应值，会替换yaml配置中的内容，熟悉Java的或者知道正则中的。上图中297行正是添加任务：处理滚动日志，这也好理解：别让一个日志文件太大，定时切割。后续有 初始化存储，启动流程，初始化插件，加载数据等。
请编写代码，实现TextView、Edittext、Button、ImageButton、CheckBox、RadioButton、Spinner和ListView的界面显示，并完成对Button、ImageButton、RadioButton、Spinner和ListView的鼠标监听事件
06-08
在这个示例代码中，我们创建了一个垂直布局，并向其中添加了TextView、EditText、Button、ImageButton、CheckBox、RadioButton、Spinner和ListView控件。我们还为Button、ImageButton、RadioButton、Spinner和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值