Android - 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox, RadioButton, AnalogClock, DigitalClock 的简单介绍

最新推荐文章于 2017-06-08 09:29:09 发布
最新推荐文章于 2017-06-08 09:29:09 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： android开发 文章标签： android radiobutton button layout encoding
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zeng622peng/article/details/5815716
版权

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

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



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



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



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



4、ImageView 的 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);
    }
}



5、CheckBox 的 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 " );
    }
}



8、DigitalClock 的 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 " );
    }
}

 

笑对生活_展望未来
关注
专栏目录
RadioButtonCheckBoxSwitch
07-11
这里主要是对RadioButton CheckBox Switch做个简单的例子
android基本控件练习
04-13
这是在相对布局里面下的一些android常用控件的练习，可以很好的教给你这些android基本控件的使用方法。最最基本的代码了，比较适合新手。
【按住你的心】——Android开发CheckBox&RadioButton控件的简单使用
Laughing_Vzr_KISS Formula
04-15 872
Android的控件很多，我们从最常用的一些控件学起，今天我们学习CheckBox和RadioButton。 　　首先,我们要在main.xml文件中添加控件：　　 xml version="1.0" encoding="utf-8"?> LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
Android - 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox
yellow boy
02-27 1301
介绍在 Android 中使用各种控件(View) TextView - 文本显示控件Button - 按钮控件ImageButton - 图片按钮控件ImageView - 图片显示控件CheckBox - 复选框控件RadioButton - 单选框控件AnalogClock - 钟表（带表盘的那种）控件DigitalClock - 电子表控件 1、TextView 的 Demotextv
系出名门Android(5) - 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox, RadioButton, AnalogClock, DigitalClock
webabcd的专栏
01-22 1263
[源码下载]系出名门Android(5) - 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox, RadioButton, AnalogClock, DigitalClock作者：webabcd介绍在 Android 中使用各种控件(View) TextView - 文本显示控件Button - 按钮控件ImageBut
ImageView实现RadioButton切换图标
11-30 66
做过radiobutton的人都知道，它自带有图标，但是 俺上下键却没有出现选中的图标，我现在要实现这样的效果 下下键时 出现 radiobutton我不知道是如何实现的（没找到，如果有知道的 请分享一下哈） 我是采用listview来实现的 listview有一个ItemSelectedListener事件，我们只需要注册这个事件就行了 listView.setOnIt...
Android控件详解：TextView, Button, CheckBox等
"这篇文档是关于Android开发中常用控件的基本使用说明，涵盖了TextView、Button、ImageButton、ImageView、CheckBox、RadioButton、AnalogClock以及DigitalClock等控件的介绍和示例代码。" 在Android开发中，控件...
Android控件详解：TextView, Button等基本使用
"Android常用控件的基本使用说明文档主要涵盖了Android开发中常见的UI组件，包括TextView、Button、ImageButton、ImageView、CheckBox、RadioButton、AnalogClock和DigitalClock等，并提供了简单的示例代码来展示...
Android控件详解：从TextView到DigitalClock
本资源主要关注Android中的几个核心控件，包括TextView、Button、ImageButton、ImageView、CheckBox、RadioButton以及AnalogClock和DigitalClock。这些控件在构建任何Android应用时都是必不可少的。 1. TextView：...
Android UI基础：掌握AnalogClock与DigitalClock时钟控件
本文将详细介绍两种常用的时钟控件：AnalogClock和DigitalClock。 AnalogClock是模拟时钟控件，它以经典的圆形钟面和指针的形式展示时间，通常用于营造怀旧或者传统的视觉风格。AnalogClock的设计更为艺术化，可以...
Android UI基础：AnalogClock与DigitalClock时钟控件详解
Android开发中还包括了丰富的其他控件，如文本控件（TextView和EditText）、按钮控件（Button和ImageButton）、状态开关按钮（ToggleButton）、单选与复选按钮（CheckBox和RadioButton）、图片控件（ImageView）以及...
安卓 有关动态加载ImageView，Radiobutton
kan1kan5的专栏
10-16 1756
根据项目需求，想要动态加载控件，imageview，radiobutton
Android 按钮类控件大集锦：Button ToggleButton CheckBox RadioButton
weixin_34179968的博客
01-17 142
  Button 　　Button的基本使用之前已经讨论过： 　　http://www.cnblogs.com/mengdd/archive/2012/12/20/2826235.html 　　其中介绍了两种处理点击的方法：一种是通过在布局文件中设置onClick属性；另一种是通过在程序中设置Listener。 　　这两种方法对于本文中其他控件也适用，只不过第二种方法可能具体函数名称会有...
综合使用TextView,ImageView,RadioButton控件实现一个图片选择器
weixin_30770783的博客
03-21 619
1.综合使用TextView,ImageView,RadioButton控件实现一个图片选择器，通过勾选花朵的名称显示相应的图片，界面如附件图1、图2所示。具体要求如下：a) 使用滚动字幕显示标题“请选择你喜欢的花”b) 使用RadioGroup和RadioButton创建两行三列的单选按钮；c) 当用户选中某一花名，在页面上显示该种花的图片2. 完成如附件图3、图4所示的任务：a) 图片随...
ImageView、RadioGroup、RadioButton、button
umbrella_419的博客
06-08 510
实现多个按钮的单独选择，例 布局 xml version="1.0" encoding="utf-8"?> LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_p
Button、ImageButton、EditText、CheckBox、ToggleButton、RadioButton和Radio
焚心似火
03-03 822
除了最经常用到的TextView视图之外，还有其他一些您将频繁使用到的基础视图： ● Button—表示一个按钮的小部件。   ● ImageButton—与Button视图类似，不过它还显示一个图像。 ● EditText—TextView视图的子类，还允许用户编辑其文本内容。  ● CheckBox—具有两个状态的特殊按钮类型：选中或未选中。  ● RadioGrou
Android_Button(ImageButton,RadioButton,ToggleButton,Switch)详解
zimo2013的技术博客
08-05 2135
1.概述 Button按钮组成可以为文本或者图标或者两者的集合，并为按钮设置相应的动作。 (1).With text, using the Button class <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/
Android中ImageButton、RadioGroup及CheckBox的使用（五）
代码是我最好的朋友！
10-15 455
package com.itarchy.demo; import android.app.Activity; import android.os.Bundle; import android.widget.CheckBox; import android.widget.CompoundButton; import android.widget.CompoundButton.OnCheckedCh
Android高级UI ImageView ImageButton RadioButton CheckBox ProgressBar属性和用法总结
程序员之路
12-17 1678
高级UI ImageView  ImageButton  RadioButton  CheckBox  ProgressBar   1.ImageView 图片组件 src 指定要加载的图片 缩放问题 1.按着图片原始比例（不失真） 2.不按着比例（失真） ScaleType 1.fitXY   强制让图片缩放以填充整个imageview 2.fitCenter  按着比例缩放以
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值