除了Android系統(tǒng)自帶的Button按鈕一萬，還提供了帶圖標(biāo)的按鈕ImageButton

?

要制作帶圖標(biāo)的按鈕，首先要在布局文件中定義ImageButton，然后通過setImageDrawable方法來設(shè)置要顯示的圖標(biāo)。

注意：

我們可以在布局文件中就直接設(shè)置按鈕的圖標(biāo)，如

android:src="@drawable/icon1"

我們也可以在程序中設(shè)置自定義圖標(biāo)

imgbtn3.setImageDrawable(getResources().getDrawable(R.drawable.icon2));

我們還可以使用系統(tǒng)自帶的圖標(biāo)

imgbtn4.setImageDrawable(getResources().getDrawable(android.R.drawable.sym_call_incoming));

?

設(shè)置完按鈕的圖標(biāo)后，需要為按鈕設(shè)置監(jiān)聽setOnClickListener，以此捕獲事件并處理

?

下面的例子講述的是由4個(gè)圖標(biāo)按鈕組成的布局，其中三個(gè)按鈕的圖標(biāo)是自定義的，第四個(gè)按鈕的圖標(biāo)是系統(tǒng)的，當(dāng)點(diǎn)擊按鈕1的時(shí)候，彈出dialog，當(dāng)點(diǎn)擊按鈕2的時(shí)候，點(diǎn)擊確定后，可以將按鈕2的圖標(biāo)變成按鈕3的圖標(biāo)，當(dāng)點(diǎn)擊按鈕3的時(shí)候，按鈕3的圖標(biāo)變成了系統(tǒng)打電話的圖標(biāo)，點(diǎn)擊按鈕4，顯示一個(gè)提示dialog

?

ImageButtonTest.java源代碼

Java代碼??

package?org.loulijun.imagebutton;??

??

import?android.app.Activity;??

import?android.app.AlertDialog;??

import?android.app.Dialog;??

import?android.content.DialogInterface;??

import?android.os.Bundle;??

import?android.view.View;??

import?android.widget.Button;??

import?android.widget.ImageButton;??

import?android.widget.TextView;??

??

