Image Button  در حقیقت نوعی Button است که یک تصویر را روی خود نمایش می دهد.به عنوان مثال در تصویر زیر یک ImageButton را مشاهده نمایید.

نکته قابل ذکر این است که یک ImageButton تمامی خصوصیات یک Button را داره پس می تونیم دقیقاً مثل یک Button معمولی با اون برخورد کنیم .مثلا با دادن نام یک متد به خاصیت onClick این ویو باعث فراخوانی اون  متد در هر بار کلیک کردن روی ImageButton بشیم.

 

نحوه ایجاد یک Image Button
برای ایجاد یک  ImageButton ، کد < …     ImageButton > را درون لیوت قرار می دهیم که به جای سه نقطه ، خصوصیات ImageButton را تعریف می کنیم.(بعنوان مثال در زیر نحوه تعریف یک Image Button را مشاهده می کنید. )

توضیح کدهای بالا:
خط ۱ : در این خط با قرار دادن کلمه کلیدی ImageButton مشخص کردیم که میخواهیم یک ویو ImageButton ایجاد کنیم.
خط ۲ : در این خط با بکار بردن خاصیت android:id یک آی دی برای ImageButton مشخص کرده ایم.
خط ۳ : در این خط عرض ImageButton را مشخص کرده ایم.
خط ۴ : در این خط طول ImageButton را مشخص کرده ایم.
خط ۵ : در این خط با دادن آدرس تصویر به خاصیت android:src ، تصویری  که مایل هستیم برای ImageButton ما تنظیم شود را مشخص کرده ایم.(همان طور که مشاهده می کنید آدرس عکس ما بصورت drawable/home@ قرار داده شده است .در ادامه آموزش با نحوه وارد  کردن تصویر در اندروید استادیو و تنظیم آن برای پس زمینه ImageButton آشنا می شویم.)

 

 

 Attribute های پرکاربرد Image Button
id :با استفاده از این خاصیت یک id منحصر بفرد برای ImageButton  تعیین میکنیم.برای مثال در کدهای زیر یک ImageButton با آی دی simpleImageButton ایجاد رده ایم.

 

src : این خاصیت آدرس تصویری را میگیرد که مایل هستید بعنوان پس زمینه ImageButton تنظیم شود.(به وسیله کدهای زیر می توانید یک ImageButton  با یک تصویر پس زمینه به نام home ایجاد کنید )

نکته مهم : برای وارد کردن یک تصویر در اندروید استایو ابتدا روی تصویر کلیک راست کرده و Copy را بزنید سپس در محیط اندروید استادیو و در Project Explorer بر روی پوشه drawable کلیک راست کرده و بر روی Pasteکلیک کنید تا تصویر شما در پوشه drawable قرار بگیرد.از این پس هر جا که میخواستید از این تصویر استفاد کنید آدرس تصویر را بصورت نام_تصویر/drawable@ را استفاده کنید.در جلسه مربوط به تصاویر به صورت کامل با نحوه استفاده صحیح از تصاویر در ااندروید استادیو صحبت خواهیم کرد )

background : با استفاده از این خاصیت میتوانیم برای ImageButton ، یک پس زمینه تعیین کنیم و(پس زمینه میتواند یک زنگ و یا یک تصویر باشد.(در صورتی که میخواهید یک تصویر را برای پس زمینه انتخاب کنید دقیقا مثل خاصیت src عمل میکنیم )
کدهای زیر یک ImageButton را با رنگ پس زمینه مشکی و یک عکس زوی آن نشان می دهد.

در تصویر بالا عکس خانه را توسط خاصیت src تنظیم کرده ایم و پس زمینه سیاهی که پشت سر خانه وجود دارد را بوسیله دادن رنگ مشکی به خاصیت background مشخص کرده ایم.

  • نویسنده : مدیر
  • تاریخ ارسال : ۲۵ مهر ۱۳۹۵
  • دیدگاه ها : 6 نظر