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. 結果、カスタマイズされた背景画像のあるボタン。
2. ボタンをクリックすると、短いメッセージが表示されます。
ソースコードをダウンロード
ダウンロード–Android-ImageButton-Example.zip(28 KB)