public?class?ImageButtonTest?extends?Activity?{??

????/**?Called?when?the?activity?is?first?created.?*/??

????TextView?textview;??

????ImageButton?imgbtn1;??

????ImageButton?imgbtn2;??

????ImageButton?imgbtn3;??

????ImageButton?imgbtn4;??

????@Override??

????public?void?onCreate(Bundle?savedInstanceState)?{??

????????super.onCreate(savedInstanceState);??

????????setContentView(R.layout.main);??

??????????

????????textview=(TextView)findViewById(R.id.textview);??

????????//分別取得4個(gè)ImageButton對象??

????????imgbtn1=(ImageButton)findViewById(R.id.imagebutton1);??

????????imgbtn2=(ImageButton)findViewById(R.id.imagebutton2);??

????????imgbtn3=(ImageButton)findViewById(R.id.imagebutton3);??

????????imgbtn4=(ImageButton)findViewById(R.id.imagebutton4);??

??????????

????????//分別為ImageButton設(shè)置圖標(biāo)??

????????//imgbtn1已經(jīng)在main.xml布局中設(shè)置了圖標(biāo)，所以就不在這里設(shè)置了（設(shè)置圖標(biāo)即可在程序中設(shè)置，也可在布局文件中設(shè)置）??

????????imgbtn2.setImageDrawable(getResources().getDrawable(R.drawable.icon));//在程序中設(shè)置圖標(biāo)??

????????imgbtn3.setImageDrawable(getResources().getDrawable(R.drawable.icon2));??

????????imgbtn4.setImageDrawable(getResources().getDrawable(android.R.drawable.sym_call_incoming));//設(shè)置系統(tǒng)圖標(biāo)??

??????????

????????//下面為各個(gè)按鈕設(shè)置事件監(jiān)聽??

????????imgbtn1.setOnClickListener(new?Button.OnClickListener()??

????????{??

????????????@Override??

????????????public?void?onClick(View?v)?{??

????????????????//?TODO?Auto-generated?method?stub??

????????????????Dialog?dialog=new?AlertDialog.Builder(ImageButtonTest.this)??

????????????????.setTitle("提示")??

????????????????.setMessage("我是ImageButton1")??

????????????????.setPositiveButton("確定",new?DialogInterface.OnClickListener()?{??

??????????????????????

????????????????????@Override??

????????????????????public?void?onClick(DialogInterface?dialog,?int?which)?{??

????????????????????????//?TODO?Auto-generated?method?stub??

????????????????????????//相應(yīng)的處理操作??

????????????????????}??

????????????????}).create();??

????????????????dialog.show();??

????????????}??

??????????????

????????});??

??????????

????????imgbtn2.setOnClickListener(new?Button.OnClickListener()??

????????{??

????????????@Override??

????????????public?void?onClick(View?v)?{??

????????????????//?TODO?Auto-generated?method?stub??

????????????????Dialog?dialog=new?AlertDialog.Builder(ImageButtonTest.this)??

????????????????.setTitle("提示")??

????????????????.setMessage("我是ImageButton2，我要使用ImageButton3的圖標(biāo)")??

????????????????.setPositiveButton("確定",new?DialogInterface.OnClickListener()?{??

??????????????????????

????????????????????@Override??

????????????????????public?void?onClick(DialogInterface?dialog,?int?which)?{??

????????????????????????//?TODO?Auto-generated?method?stub??

????????????????????????imgbtn2.setImageDrawable(getResources().getDrawable(R.drawable.icon2));??

????????????????????}??

????????????????}).create();??

????????????????dialog.show();??

????????????}??

??????????????

????????});??

??????????

????????imgbtn3.setOnClickListener(new?Button.OnClickListener()??

????????{??

????????????@Override??

????????????public?void?onClick(View?v)?{??

????????????????//?TODO?Auto-generated?method?stub??

????????????????Dialog?dialog=new?AlertDialog.Builder(ImageButtonTest.this)??

????????????????.setTitle("提示")??

????????????????.setMessage("我是ImageButton3，我想使用系統(tǒng)打電話的圖標(biāo)")??

????????????????.setPositiveButton("確定",new?DialogInterface.OnClickListener()?{??

??????????????????????

????????????????????@Override??

????????????????????public?void?onClick(DialogInterface?dialog,?int?which)?{??

????????????????????????//?TODO?Auto-generated?method?stub??

????????????????????????imgbtn3.setImageDrawable(getResources().getDrawable(android.R.drawable.sym_action_call));??

????????????????????}??

????????????????}).create();??

????????????????dialog.show();??

????????????}??

??????????????

????????});??

??????????

????????imgbtn4.setOnClickListener(new?Button.OnClickListener()??

????????{??

????????????@Override??

????????????public?void?onClick(View?v)?{??

????????????????//?TODO?Auto-generated?method?stub??

????????????????Dialog?dialog=new?AlertDialog.Builder(ImageButtonTest.this)??

????????????????.setTitle("提示")??

????????????????.setMessage("我是使用的系統(tǒng)圖標(biāo)")??

????????????????.setPositiveButton("確定",new?DialogInterface.OnClickListener()?{??

??????????????????????

????????????????????@Override??

????????????????????public?void?onClick(DialogInterface?dialog,?int?which)?{??

????????????????????????//?TODO?Auto-generated?method?stub??

????????????????????????//相應(yīng)的處理操作??

????????????????????}??

????????????????}).create();??

????????????????dialog.show();??

????????????}??

??????????????

????????});??

????}??

}??

?布局文件main.xml

Java代碼??

<?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:id="@+id/textview"??

????android:layout_width="fill_parent"???

????android:layout_height="wrap_content"???

????android:text="ImageButton測試案例"??

????/>??

<ImageButton??

????android:id="@+id/imagebutton1"??

????android:layout_width="wrap_content"??

????android:layout_height="wrap_content"??

????android:src="@drawable/icon1"??

/>??

<ImageButton??

????android:id="@+id/imagebutton2"??

????android:layout_width="wrap_content"??

????android:layout_height="wrap_content"??

/>??

<ImageButton??

????android:id="@+id/imagebutton3"??

????android:layout_width="wrap_content"??

????android:layout_height="wrap_content"??

/>??

<ImageButton??

????android:id="@+id/imagebutton4"??

????android:layout_width="wrap_content"??

????android:layout_height="wrap_content"??

/>??

</LinearLayout>??

?運(yùn)行效果如下：

?點(diǎn)擊第一個(gè)按鈕后

?點(diǎn)擊確定后，點(diǎn)擊第二個(gè)按鈕

?點(diǎn)擊確定，此時(shí)會(huì)看到按鈕二的圖標(biāo)編程和按鈕三的圖標(biāo)一樣了

?點(diǎn)擊按鈕三

?點(diǎn)擊確定后，發(fā)現(xiàn)按鈕三的圖標(biāo)變成了系統(tǒng)打電話的圖標(biāo)

?點(diǎn)擊按鈕四

轉(zhuǎn)自：http://hualang.iteye.com/blog/964049

與50位技術(shù)專家面對面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的Android UI之ImageButton(带图标的按钮)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。