Android ImageButtonの例

Android ImageButtonの例

Androidでは、「http://developer.android.com/reference/android/widget/ImageButton.html [android.widget.ImageButton]」を使用して、カスタマイズされた背景で通常の「Button」を表示できます。画像。

このチュートリアルでは、「android_button.png」という名前の背景画像が付いたボタンを表示する方法を示します。ユーザーがボタンをクリックすると、短いメッセージが表示されます。 それと同じくらい簡単です。

Note
このAndroid ImageButton selector exampleもお勧めです。これにより、ボタンの状態に応じてボタンの画像を変更できます。

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

1. リソースに画像を追加

画像「android_button.png」を「res/drawable-?dpi」フォルダに入れます。 Androidが画像の場所を認識できるようにします。

2. ImageButtonを追加

res/layout/main.xml」ファイルを開き、「ImageButton」タグを追加し、「android:src」を介して背景画像を定義します。

ファイル:res / layout / main.xml



    

3. コードコード

コードは次のとおりです。画像ボタンにクリックリスナーを追加します。

ファイル:MyAndroidAppActivity.java

package com.example.android;

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

public class MyAndroidAppActivity extends Activity {

    ImageButton imageButton;

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

        addListenerOnButton();

    }

    public void addListenerOnButton() {

        imageButton = (ImageButton) findViewById(R.id.imageButton1);

        imageButton.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View arg0) {

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

            }

        });

    }

}

4. Demo

アプリケーションを実行してください。

1. 結果、カスタマイズされた背景画像のあるボタン。

android imagebutton demo1

2. ボタンをクリックすると、短いメッセージが表示されます。

android imagebutton demo2

ソースコードをダウンロード

ダウンロード–Android-ImageButton-Example.zip(28 KB)