ایمیج باتن (ImageButton) در برنامه نویسی اندروید

ایمیج باتن (ImageButton) شبیه Button است با این تفاوت که از یک عکس به جای متن داخل دکمه استفاده می کند؛ و این امکان را به ما می دهد تا با یک عکس مانند دکمه رفتار کنیم، به گونه ای که کاربر بتواند به منظور انجام یک کار روی آن کلیک کند.

چند سبک مختلف از دکمه ها

ویژگی های ImageButton

در جدول زیر برخی از مهم ترین ویژگی های مربوط به ImageButton آورده شده است.

ویژگی توضیحات
android:cropToPadding اگر “true” مقدار دهی شود عکس به منظور هم اندازه شدن با دکمه برش خواهد خورد.
android:src یک تصویر را برای دکمه تعیین می کند.
android:background یک مقدار بصری را برای پس زمینه ی دکمه تعیین می کند.
android:contentDescription متنی بوده و خلاصه ای از محتوای view می باشد.
android:id یک نام منحصر به فرد را برای شناسایی کامپوننت تعریف می کند.
android:onClick نام تابعی را که می خواهیم با کلیک کردن روی دکمه فراخوانی شود مشخص می کند.

مثال

این مثال در چند مرحله ی ساده نحوه ی استفاده از ImageButton را به شما آموزش می دهد. برای این منظور طبق مراحل جدول زیر پیش بروید:

مرحله توضیحات
۱ با استفاده از اندروید استودیو یک پروژه ی جدید با نام ImageButton تحت بسته ی com.example.imagebutton ایجاد کنید.
۲ ثابت های رشته ای مورد نیاز را در فایل res/values/strings.xml تعریف کنید.
۳ محتوای پیش فرض فایل res/layout/activity_main.xml را مانند آنچه در ادامه آمده است تغییر دهید.
۴ محتوای فایل java/com.example.imagebutton/MainActivity.java را به منظور افزودن رویداد کلیک تغییر دهید.
۵ برنامه را با استفاده از شبیه ساز اندروید اجرا کرده و نتیجه را مورد بررسی قرار دهید.

در زیر محتوای فایل res/values/strings.xml آورده شده است.

کد های زیر مربوط به فایل res/layout/activity_main.xml می باشند.

در زیر محتوای تغییر یافته ی فایل java/com.example.imagebutton/MainActivity.java آورده شده است.

حال نوبت آن رسیده تا با استفاده از اندروید استودیو برنامه را اجرا کنیم. برای این منظور روی آیکون Run که در نوار ابزار قرار دارد کلیک کنید.  اگر همه چیز بدون مشکل پیش برود پنجره ی شبیه ساز شما مانند تصویر زیر خواهد بود.

ImageButton

حال اگر روی ImageButton کلیک کنید مانند تصویر زیر یک پیام در پایین پنجره ی شبیه ساز نمایش داده می شود.

ایمیج باتن

همچنین می توانید برای وضعیت های مختلف دکمه (focused, selected, pressed و غیره) نیز تصاویر متفاوتی را تعیین کنید. برای این منظور باید یک فایل XML را در مسیر /res/drawable ایجاد کنید و کدهایی مانند کدهای زیر را (با توجه به نیازتان) در آن ذخیره کنید. بعد از آن برای ویژگی android:src در تگ ImageButton نام این فایل را تعیین کنید (مثال : “android:src=”@drawable/button_one).

 

res/drawable/button_one.xml