Zusätzlich zur Button-Schaltfläche, die mit dem Android-System geliefert wird, bietet es auch eine Schaltfläche mit einem Symbol, ImageButton
Um eine Schaltfläche mit einem Symbol zu erstellen, definieren Sie zunächst den ImageButton in der Layoutdatei und Stellen Sie dann die gewünschte Schaltfläche über das angezeigte setImageDrawable-Methodensymbol ein.
Hinweis:
Wir können das Symbol der Schaltfläche direkt in der Layoutdatei festlegen, z. B.
android:src="@drawable/icon1″
Wir Sie können auch ein benutzerdefiniertes Symbol im Programm festlegen
imgbtn3.setImageDrawable(getResources().getDrawable(R.drawable.icon2));
Wir können auch das systemeigene Symbol
verwenden imgbtn4 .setImageDrawable(getResources().getDrawable(android.R.drawable.sym_call_incoming));
Nachdem Sie das Symbol der Schaltfläche festgelegt haben, müssen Sie den Listener setOnClickListener für die Schaltfläche festlegen, um das Ereignis zu erfassen und das Folgende zu verarbeiten
Das Beispiel beschreibt ein Layout, das aus vier Symbolschaltflächen besteht, und das Symbol der vierten Schaltfläche ist System. Wenn auf Schaltfläche 2 geklickt wird, wird ein Dialog angezeigt. Nachdem Sie auf OK geklickt haben, kann das Symbol von Schaltfläche 2 in das Symbol von Schaltfläche 3 geändert werden. Wenn Sie auf Schaltfläche 3 klicken, ändert sich das Symbol von Schaltfläche 3 in das Symbol des Systems, das einen Anruf tätigt. Durch Klicken auf Schaltfläche 4 wird ein Eingabeaufforderungsdialog angezeigt 🎜>
ImageButtonTest.java-Quellcode
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个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设置图标
//imgbtn1已经在main.xml布局中设置了图标，所以就不在这里设置了（设置图标即可在程序中设置，也可在布局文件中设置）
imgbtn2.setImageDrawable(getResources().getDrawable(R.drawable.icon));//在程序中设置图标
imgbtn3.setImageDrawable(getResources().getDrawable(R.drawable.icon2));
imgbtn4.setImageDrawable(getResources().getDrawable(android.R.drawable.sym_call_incoming));//设置系统图标
//下面为各个按钮设置事件监听
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
//相应的处理操作
}
}).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的图标")
.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，我想使用系统打电话的图标")
.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("我是使用的系统图标")
.setPositiveButton("确定",new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
// TODO Auto-generated method stub
//相应的处理操作
}
}).create();
dialog.show();
}
});
}
}Nach dem Login kopieren
Layoutdatei main.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: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>Nach dem Login kopieren
Der laufende Effekt ist wie folgt:
Nachdem Sie auf die erste Schaltfläche geklickt haben
Nachdem Sie auf OK geklickt haben, klicken Sie auf die zweite Schaltfläche
Klicken Sie auf OK, und Sie werden sehen, dass die Symbolprogrammierung von Taste zwei mit dem Symbol von Taste drei identisch ist
Klicken Sie auf die Schaltfläche drei
Nachdem ich auf OK geklickt hatte, stellte ich fest, dass sich das Symbol der Schaltfläche drei in das Symbol des Systems geändert hatte, das einen Anruf tätigte
Klicken Sie auf die Schaltfläche 4
Das Obige ist der Inhalt der Android-UI-Steuerelementserie: ImageButton (Schaltfläche mit Symbol für). Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!
