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

简介:
[索引页]
[源码下载]


系出名门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
<? 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"); 
        } 
}
 
 
 



       本文转自webabcd 51CTO博客,原文链接:http://blog.51cto.com/webabcd/342055 ,如需转载请自行联系原作者
相关文章
|
8月前
|
XML 搜索推荐 Android开发
Android改变进度条控件progressbar的样式(根据源码修改)
本文介绍了如何基于Android源码自定义ProgressBar样式。首先分析了系统源码中ProgressBar样式的定义,发现其依赖一张旋转图片实现动画效果。接着分两步指导开发者实现自定义:1) 模仿源码创建一个旋转动画XML文件(放置在drawable文件夹),修改图片为自定义样式;2) 在UI控件中通过`indeterminateDrawable`属性应用该动画。最终实现简单且个性化的ProgressBar效果,附带效果图展示。
531 2
|
8月前
|
Android开发
Android控件样式的抽取(小提及快捷方式)
在Android开发中,若多个控件样式重复,可抽取公共部分以简化代码。例如对EditText提取样式,通过编辑`styles.xml`实现复用。为提高效率,Android Studio提供自动提取Style功能:右键点击控件样式选项,选择“Style...”,勾选需要提取的属性后确认,即可快速生成样式代码,显著提升开发便利性。
249 2
|
XML 编解码 Android开发
安卓开发中的自定义视图控件
【9月更文挑战第14天】在安卓开发中,自定义视图控件是一种高级技巧,它可以让开发者根据项目需求创建出独特的用户界面元素。本文将通过一个简单示例,引导你了解如何在安卓项目中实现自定义视图控件,包括创建自定义控件类、处理绘制逻辑以及响应用户交互。无论你是初学者还是有经验的开发者,这篇文章都会为你提供有价值的见解和技巧。
189 3
|
XML 存储 Java
浅谈Android的TextView控件
浅谈Android的TextView控件
144 0
|
Android开发
Android经典实战之Textview文字设置不同颜色、下划线、加粗、超链接等效果
本文介绍了 `SpannableString` 在 Android 开发中的强大功能,包括如何在单个字符串中应用多种样式,如颜色、字体大小、风格等,并提供了详细代码示例,展示如何设置文本颜色、添加点击事件等,助你实现丰富文本效果。
1108 4
|
XML Android开发 数据格式
Android 中使用SpannableString实现TextView文本超链接跳转功能
Android 中使用SpannableString实现TextView文本超链接跳转功能
494 0
|
Android开发
Android TextView 点击超链接跳转实现
前提:之前遇到过一次textview显示url的方式,但是并未深入探究。但是,上个礼拜一个朋友问我如何在textview上面加载url,并且点击跳转到指定页面。
1851 0
|
Android开发
Android TextView中文字通过SpannableString来设置超链接、颜色、字体等属性
在Android中,TextView是我们最常用的用来显示文本的控件。 <p>  一般情况下,TextView中的文本都是一个样式。那么如何对于TextView中各个部分的文本来设置字体,大小,颜色,样式,以及超级链接等属性呢?下面我们通过SpannableString的具体实例操作来演示一下。</p> <p><br></p> <p>   res-layout-main.xml</p
1680 0