آموزش برنامه نویسی برای اندروید با ایکلیپس(18)- ویجت

افزودن یک ویجت دکمه ی تغییر وضعیت

یک ویجت، یک شی View است که واسط گرافیکی را ارائه می دهد تا با کاربر فعل و انفعال کند. دستگاه های اندروید به ویجت های مختلفی مانند دکمه، چک باکس و تکست فیلد کاملا مجهز است تا شما واسط کاربری تان را سریع بسازید. بعضی از ویجت ها پیچیده تر است، مانند جمع کننده ی داده ، ساعت و تنظیم کننده ی زوم.
ویجت یک واسط کاربری ارائه می کند که وقتی یک کاربر با ویجت خاصی فعل وانفعال می کند، شما را آگاه سازد، مانند ضربه زدن به یک دکمه.
شما نیاز دارید تا یک ویجت دکمه به اپلیکیشن خود اضافه کنید تا شما بتوانید مد silent را روی تلفن تغییر دهید.
برای اضافه کردن دکمه به Layout تان، کد زیر را بعد از ImageView که قبلا اضافه کرده اید، تایپ کنید:
شما اکنون یک دکمه به view با شناسه ی، toggleButton اضافه کرده اید.
عرض و ارتفاع(height و width) با wrap_content مقداردهی شده، خصوصیت gravity هم با center_horizontal مقدار دهی شده.
آخرین خصوصیتی که دراین view آمده شد، خصوصیت text دکمه است. این تکست دکمه را به " Toggle Silent Mode " تغییرمی دهد.
کد کامل باید به صورت زیر باشد:

پیش نمایش اپلیکیشن در طراح ویژوال

تب layout را برای مشاهده ی طراح دیجیتال را کلیک کنید. تصویر زیر:

تغییر موقعیت مکانی

این خوب به نظر نمی رسد. شما دکمه را نمی توانید بینید. فقط نیاز است که در طراح ویژوال موقعیت مکانی آن را تغییر دهیم. برای اصلاح آن، گزینه Config را در لیست drop-down کلیک کنید و Portrait را انتخاب کنید.
هر دستگاه در لیست Devices drop-down پیکربندی خاص خود را دارد. شما می توانید پیکربندی سفارشی را با انتخاب Devices➪Custom➪Custom➪New برای خودتان ایجاد کنید.

تغییر رنگ پس زمینه

رنگ پس زمینه مشکی است و رنگ تصویر سفید است. این به خوبی دیده نمی شود. شما باید رنگ پس زمینه را به سفید تغییر دهید تا واضح تر شود. در زیر این کار توضیح داده شده:
1. تب main.xml را انتخاب کنید.
2. خصوصیت پس زمینه ی زیر را به Linearayout اضافه کنید:
android:background=”#ffffff”
3. کد آن به صورت زیر بایدباشد:
4. سپس فایل را ذخیره کنید.
5. سپس تب Layout را برای دیدن طراح ویژوال انتخاب کنید.
تصویر باید به صورت زیر باشد:
برای تنظیم خصوصیت پس زمینه، از مقدار هگزادسیمال #ffffff استفاده می کنیم. شما می توانید هر رنگ دیگری را اینجا تایپ کنید، مانند #ff0000 که معادل رنگ قرمز است. برای یک پس زمینه می توان از یک تصویر استفاده کرد. به هر حال، شما به اجبار نیاز به یک تصویر ندارید، و یک رنگ به خوبی عمل می کند.