盗墓笔记全集,我欲封天耳根小说,盗墓笔记

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案

Android開發(fā)UI之Button

前言

創(chuàng)新互聯(lián)于2013年創(chuàng)立，先為廣陽(yáng)等服務(wù)建站，廣陽(yáng)等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為廣陽(yáng)企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

最近一直在講androidUI控件的使用方式，這篇文章講解一下基本上屬于用處最廣泛的控件之一的Button控件。如果有過(guò)其他平臺(tái)開發(fā)經(jīng)驗(yàn)的程序員，對(duì)按鈕是不會(huì)陌生的。本篇文章首先講解一下Android的Button控件的常用事件以及事件綁定和觸發(fā)，再在Button控件中通過(guò)設(shè)定屬性值來(lái)實(shí)現(xiàn)圖文混排，這個(gè)功能是在項(xiàng)目中常用到的。

Button控件

Button繼承了TextView。它的功能就是提供一個(gè)按鈕，這個(gè)按鈕可以供用戶點(diǎn)擊，當(dāng)用戶對(duì)按鈕進(jìn)行操作的時(shí)候，觸發(fā)相應(yīng)事件，如點(diǎn)擊，觸摸。

還有一個(gè)ImageButton，它繼承自Button，可以在ImageButton中顯示一個(gè)圖片展示給用戶看，并且對(duì)其Text屬性設(shè)置值的時(shí)候是無(wú)效的，其它功能與Button一樣。

常用事件

一般對(duì)于一個(gè)按鈕而言，用的最多的就是點(diǎn)擊事件，Button間接繼承自View，而AndroidUI中的所有事件，都是定義在View中的。在本篇博客中，示例講解的點(diǎn)擊事件、觸摸事件，其他事件的使用方式與此類似，只是觸發(fā)的時(shí)機(jī)不同而已。此處分別需要實(shí)現(xiàn)View.OnClickListener、View.OnTouchListener接口的方法。

View.OnClickListener，需要實(shí)現(xiàn)onClick(View v)方法，其中v為當(dāng)前觸發(fā)事件的控件。
View.OnTouchListener，需要實(shí)現(xiàn)onTouch(View v , MotionEvent event)，其中v為當(dāng)前觸發(fā)事件的控件，event包括了觸摸時(shí)的具體內(nèi)容，如移動(dòng)、按下等。

下面使用一個(gè)示例講解一下事件的綁定及觸發(fā)，在示例中顯示兩個(gè)按鈕控件，一個(gè)為普通按鈕，一個(gè)為填充圖片的按鈕，為它們綁定click事件，當(dāng)點(diǎn)擊事件觸發(fā)的時(shí)候，對(duì)其尺寸進(jìn)行修改，為圖片按鈕綁定觸摸事件，當(dāng)觸摸的時(shí)候觸發(fā)，切換圖片顯示。

布局代碼：

 
 
  
   
  
  
  
  
    android:layout_width="match_parent" 
  
      android:layout_height="match_parent" 
  
      android:orientation="vertical" > 
  
       
  
      
  
  
        android:id="@+id/btnChangeSize" 
  
          android:layout_width="wrap_content" 
  
          android:layout_height="wrap_content" 
  
          android:text="點(diǎn)擊修改尺寸" 
  
          /> 
  
      
  
  
        android:id="@+id/btnChangeImg" 
  
          android:layout_width="wrap_content" 
  
          android:layout_height="wrap_content" 
  
          android:background="@drawable/image1" 
  
          />

實(shí)現(xiàn)代碼：

 
 
  
  package com.bgxt.buttondemo; 
  
   
  
  import android.app.Activity; 
  
  import android.os.Bundle; 
  
  import android.view.MotionEvent; 
  
  import android.view.View; 
  
  import android.view.View.OnClickListener; 
  
  import android.view.View.OnTouchListener; 
  
  import android.widget.Button; 
  
   
  
  //通過(guò)實(shí)現(xiàn)接口，對(duì)其進(jìn)行click、touch事件的支持 
  
  public class ButtonListener extends Activity implements OnClickListener, 
  
          OnTouchListener { 
  
   
  
      private Button btnChangeSize; 
  
      private Button btnChangeImg; 
  
      private int flag = 1; 
  
   
  
      @Override 
  
      protected void onCreate(Bundle savedInstanceState) { 
  
          super.onCreate(savedInstanceState); 
  
          setContentView(R.layout.btn_listener); 
  
   
  
          btnChangeSize = (Button) findViewById(R.id.btnChangeSize); 
  
          btnChangeImg = (Button) findViewById(R.id.btnChangeImg); 
  
   
  
          // 對(duì)兩個(gè)按鈕進(jìn)行事件綁定 
  
          btnChangeSize.setOnClickListener(this); 
  
          btnChangeImg.setOnClickListener(this); 
  
          btnChangeImg.setOnTouchListener(this); 
  
      } 
  
   
  
      @Override 
  
      public boolean onTouch(View v, MotionEvent event) { 
  
          // 獲取觸發(fā)事件的Button控件 
  
          Button btn = (Button) v; 
  
          if (event.getAction() == MotionEvent.ACTION_UP) { 
  
              // 當(dāng)觸摸時(shí)按下，則替換展示圖片為image1 
  
              btn.setBackgroundResource(R.drawable.image1); 
  
          } else { 
  
              btn.setBackgroundResource(R.drawable.image2); 
  
          } 
  
          return false; 
  
      } 
  
   
  
      @Override 
  
      public void onClick(View v) { 
  
          Button btn = (Button) v; 
  
          if (flag == 1 
  
                  && btn.getWidth() == getWindowManager().getDefaultDisplay() 
  
                          .getWidth()) { 
  
              // 如果等于屏幕的寬度，則修改標(biāo)識(shí)flag為-1 
  
              flag = -1; 
  
          } else if (flag == -1 && btn.getWidth() < 100) { 
  
              flag = 1; 
  
          } 
  
          // 設(shè)置button控件尺寸 
  
          btn.setWidth(btn.getWidth() + (int) (btn.getWidth() * 0.1) * flag); 
  
          btn.setHeight(btn.getHeight() + (int) (btn.getHeight() * 0.1) * flag); 
  
      } 
  
  }

