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

متریال دیزاین دارای سه قالب اصلی می باشد.

سه قالب اصلی متریال دیزاین در زامارین

Theme.Material تم با رنگ های تیره

Theme.Material.Light: تم با رنگ های روشن

Theme.Material.Light.DarkActionBar: تم با رنگ های روشن و اکشن بار با رنگ تیره

همچنین ما میتوانیم تم متریال دیزاین را با رنگ های دلخواهمان تغییر دهیم ، به طور مثال می توانیم Theme.Material.Light که تم با رنگ های روشن است استفاده کنیم و رنگ اکشن بار را به رنگ سازمانی شرکت خود تغییر دهیم.

در نظر داشته باشید ما میتوانیم از یک تم در کل برنامه استفاده کنیم و یا به هر activity تم متفاوتی اختصاص بدهیم.

اختصاص تم متریال دیزاین به اپلیکیشن

داخل AndroidManifest.xml

و یا داخل AssemblyInfo.cs

اختصاص تم متریال دیزاین به Activity

حالا میخواهیم تم متریال دیزاین را با رنگ های دلخواهمان تغییر دهیم.

بخش های layout متریال :

colorPrimary و colorPrimaryDark و colorAccent و windowBackground و textColorPrimary و statusBarColorو navigationBarColor می باشد که به شرح تصویر کاملا متوجه بخش های آن شویم.

بخش های متریال دیزاین در زامارین

شخصی سازی متریال دیزاین

حالا میخواهیم رنگ های دلخواه خودمان را در تم متریال دیزاین پیاده کنیم.

1. در فولدر Resources/values یک فایل xml با نام color.xml ایجاد میکنیم و داخل آن رنگ ها و کد هگزا آن مشخص میکنیم:

2.فولدری با نام values-v21 داخل resources اضافه میکنیم .فایلxml را با نام styles.xml را به آن اضافه میکنیم.( فولدر values-v21 برای android 5 تعریف شده است.)

در اینجا رنگ آبی یا همان my_blue که در color.xml تعریف کرده بودیم را به colorprimary و رنگ بنفش یا همان my_purple را به color accent اختصاص میدهیم.

نام تم خود را MyCustomTheme و قید کردیم که از android:Theme.Material.Light میخواهیم استفاده کنیم و 2 مورد از خصوصیات آن را میخواهیم تغییر دهیم.

تم متریال قبل از شخصی سازی در زامارین

تم متریال دیزاین قبل از شخصی سازی

 

تم متریال دیزاین بعد از شخصی سازی در زامارین

تم متریال دیزاین بعد از شخصی سازی

لازم است بدانیم که تم متریال دیزاین از android 5 و api 21 به بعد پشتیبانی میشود اما ما میتوانیم به راحتی ورژن های قبل از 5 را نیز با استایل ها کنترل کنیم، که این موضوع را در آموزش بعد بررسی خواهیم کرد.

 

 

مطالب مرتبط به این مطلب :

پاسخ دهید

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

52 − 51 =