Android ImageButton-Auswahlbeispiel

Beispiel für die Android ImageButton-Auswahl

Inlast Android tutorial verwenden Sie "ImageButton", um auf einfache Weise "Button" mit einem benutzerdefinierten Hintergrundbild anzuzeigen. Sie können jedoch mehr als nur ein einfaches Bild erstellen. Mit Android können Sie das Bild der Schaltfläche in Abhängigkeit von verschiedenen Zuständen ändern, z. B. wenn die Schaltfläche fokussiert ist oder gedrückt wird.

Auf dieses Beispiel wird mit geringfügigen Änderungen aus dem Artikel diesesAndroid custom buttonverwiesen.

P.S This project is developed in Eclipse 3.7, and tested with Android 2.3.3.

1. Bilder zu Ressourcen hinzufügen

Bereiten Sie 3 Bilder für Schaltflächenzustände vor und legen Sie sie im Ordner „resource/drawable“ ab.

button_normal_green.png - Standardbildschaltfläche.
button_focused_orange.png - Wird angezeigt, wenn die Taste fokussiert ist, z. B. wenn sich die Tastatur des Telefons auf dieser Taste bewegt (Fokus).
button_pressed_yellow.png - Wird angezeigt, wenn die Taste gedrückt wird.

2. Auswahl für verschiedene Schaltflächenzustände hinzufügen

Erstellen Sie nun eine neue XML-Datei im Ordner "res/drawable/". In diesem Fall geben Sie einfach einen Namen als "new_button.xml" an. Diese Datei definiert, welcher Schaltflächenstatus zu welchem Bild gehört.

Jetzt können Sie über diese ID auf diese Schaltfläche verweisen:@drawable/new_button.

Datei: res / drawable / new_button.xml

3. Schaltfläche hinzufügen

Öffnen Sie die Datei "res/layout/main.xml", fügen Sie eine normale Schaltfläche hinzu und hängen Sie das Hintergrundbild über "android:background="@drawable/new_button" über "new_button" an.

Datei: res / layout / main.xml

4. Code Code

Eine normale Schaltfläche mit einem einfachen Klicklistener.

Datei: MyAndroidAppActivity.java

package com.example.android;

import android.app.Activity;
import android.os.Bundle;
import android.widget.Button;
import android.widget.Toast;
import android.view.View;
import android.view.View.OnClickListener;

public class MyAndroidAppActivity extends Activity {

    Button imageButton;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        addListenerOnButton();

    }

    public void addListenerOnButton() {

        imageButton = (Button) findViewById(R.id.imageButtonSelector);

        imageButton.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View arg0) {

                Toast.makeText(MyAndroidAppActivity.this,
                    "ImageButton (selector) is clicked!",
                    Toast.LENGTH_SHORT).show();

            }

        });

    }

}

5. Demo

Führen Sie die Anwendung aus.

1. Ergebnis, Standardschaltfläche. (button_normal_green.png)

normal button

2. Die Taste ist fokussiert. (button_focused_orange.png)

button is focused

3. Taste wird gedrückt. (button_pressed_yellow.png)

button is pressed

Quellcode herunterladen

Laden Sie es herunter -Android-ImageButton-Selector-Example.zip (23 KB)

TOC