آموزش برنامه نویسی اندروید با اندروید استودیو (بخش بیست و دوم: کار با Image Button در اندروید)
در این بخش از آموزش برنامه نویسی اندروید استودیو، می خواهیم در مورد Image Button در اندروید صحبت کنیم.
کار با Image Button بسیار سادست. پس این بخش، بخش ساده ای خواهد بود.
همان طور که از نام آن مشخص است، این ابزار، یک نوع دکمه ساده است. تنها تفاوت آن با دکمه (Button) که قبلا خواندیم، اینست که در بکگراند (پس زمینه) این دکمه، عکس قرار دارد.
[/vc_column_text][vc_column_text]همان طور که گفته شد، کار با Image Button در اندروید خیلی ساده است.
یک پروژه جدید با نام Image_Button ایجاد کردیم.
از قسمت پالت (Palette)، یک Image Button را به لایه اپلیکیشن، می کشیم.
درست وقتی که ImageButton را بر روی لایه می کشیم به ما از منابع خودش، عکسی برای BackGround دکمه پیشنهاد می دهد. در اینجا ما عکس ic_launcher را انتخاب می کنیم تا متوجه شوید که چقدر کار آسان است!
حال اگر از قسمت Design به لایه نگاه کنید می بینید که یک دکمه با عکس به لایه اضافه شده است.
[/vc_column_text][vc_column_text]اگر به خواص ImageButton نگاه کنیم، می بینیم که تفاوتی با دکمه معمولی ندارد.
<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:srcCompat="@mipmap/ic_launcher"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="247dp"
android:id="@+id/imageButton" />
تنها تفاوت آن در app:srcCompat (خط سوم) می باشد که تصویری برای بکگراند دکمه به آن معرفی میکند.
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title=”انتخاب عکس خودمان برای ImageButton” i_icon_fontawesome=”fa fa-android” i_color=”green” color=”juicy_pink” add_icon=”true”][vc_column_text]یک عکس را انتخاب می کنیم و به پوشه drawable اضافه میکنیم. (در بخش پنجم در مورد منابع اندروید استودیو و این پوشه صحبت شد)
برای این کار بر روی عکس مورد نظر کلیک راست کرده و سپس Copy و یا Ctrl + C را بزنید. بر روی پوشه drawable در دایرکتوری Res بروید و سپس Paste و یا Ctrl + V را بزنید.
در این پروژه، ما تصویری به نام android.PNG را اضافه کردیم. از ما تاییده خواسته می شود که می زنیم.
پس از آن که تصویر مورد نظر را به پوشه ی drawable اضافه نمودید باید تصویر را به دکمه Buttonی که قبلا اضافه نمودیم، معرفی کنیم تا آن را در Background خودش قرار دهد.
[/vc_column_text][vc_column_text]
اگر به کد خط سوم، برای تعریف Image Button نگاه کنیم، متوجه می شویم که عکسی که در دایرکتوری mipmap است را برای BackGround معرفی کرده است.
برای انتخاب عکس خودمان باید به جای mipmap بنویسیم : drawable. اندروید استودیو به ما پیشنهاد عکسی که در آن پوشه گذاشته ایم را می دهد ولی اگر بخواهیم دستی وارد کنیم باید به جای ic_launcher نیز، نام عکس خودمان را انتخاب نماییم که در اینجا ما نام android را برای آن انتخاب می کنیم.
کد:
app:srcCompat="@drawable/android"[/vc_column_text][vc_column_text]
مشاهده می کنید که عکس دلخواه شما به دکمه اضافه شده است.
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_btn title=”بخش بیستم و یکم: کار با AlertDialog در اندروید `{`قسمت دوم`}`” color=”green” i_icon_fontawesome=”fa fa-android” link=”url:http%3A%2F%2Fwww.gsm-developers.com%2Falertdialog-android-studio-part2|title:%D8%A8%D8%AE%D8%B4%20%D8%A8%DB%8C%D8%B3%D8%AA%D9%85%20%D9%88%20%DB%8C%DA%A9%D9%85%3A%20%DA%A9%D8%A7%D8%B1%20%D8%A8%D8%A7%20AlertDialog%20%D8%AF%D8%B1%20%D8%A7%D9%86%D8%AF%D8%B1%D9%88%DB%8C%D8%AF%20%5B%D9%82%D8%B3%D9%85%D8%AA%20%D8%AF%D9%88%D9%85%5D||” add_icon=”true”][vc_btn title=”بخش بیست و سوم: کار با Toggle Button در اندروید” color=”green” i_icon_fontawesome=”fa fa-android” link=”url:http%3A%2F%2Fwww.gsm-developers.com%2Ftogglebutton-android-studio|title:%D8%A8%D8%AE%D8%B4%20%D8%A8%DB%8C%D8%B3%D8%AA%20%D9%88%20%D8%B3%D9%88%D9%85%3A%20%DA%A9%D8%A7%D8%B1%20%D8%A8%D8%A7%20Toggle%20Button%20%D8%AF%D8%B1%20%D8%A7%D9%86%D8%AF%D8%B1%D9%88%DB%8C%D8%AF||” add_icon=”true”][vc_btn title=”در صورت ارائه سوالات و مشکلات خود به انجمن اختصاصی اندروید مراجعه نمایید” color=”blue” link=”url:http%3A%2F%2Fforum.gsm-developers.com|title:%D8%AF%D8%B1%20%D8%B5%D9%88%D8%B1%D8%AA%20%D8%A7%D8%B1%D8%A7%D8%A6%D9%87%20%D8%B3%D9%88%D8%A7%D9%84%D8%A7%D8%AA%20%D9%88%20%D9%85%D8%B4%DA%A9%D9%84%D8%A7%D8%AA%20%D8%AE%D9%88%D8%AF%20%D8%A8%D9%87%20%D8%A7%D9%86%D8%AC%D9%85%D9%86%20%D8%A7%D8%AE%D8%AA%D8%B5%D8%A7%D8%B5%DB%8C%20%D8%A7%D9%86%D8%AF%D8%B1%D9%88%DB%8C%D8%AF%20%D9%85%D8%B1%D8%A7%D8%AC%D8%B9%D9%87%20%D9%86%D9%85%D8%A7%DB%8C%DB%8C%D8%AF||”][/vc_column][/vc_row]
