Heim > Backend-Entwicklung > PHP-Tutorial > Android-UI-Steuerelementserie: ImageButton (Schaltfläche mit Symbol)

Android-UI-Steuerelementserie: ImageButton (Schaltfläche mit Symbol)

黄舟
Freigeben: 2023-03-04 22:52:02
Original
2252 Leute haben es durchsucht

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:

Android-UI-Steuerelementserie: ImageButton (Schaltfläche mit Symbol)

Nachdem Sie auf die erste Schaltfläche geklickt haben

Android-UI-Steuerelementserie: ImageButton (Schaltfläche mit Symbol)

Nachdem Sie auf OK geklickt haben, klicken Sie auf die zweite Schaltfläche


Android-UI-Steuerelementserie: ImageButton (Schaltfläche mit Symbol)

Klicken Sie auf OK, und Sie werden sehen, dass die Symbolprogrammierung von Taste zwei mit dem Symbol von Taste drei identisch ist

Android-UI-Steuerelementserie: ImageButton (Schaltfläche mit Symbol)

Klicken Sie auf die Schaltfläche drei

Android-UI-Steuerelementserie: ImageButton (Schaltfläche mit Symbol)

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

Android-UI-Steuerelementserie: ImageButton (Schaltfläche mit Symbol)

Klicken Sie auf die Schaltfläche 4

Android-UI-Steuerelementserie: ImageButton (Schaltfläche mit Symbol)


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 (m.sbmmt.com)!


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage