استایل (Style) شامل مجموعه ای از خصوصیت هاست همانند ارتفاع ( Height)، رنگ پس زمینه (background color) ، رنگ فونت (font color) و سایز فونت ()font sizeو ….

استایل ها در فایل های xml تعریف می شوند .

در این آموزش قصد داریم تا ظاهر یک  button را تغییر دهیم ، پس  در ادامه style با نام button_text ایجاد می کنیم تا ظاهر دکمه را تغییر دهیم .

1.برنامه زامارین ایجاد میکنیم و نام آن را StyleAButton میگذاریم .

2.Main activity را به صورت زیر اصلاح میکنیم.

3.main.axml را به صورت زیر طراحی میکنیم.

دو دکمه (button)قرار میدهیم یکی به صورت معمولی و دیگری دکمه ای که ما میخواهیم استایل را روی آن اعمال کنیم.

4. در resources در فولدر values فایل style.xml را تعریف میکنیم.

5.میخواهیم وقتی روی دکمه کلیک شد ظاهر دکمه از قرمز تیره به قرمز روشن تغییر رنگ دهد پس در resources و داخل drawable فایل red_button.xml را تعریف میکنیم.
در آن مشخص میکنیم اگر دکمه کلیک شده بود استایل آن به صورت زیر تغییر کند.

 

استایل در زامارین

6.به main.axml بازمیگردیم . حالا باید ابتدا فایل استایل که ایجاد کردیم و سپس background ای که برای دکمه تعریف کرده ایم را به آن اختصاص دهیم.

در خروجی مشاهده میکنیم که دکمه اول به صورت پیش فرض خود قرار دارد و دکمه دوم دارای استایلی است که ما به آن اختصاص دادیم.

قبل از کلیک

style_buttons

هنگام کلیک

style-button-with-click

 

دانلود فایل پروژه آموزشی

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

16 − = 12