## 本節(jié)引言:
> 今天給大家介紹的Android基本控件中的兩個(gè)按鈕控件,Button普通按鈕和ImageButton圖像按鈕; 其實(shí)ImageButton和Button的用法基本類似,至于與圖片相關(guān)的則和后面ImageView相同,所以本節(jié) 只對(duì)Button進(jìn)行講解,另外Button是TextView的子類,所以TextView上很多屬性也可以應(yīng)用到Button 上!我們實(shí)際開發(fā)中對(duì)于Button的,無非是對(duì)按鈕的幾個(gè)狀態(tài)做相應(yīng)的操作,比如:按鈕按下的時(shí)候 用一種顏色,彈起又一種顏色,或者按鈕不可用的時(shí)候一種顏色這樣!上述實(shí)現(xiàn)無非是通過?**StateListDrawable**這種Drawable資源來實(shí)現(xiàn),即編寫一個(gè)drawable的資源文件,就說這么多, 直接開始本節(jié)內(nèi)容~
* * *
## 1.StateListDrawable簡(jiǎn)介:
> StateListDrawable是Drawable資源的一種,可以根據(jù)不同的狀態(tài),設(shè)置不同的圖片效果,關(guān)鍵節(jié)點(diǎn)?****,我們只需要講Button的blackground屬性設(shè)置為該drawable資源即可輕松實(shí)現(xiàn),按下 按鈕時(shí)不同的按鈕顏色或背景!
我們可以設(shè)置的屬性:
> * **drawable**:引用的Drawable位圖,我們可以把他放到最前面,就表示組件的正常狀態(tài)~
> * **state_focused**:是否獲得焦點(diǎn)
> * **state_window_focused**:是否獲得窗口焦點(diǎn)
> * **state_enabled**:控件是否可用
> * **state_checkable**:控件可否被勾選,eg:checkbox
> * **state_checked**:控件是否被勾選
> * **state_selected**:控件是否被選擇,針對(duì)有滾輪的情況
> * **state_pressed**:控件是否被按下
> * **state_active**:控件是否處于活動(dòng)狀態(tài),eg:slidingTab
> * **state_single**:控件包含多個(gè)子控件時(shí),確定是否只顯示一個(gè)子控件
> * **state_first**:控件包含多個(gè)子控件時(shí),確定第一個(gè)子控件是否處于顯示狀態(tài)
> * **state_middle**:控件包含多個(gè)子控件時(shí),確定中間一個(gè)子控件是否處于顯示狀態(tài)
> * **state_last**:控件包含多個(gè)子控件時(shí),確定最后一個(gè)子控件是否處于顯示狀態(tài)
* * *
## 2.實(shí)現(xiàn)按鈕的按下效果:
好的,先準(zhǔn)備三個(gè)圖片背景,一般我們?yōu)榱吮苊獍粹o拉伸變形都會(huì)使用.9.png作為按鈕的drawable! 先來看下?**運(yùn)行效果圖:**

**代碼實(shí)現(xiàn):**
~~~
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:drawable="@drawable/ic_course_bg_fen"/>
<item android:state_enabled="false" android:drawable="@drawable/ic_course_bg_pressed"/>
<item android:drawable="@drawable/ic_course_bg_cheng"/>
</selector>
~~~
布局文件:**activity_main.xml**
~~~
<Button
android:id="@+id/btnOne"
android:layout_width="match_parent"
android:layout_height="64dp"
android:background="@drawable/btn_bg1"
android:text="按鈕"/>
<Button
android:id="@+id/btnTwo"
android:layout_width="match_parent"
android:layout_height="64dp"
android:text="按鈕不可用"/>
~~~
**MainActivity.java**:
~~~
public class MainActivity extends Activity {
private Button btnOne,btnTwo;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
btnOne = (Button) findViewById(R.id.btnOne);
btnTwo = (Button) findViewById(R.id.btnTwo);
btnTwo.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if(btnTwo.getText().toString().equals("按鈕不可用")){
btnOne.setEnabled(false);
btnTwo.setText("按鈕可用");
}else{
btnOne.setEnabled(true);
btnTwo.setText("按鈕不可用");
}
}
});
}
}
~~~
* * *
## 3.使用顏色值繪制圓角按鈕
> 很多時(shí)候我們不一定會(huì)有美工是吧,或者我們不會(huì)PS或毀圖秀秀,又或者我們懶,不想自己去做圖, 這個(gè)時(shí)候我們可以自己寫代碼來作為按鈕背景,想要什么顏色就什么顏色,下面我們來定制個(gè)圓角的 的按鈕背景~,這里涉及到另一個(gè)drawable資源:ShapeDrawable,這里不詳細(xì)講,后面會(huì)詳細(xì)介紹每一個(gè) drawable~這里會(huì)用就好,只是EditText修改下Background屬性而已,這里只貼drawable資源!
先看下效果圖:

