Android ApiDemo 系列解析【View->Button】

it2022-05-09  28

    一直想把 Android 的 APIDEMO 里面的DEMO 写出来,一来可以方便自己查看,二来方便大家能够早一点切入,从基础的控件到界面布局乃至到OPEN GL 等深入知识。不过惰性使然,一直迟迟未动手,今天外面下着大雨,没心思出去,听说外面还有人拍到深圳的“双龙戏水”呵呵,跑题了。

    好了,从头开始吧,看了一下 APIDEMO 觉得先从Button 讲起然后逐步深入,对于新手或者初学的童鞋帮助会大一点,那么我们开始吧,讲解大纲。

ApiDemos 中运行的效果

 

 

1、本篇讲述点在 ApiDemos 位置。2、为Button 添加系统样式。3、额外扩展。

1、本篇讲述点在 ApiDemos 位置

 src文件com.example.android.apis.view 下的 Buttons1.java文件 源码为: ApiDemos src 代码 package  com.example.android.apis.view; import  com.example.android.apis.R; import  android.app.Activity; import  android.os.Bundle; public   class  Buttons1  extends  Activity {    @Override     protected   void  onCreate(Bundle savedInstanceState) {         super .onCreate(savedInstanceState);        setContentView(R.layout.buttons_1);    }}

 

res 文件layout 下的 buttons_1.xml 文件, 源码为: <? xml version="1.0" encoding="utf-8" ?>    < ScrollView  xmlns:android ="http://schemas.android.com/apk/res/android"     android:layout_width ="fill_parent"     android:layout_height ="fill_parent" >          < LinearLayout         android:layout_width ="wrap_content"         android:layout_height ="wrap_content"         android:orientation ="vertical" >                  <!--  Regular sized buttons  -->          < Button  android:id ="@+id/button_normal"             android:text ="@string/buttons_1_normal"             android:layout_width ="wrap_content"             android:layout_height ="wrap_content"   />          <!--  Small buttons  -->          < Button  android:id ="@+id/button_small"             style ="?android:attr/buttonStyleSmall"             android:text ="@string/buttons_1_small"             android:layout_width ="wrap_content"             android:layout_height ="wrap_content"   />          < ToggleButton  android:id ="@+id/button_toggle"             android:text ="@string/buttons_1_toggle"             android:layout_width ="wrap_content"             android:layout_height ="wrap_content"   />                  </ LinearLayout >      </ ScrollView >

 

2、为Button 添加系统样式

    从 ApiDemos 中看到第二个Button 为一个 style  的样式属性,此属性为通过调用系统的内置样式文件设置 Button 的大小。

    格式为:“?[package:][type:]name” ,Constant Value 为 16842825 (0x01010049) 。docs 文件解释为:

 

上面的XML中,定义了三个 Button 。依次往下看,第一个为普通 Button ,第二个是一个加了 Style 的 Button ,第三个为 ToggleButton 看名字可以看出来,是一个做开关作用的按钮,作用为在两种状态中来回切换。

3、额外扩展

由于 ApiDemos 中对 Button 的介绍较少,在这里我将加一些内容进来,以便开始学的朋友能够较早的使用 Button 做一些你想做的事情,当然我所说的就是交互。内容如下:

1、如何在 布局中找到 View 即你要的按钮2、为 Button 添加事件监听3、为 Button 添加按上按下切换图片效果4、为 ToggleButton 添加状态改变事件监听

 

1、如何在 布局中找到 View 即你要的按钮

 

代码如下:

 

     void  findView() {        normal  =  (Button) findViewById(R.id.button_normal);        small  =  (Button) findViewById(R.id.button_small);        btn  =  (ToggleButton) findViewById(R.id.button_toggle);    }

 

Tip: 所查找的 VIEW 必须 是当前setConteView 方法的布局文件下的VIEW ,如果查找的另外一个XML布局的VIEW 将会报空指针。这点对于新手来说要记住,如果你要在当前布局中查找另外XML的VIEW 将会在后续的文章一一揭晓。

2、为 Button 添加事件监听代码如下:

 

void  setOnclick(Button btn) {        btn.setOnClickListener( new  OnClickListener() {             public   void  onClick(View v) {                 //  TODO Auto-generated method stub                  switch  (v.getId()) {                 case  R.id.button_normal:                    setTitle( " 点击了普通按钮 " );                     break ;                 case  R.id.button_small:                    setTitle( " 点击小按钮 " );                     break ;                 default :                     break ;                }            }        });    }

 

Tip:在这里用了一个方法,通过点击的view 来判断我点击是哪个按钮,当然你也可以直接获取button 然后通过button的onclick监听直接new 一个监听也可以,写法有很多种。

 为 Button 添加按上按下切换图片效果代码如下:

void  setOnTouch( final  Button btn) {        btn.setOnTouchListener( new  OnTouchListener() {             public   boolean  onTouch(View v, MotionEvent event) {                 //  TODO Auto-generated method stub                  switch  (event.getAction()) {                 case  MotionEvent.ACTION_UP:                    btn.setBackgroundResource(R.drawable.add);                     break ;                 case  MotionEvent.ACTION_DOWN:                    btn.setBackgroundResource(R.drawable.add_user);                     break ;                 default :                     break ;                }                 return   false ;            }        });    }

 

Tip:记住在 Android 中你如果想要为 诸如 LinearLayout 等布局文件设置onTouch事件貌似不会激发MotionEvent.ACTION_UP 事件,在Button 和ImageButton是可以实现的,此功能可以为按钮做按上换图片换下换图片的交互效果。

 为 ToggleButton 添加状态改变事件监听代码如下:

btn.setOnCheckedChangeListener( new  OnCheckedChangeListener() {             public   void  onCheckedChanged(CompoundButton buttonView,                     boolean  isChecked) {                 //  TODO Auto-generated method stub                  if  (isChecked) {                    setTitle( " 选中 " );                }  else  {                    setTitle( " 反选 " );                }            }        });

 

Ok,第一篇到此为止,本篇为开头篇希望多多提意见。运行效果:源码下载:/Files/TerryBlog/Button.rar

转载于:https://www.cnblogs.com/TerryBlog/archive/2010/07/28/1787312.html

相关资源:数据结构—成绩单生成器

最新回复(0)