展示效果圖：

當(dāng)點(diǎn)擊按鈕的時(shí)候，按鈕被放大，當(dāng)放大到屏幕寬度時(shí)，開始縮小。

當(dāng)觸摸圖標(biāo)按鈕的時(shí)候，圖像改變。

圖文混排

對(duì)于在實(shí)際項(xiàng)目中，經(jīng)常會(huì)需要設(shè)置按鈕展示為圖文混排的效果，這樣可以通過(guò)圖表更直觀的把按鈕的功能展示給用戶，又可以有簡(jiǎn)短的文字說(shuō)明。雖然ImageButton也可以實(shí)現(xiàn)圖片按鈕的效果，但是對(duì)于ImageButton而言，設(shè)置Text屬性是沒(méi)有作用的，所以這里不講解ImageButton的使用。對(duì)于Button控件，圖文混排需要用到一個(gè)android:drawableXxx屬性（Xxx為圖片所在按鈕的方向），這個(gè)屬性配合android:text，就可以實(shí)現(xiàn)圖文混排的效果。

下面一個(gè)示例，分別展示了上下左右四個(gè)方位的圖標(biāo)按鈕，并且生成一個(gè)通過(guò)Java代碼動(dòng)態(tài)生成圖文混排按鈕的。因?yàn)锽utton是繼承自TextView的，所以通過(guò)代碼設(shè)置圖文混排的方式與TextView類似，都需要用到SpannableString類。

布局代碼：

 
 
  
   
  
  
  
  
    android:layout_width="match_parent" 
  
      android:layout_height="match_parent" 
  
      android:orientation="vertical" > 
  
   
  
      
  
  
        android:layout_width="match_parent" 
  
          android:layout_height="150dp" 
  
          android:orientation="horizontal" > 
  
           
  
          
  
  
            android:layout_width="wrap_content" 
  
              android:layout_height="wrap_content" 
  
              android:drawableTop="@drawable/image2" 
  
              android:text="b1" /> 
  
           
  
          
  
  
            android:layout_width="wrap_content" 
  
              android:layout_height="wrap_content" 
  
              android:drawableBottom="@drawable/image2" 
  
              android:drawablePadding="10dp" 
  
              android:text="b2" /> 
  
           
  
          
  
  
            android:layout_width="wrap_content" 
  
              android:layout_height="wrap_content" 
  
              android:drawableLeft="@drawable/image2" 
  
              android:text="b3" /> 
  
           
  
          
  
  
            android:layout_width="wrap_content" 
  
              android:layout_height="wrap_content" 
  
              android:drawablePadding="10dp" 
  
              android:drawableRight="@drawable/image2" 
  
              android:text="b4" />

Java實(shí)現(xiàn)代碼：

 
 
  
  package com.bgxt.buttondemo; 
  
   
  
  import android.app.Activity; 
  
  import android.graphics.Bitmap; 
  
  import android.graphics.BitmapFactory; 
  
  import android.os.Bundle; 
  
  import android.text.SpannableString; 
  
  import android.text.Spanned; 
  
  import android.text.style.ImageSpan; 
  
  import android.widget.Button; 
  
   
  
  public class ButtonStyle extends Activity { 
  
   
  
      private Button btnSty; 
  
      @Override 
  
      protected void onCreate(Bundle savedInstanceState) { 
  
          // TODO Auto-generated method stub 
  
          super.onCreate(savedInstanceState); 
  
          setContentView(R.layout.btn_style); 
  
          //獲取按鈕控件 
  
          btnSty=(Button)findViewById(R.id.btnSty); 
  
          //生成SpannableString，用于圖片的載體 
  
          SpannableString spannebleLeft=new SpannableString("left"); 
  
          Bitmap bitmapleft=BitmapFactory.decodeResource(getResources(), R.drawable.image1); 
  
          ImageSpan imageSpanLeft=new ImageSpan(ButtonStyle.this,bitmapleft); 
  
          spannebleLeft.setSpan(imageSpanLeft,0,4,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); 
  
           
  
          SpannableString spannebleRight=new SpannableString("right"); 
  
          Bitmap bitmapRight=BitmapFactory.decodeResource(getResources(), R.drawable.image2); 
  
          ImageSpan imageSpanRight=new ImageSpan(ButtonStyle.this,bitmapRight); 
  
          spannebleRight.setSpan(imageSpanRight,0,5,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); 
  
           
  
          //把生成的SpannableString追加到按鈕上 
  
          btnSty.append(spannebleLeft); 
  
          btnSty.append("aLi"); 
  
          btnSty.append(spannebleRight); 
  
      } 
  
  }

效果展示：

總結(jié)

對(duì)于實(shí)際項(xiàng)目而言，一般按鈕的樣式都會(huì)通過(guò)額外的XML樣式文件包裝一下，這個(gè)之后再介紹，這里只是介紹一下Button的簡(jiǎn)單使用。按鈕的最多用處就是供用戶點(diǎn)擊從而觸發(fā)相應(yīng)時(shí)間，沒(méi)有什么難點(diǎn)。

本文題目：Android開發(fā)UI之Button
文章位置：http://fisionsoft.com.cn/article/dhcjgpg.html

新聞中心

其他資訊