**bbuton_danger_rounded.xml:**
~~~
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true"><shape>
<solid android:color="@color/bbutton_danger_pressed" />
<stroke android:width="1dp" android:color="@color/bbutton_danger_edge" />
<corners android:radius="@dimen/bbuton_rounded_corner_radius"/>
</shape></item>
<item android:state_enabled="false"><shape>
<solid android:color="@color/bbutton_danger_disabled" />
<stroke android:width="1dp" android:color="@color/bbutton_danger_disabled_edge" />
<corners android:radius="@dimen/bbuton_rounded_corner_radius"/>
</shape></item>
<item><shape>
<solid android:color="@color/bbutton_danger" />
<stroke android:width="1dp" android:color="@color/bbutton_danger_edge" />
<corners android:radius="@dimen/bbuton_rounded_corner_radius"/>
</shape></item>
</selector>
~~~
**color.xml:**
~~~
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="bbutton_danger_pressed">#ffd2322d</color>
<color name="bbutton_danger_edge">#ffd43f3a</color>
<color name="bbutton_danger_disabled">#a5d9534f</color>
<color name="bbutton_danger_disabled_edge">#a5d43f3a</color>
<color name="bbutton_danger">#ffd9534f</color>
<color name="text_font_white">#FFFFFF</color>
</resources>
~~~
* * *
**dimens.xml:**
~~~
<dimen name="bbuton_rounded_corner_radius">5dp</dimen>
~~~
* * *
## 4.實(shí)現(xiàn)Material Design水波效果的Button
如果你的Android手機(jī)是5.0以上的系統(tǒng),相信對(duì)下面這種按鈕點(diǎn)擊效果并不會(huì)陌生:
**實(shí)現(xiàn)效果圖:**

快的那個(gè)是按下后的效果,慢的是長(zhǎng)按后的效果!
**實(shí)現(xiàn)邏輯:**
1.我們繼承ImageButton,當(dāng)然你可以換成Button或者View,這里筆者想把龜放到中間才繼承ImageButton
2.首先,創(chuàng)建兩個(gè)Paint(畫筆)對(duì)象,一個(gè)繪制底部背景顏色,一個(gè)繪制波紋擴(kuò)散的
3.接著計(jì)算最大半徑,開始半徑每隔一段時(shí)間遞增一次,直到等于最大半徑,然后重置狀態(tài)!
PS:大概的核心,剛學(xué)可能對(duì)自定義View感到陌生,沒事,這里了解下即可,以后我們會(huì)講,當(dāng)然 你可以自己扣扣,注釋還是蠻詳細(xì)的~
**實(shí)現(xiàn)代碼:**
自定義ImageButton:**MyButton.java**
~~~
package demo.com.jay.buttondemo;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.os.SystemClock;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.ViewConfiguration;
import android.widget.ImageButton;
/**
* Created by coder-pig on 2015/7/16 0016.
*/
public class MyButton extends ImageButton {
private static final int INVALIDATE_DURATION = 15; //每次刷新的時(shí)間間隔
private static int DIFFUSE_GAP = 10; //擴(kuò)散半徑增量
private static int TAP_TIMEOUT; //判斷點(diǎn)擊和長(zhǎng)按的時(shí)間
private int viewWidth, viewHeight; //控件寬高
private int pointX, pointY; //控件原點(diǎn)坐標(biāo)(左上角)
private int maxRadio; //擴(kuò)散的最大半徑
private int shaderRadio; //擴(kuò)散的半徑
private Paint bottomPaint, colorPaint; //畫筆:背景和水波紋
private boolean isPushButton; //記錄是否按鈕被按下
private int eventX, eventY; //觸摸位置的X,Y坐標(biāo)
private long downTime = 0; //按下的時(shí)間
public MyButton(Context context, AttributeSet attrs) {
super(context, attrs);
initPaint();
TAP_TIMEOUT = ViewConfiguration.getLongPressTimeout();
}
/*
* 初始化畫筆
* */
private void initPaint() {
colorPaint = new Paint();
bottomPaint = new Paint();
colorPaint.setColor(getResources().getColor(R.color.reveal_color));
bottomPaint.setColor(getResources().getColor(R.color.bottom_color));
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
if (downTime == 0) downTime = SystemClock.elapsedRealtime();
eventX = (int) event.getX();
eventY = (int) event.getY();
//計(jì)算最大半徑:
countMaxRadio();
isPushButton = true;
postInvalidateDelayed(INVALIDATE_DURATION);
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_CANCEL:
if(SystemClock.elapsedRealtime() - downTime < TAP_TIMEOUT){
DIFFUSE_GAP = 30;
postInvalidate();
}else{
clearData();
}
break;
}
return super.onTouchEvent(event);
}
@Override
protected void dispatchDraw(Canvas canvas) {
super.dispatchDraw(canvas);
if(!isPushButton) return; //如果按鈕沒有被按下則返回
//繪制按下后的整個(gè)背景
canvas.drawRect(pointX, pointY, pointX + viewWidth, pointY + viewHeight, bottomPaint);
canvas.save();
//繪制擴(kuò)散圓形背景
canvas.clipRect(pointX, pointY, pointX + viewWidth, pointY + viewHeight);
canvas.drawCircle(eventX, eventY, shaderRadio, colorPaint);
canvas.restore();
//直到半徑等于最大半徑
if(shaderRadio < maxRadio){
postInvalidateDelayed(INVALIDATE_DURATION,
pointX, pointY, pointX + viewWidth, pointY + viewHeight);
shaderRadio += DIFFUSE_GAP;
}else{
clearData();
}
}
/*
* 計(jì)算最大半徑的方法
* */
private void countMaxRadio() {
if (viewWidth > viewHeight) {
if (eventX < viewWidth / 2) {
maxRadio = viewWidth - eventX;
} else {
maxRadio = viewWidth / 2 + eventX;
}
} else {
if (eventY < viewHeight / 2) {
maxRadio = viewHeight - eventY;
} else {
maxRadio = viewHeight / 2 + eventY;
}
}
}
/*
* 重置數(shù)據(jù)的方法
* */
private void clearData(){
downTime = 0;
DIFFUSE_GAP = 10;
isPushButton = false;
shaderRadio = 0;
postInvalidate();
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
this.viewWidth = w;
this.viewHeight = h;
}
}
~~~
~~~
<code>
<p><b>color.xml:</b></p>
<pre>
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="reveal_color">#FFFFFF</color>
<color name="bottom_color">#3086E4</color>
<color name="bottom_bg">#40BAF8</color>
</resources>
~~~
**activity_main.xml:**
~~~
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<demo.com.jay.buttondemo.MyButton
android:id="@+id/myBtn"
android:layout_width="match_parent"
android:layout_height="64dp"
android:src="@mipmap/ic_tur_icon"
android:background="@color/bottom_bg"
android:scaleType="center"/>
</RelativeLayout>
~~~
源碼下載(AS工程的哦):[ButtonDemo.zip](http://www.runoob.com/try/download/ButtonDemo.zip)
* * *
## 本節(jié)小結(jié):
本節(jié)給大家介紹了Button在實(shí)際開發(fā)中的一些用法,可能有些東西我們還沒學(xué),這里 知道下即可,后面學(xué)到自然會(huì)深入講解,謝謝~
- 第一章——環(huán)境搭建和開發(fā)相關(guān)
- 1.0 Android基礎(chǔ)入門教程
- 1.1 背景相關(guān)與系統(tǒng)架構(gòu)分析
- 1.2 開發(fā)環(huán)境搭建
- 1.2.1 使用Eclipse + ADT + SDK開發(fā)Android APP
- 1.2.2 使用Android Studio開發(fā)Android APP
- 1.3 SDK更新不了問題解決
- 1.4 Genymotion模擬器安裝
- 1.5 GIT教程
- 1.5.1 Git使用教程之本地倉(cāng)庫(kù)的基本操作
- 1.5.2 Git之使用GitHub搭建遠(yuǎn)程倉(cāng)庫(kù)
- 1.6 .9(九妹)圖片怎么玩
- 1.7 界面原型設(shè)計(jì)
- 1.8 工程相關(guān)解析(各種文件,資源訪問)
- 1.9 Android程序簽名打包
- 1.11 反編譯APK獲取代碼&資源
- 第二章——Android中的UI組件的詳解
- 2.1 View與ViewGroup的概念
- 2.2 布局
- 2.2.1 LinearLayout(線性布局)
- 2.2.2 RelativeLayout(相對(duì)布局)
- 2.2.3 TableLayout(表格布局)
- 2.2.4 FrameLayout(幀布局)
- 2.2.5 GridLayout(網(wǎng)格布局)
- 2.2.6 AbsoluteLayout(絕對(duì)布局)
- 2.3 表單
- 2.3.1 TextView(文本框)詳解
- 2.3.2 EditText(輸入框)詳解
- 2.3.3 Button(按鈕)與ImageButton(圖像按鈕)
- 2.3.4 ImageView(圖像視圖)
- 2.3.5.RadioButton(單選按鈕)&Checkbox(復(fù)選框)
- 2.3.6 開關(guān)按鈕ToggleButton和開關(guān)Switch
- 2.3.7 ProgressBar(進(jìn)度條)
- 2.3.8 SeekBar(拖動(dòng)條)
- 2.3.9 RatingBar(星級(jí)評(píng)分條)
- 2.4 控件
- 2.4.1 ScrollView(滾動(dòng)條)
- 2.4.2 Date & Time組件(上)
- 2.4.3 Date & Time組件(下)
- 2.4.4 Adapter基礎(chǔ)講解
- 2.4.5 ListView簡(jiǎn)單實(shí)用
- 2.4.6 BaseAdapter優(yōu)化
- 2.4.7ListView的焦點(diǎn)問題
- 2.4.8 ListView之checkbox錯(cuò)位問題解決
- 2.4.9 ListView的數(shù)據(jù)更新問題
- 2.5 Adapter類控件
- 2.5.0 構(gòu)建一個(gè)可復(fù)用的自定義BaseAdapter
- 2.5.1 ListView Item多布局的實(shí)現(xiàn)
- 2.5.2 GridView(網(wǎng)格視圖)的基本使用
- 2.5.3 Spinner(列表選項(xiàng)框)的基本使用
- 2.5.4 AutoCompleteTextView(自動(dòng)完成文本框)的基本使用
- 2.5.5 ExpandableListView(可折疊列表)的基本使用
- 2.5.6 ViewFlipper(翻轉(zhuǎn)視圖)的基本使用
- 2.5.7 Toast(吐司)的基本使用
- 2.5.8 Notification(狀態(tài)欄通知)詳解
- 2.5.9 AlertDialog(對(duì)話框)詳解
- 2.6 對(duì)話框控件
- 2.6.0 其他幾種常用對(duì)話框基本使用
- 2.6.1 PopupWindow(懸浮框)的基本使用
- 2.6.2 菜單(Menu)
- 2.6.3 ViewPager的簡(jiǎn)單使用
- 2.6.4 DrawerLayout(官方側(cè)滑菜單)的簡(jiǎn)單使用
- 第三章——Android的事件處理機(jī)制
- 3.1.1 基于監(jiān)聽的事件處理機(jī)制
- 3.2 基于回調(diào)的事件處理機(jī)制
- 3.3 Handler消息傳遞機(jī)制淺析
- 3.4 TouchListener PK OnTouchEvent + 多點(diǎn)觸碰
- 3.5 監(jiān)聽EditText的內(nèi)容變化
- 3.6 響應(yīng)系統(tǒng)設(shè)置的事件(Configuration類)
- 3.7 AnsyncTask異步任務(wù)
- 3.8 Gestures(手勢(shì))
- 第四章——Android的四大組件
- 4.1.1 Activity初學(xué)乍練
- 4.1.2 Activity初窺門徑
- 4.1.3 Activity登堂入室
- 4.2.1 Service初涉
- 4.2.2 Service進(jìn)階
- 4.2.3 Service精通
- 4.3.1 BroadcastReceiver牛刀小試
- 4.3.2 BroadcastReceiver庖丁解牛
- 4.4.1 ContentProvider初探
- 4.4.2 ContentProvider再探——Document Provider
- 4.5.1 Intent的基本使用
- 4.5.2 Intent之復(fù)雜數(shù)據(jù)的傳遞
- 第五章——Fragment(碎片)
- 5.1 Fragment基本概述
- 5.2.1 Fragment實(shí)例精講——底部導(dǎo)航欄的實(shí)現(xiàn)(方法1)
- 5.2.2 Fragment實(shí)例精講——底部導(dǎo)航欄的實(shí)現(xiàn)(方法2)
- 5.2.3 Fragment實(shí)例精講——底部導(dǎo)航欄的實(shí)現(xiàn)(方法3)
- 5.2.4 Fragment實(shí)例精講——底部導(dǎo)航欄+ViewPager滑動(dòng)切換頁面
- 5.2.5 Fragment實(shí)例精講——新聞(購(gòu)物)類App列表Fragment的簡(jiǎn)單實(shí)現(xiàn)
- 第六章——Android數(shù)據(jù)存儲(chǔ)與訪問
- 6.1 數(shù)據(jù)存儲(chǔ)與訪問之——文件存儲(chǔ)讀寫
- 6.2 數(shù)據(jù)存儲(chǔ)與訪問之——SharedPreferences保存用戶偏好參數(shù)
- 6.3.1 數(shù)據(jù)存儲(chǔ)與訪問之——初見SQLite數(shù)據(jù)庫(kù)
- 6.3.2 數(shù)據(jù)存儲(chǔ)與訪問之——又見SQLite數(shù)據(jù)庫(kù)
- 第七章——Android網(wǎng)絡(luò)編程
- 7.1.1 Android網(wǎng)絡(luò)編程要學(xué)的東西與Http協(xié)議學(xué)習(xí)
- 7.1.2 Android Http請(qǐng)求頭與響應(yīng)頭的學(xué)習(xí)
- 7.1.3 Android HTTP請(qǐng)求方式:HttpURLConnection
- 7.1.4 Android HTTP請(qǐng)求方式:HttpClient
- 7.2.1 Android XML數(shù)據(jù)解析
- 7.2.2 Android JSON數(shù)據(jù)解析
- 7.3.1 Android 文件上傳
- 7.3.2 Android 文件下載(1)
- 7.3.3 Android 文件下載(2)
- 7.4 Android 調(diào)用 WebService
- 7.5.1 WebView(網(wǎng)頁視圖)基本用法
- 7.5.2 WebView和JavaScrip交互基礎(chǔ)
- 7.5.3 Android 4.4后WebView的一些注意事項(xiàng)
- 7.5.4 WebView文件下載
- 7.5.5 WebView緩存問題
- 7.5.6 WebView處理網(wǎng)頁返回的錯(cuò)誤碼信息
- 7.6.1 Socket學(xué)習(xí)網(wǎng)絡(luò)基礎(chǔ)準(zhǔn)備
- 7.6.2 基于TCP協(xié)議的Socket通信(1)
- 7.6.3 基于TCP協(xié)議的Socket通信(2)
- 7.6.4 基于UDP協(xié)議的Socket通信
- 第八章——Android繪圖與動(dòng)畫基礎(chǔ)
- 8.1.1 Android中的13種Drawable小結(jié) Part 1
- 8.1.2 Android中的13種Drawable小結(jié) Part 2
- 8.1.3 Android中的13種Drawable小結(jié) Part 3
- 8.2.1 Bitmap(位圖)全解析 Part 1
- 8.2.2 Bitmap引起的OOM問題
- 8.3.1 三個(gè)繪圖工具類詳解
- 8.3.2 繪圖類實(shí)戰(zhàn)示例
- 8.3.3 Paint API之—— MaskFilter(面具)
- 8.3.4 Paint API之—— Xfermode與PorterDuff詳解(一)
- 8.3.5 Paint API之—— Xfermode與PorterDuff詳解(二)
- 8.3.6 Paint API之—— Xfermode與PorterDuff詳解(三)
- 8.3.7 Paint API之—— Xfermode與PorterDuff詳解(四)
- 8.3.8 Paint API之—— Xfermode與PorterDuff詳解(五)
- 8.3.9 Paint API之—— ColorFilter(顏色過濾器)(1/3)
- 8.3.10 Paint API之—— ColorFilter(顏色過濾器)(2-3)
- 8.3.11 Paint API之—— ColorFilter(顏色過濾器)(3-3)
- 8.3.12 Paint API之—— PathEffect(路徑效果)
- 8.3.13 Paint API之—— Shader(圖像渲染)
- 8.3.14 Paint幾個(gè)枚舉/常量值以及ShadowLayer陰影效果
- 8.3.15 Paint API之——Typeface(字型)
- 8.3.16 Canvas API詳解(Part 1)
- 8.3.17 Canvas API詳解(Part 2)剪切方法合集
- 8.3.18 Canvas API詳解(Part 3)Matrix和drawBitmapMash
- 8.4.1 Android動(dòng)畫合集之幀動(dòng)畫
- 8.4.2 Android動(dòng)畫合集之補(bǔ)間動(dòng)畫
- 8.4.3 Android動(dòng)畫合集之屬性動(dòng)畫-初見
- 8.4.4 Android動(dòng)畫合集之屬性動(dòng)畫-又見
- 第九章——Android中的多媒體開發(fā)
- 9.1 使用SoundPool播放音效(Duang~)
- 9.2 MediaPlayer播放音頻與視頻
- 9.3 使用Camera拍照
- 9.4 使用MediaRecord錄音
- 第十章——系統(tǒng)服務(wù)
- 10.1 TelephonyManager(電話管理器)
- 10.2 SmsManager(短信管理器)
- 10.3 AudioManager(音頻管理器)
- 10.4 Vibrator(振動(dòng)器)
- 10.5 AlarmManager(鬧鐘服務(wù))
- 10.6 PowerManager(電源服務(wù))
- 10.7 WindowManager(窗口管理服務(wù))
- 10.8 LayoutInflater(布局服務(wù))
- 10.9 WallpaperManager(壁紙管理器)
- 10.10 傳感器專題(1)——相關(guān)介紹
- 10.11 傳感器專題(2)——方向傳感器
- 10.12 傳感器專題(3)——加速度/陀螺儀傳感器
- 10.12 傳感器專題(4)——其他傳感器了解
- 10.14 Android GPS初涉
- 第十一章——由來、答疑和資源
- 11.0《2015最新Android基礎(chǔ)入門教程》完結(jié)散花~
