
آموزش کار کردن با استایل ها در اپلیکیشن های Xamarin.Forms
آموزش کار کردن با استایل ها در اپلیکیشن های Xamarin.Forms یکی دیگر از آموزش های گروه آموزشی پرووید می باشد که در این قسمت آن را به شما معرفی می کنیم. این بسته ی آموزشی نیز یکی از دوره های آموزشی دیگر که در حوزه ی فارسی سازی آموزش های انگلیسی تنظیم شده است می باشد. عنوان این بسته ی آموزشی کار کردن با Style ها در اپلیکیشن های Xamarin.Forms است که با نام اصلی Working with Styles in Xamarin.Forms Applications از شرکت Lynda منتشر شده است.
استایل (Style) در اپلیکیشن های Xamarin.Forms
یکی از قابلیت های جذاب توسعه نرم افزارهای موبایل با استفاده از Xamarin.Forms قابلیت استفاده کردن از Style ها برای لحاظ کردن ظاهری یکسان به گستره وسیعی از Control ها می باشد. برنامه نویسانی که تجربه کار کردن با WPF و یا حتی سیلورلایت را دارند میتوانند از دانش قبلی خود در این رابطه استفاده کنند. استفاده کردن از Style ها باعث می شود تا حجم کدهای تکراری شما در UI برنامه به مراتب کاهش پیدا کند و قابلیت نگهداری برنامه از این نقطه نظر افزایش پیدا کند.

علاوه بر این موضوع، در اپلیکیشن های Xamarin.Forms امکان استفاده کردن از CSS که مخفف Cascading Style Sheets می باشد نیز وجود دارد. با استفاده از CSS و قوانینی که در آن وجود دارند، شما می توانید ظاهر برنامه را بیش از پیش حرفه ای تر ایجاد کنید. برنامه نویسان وب در این راستا میتواند از دانش خود در CSS برای اضافه کردن Style به اپلیکیشن های Xamarin.Forms استفاده نمایند. البته CSS مورد استفاده در Xamarin.Forms نسبت به CSS ای که در اپلیکیشن های وب مورد استفاده قرار می گیرد محدودتر است اما در Xamarin.Forms قابلیتهای جدیدی نیز به CSS اضافه شده است که منحصراً در اپلیکیشن های Xamarin.Forms کاربرد دارند. استفاده کردن از Style ها و موضوعات مختلفی که در آنها وجود دارند میتوانند روند ایجاد کردن یک UI حرفه ای را بسیار ساده تر کنند. ارث بری کردن و تعریف کردن Style ها به صورت Static Resource و Dynamic Resource به تمامی برنامه نویسان کمک میکنند تا با حجم کمتری از کدنویسی ظاهر برنامه را تقویت نمایند. برای یادگیری مباحث پایه در Xamarin.Forms توصیه می کنیم که از آموزش شروع به کار Xamarin.Forms استفاده کنید.
استفاده مجدد از کد رابط کاربری در Xamarin.Forms
یکی از چالشهای توسعه اپلیکیشنهای موبایل، جلوگیری از تکرار تنظیمات رابط کاربری در صفحات مختلف است. در Xamarin.Forms میتوانید با استفاده از Styleها، مجموعهای از ویژگیهای مشترک را تعریف کنید و آنها را روی کنترلهای مختلف اعمال کنید. این روش باعث میشود بهجای تنظیم مکرر رنگ، فونت، اندازه و سایر ویژگیها در بخشهای مختلف XAML، از تعاریف مشترک استفاده کنید. در نتیجه، ساختار رابط کاربری منظمتر میشود و نگهداری تنظیمات ظاهری آسانتر خواهد بود.
استفاده مجدد از Styleها زمانی اهمیت بیشتری پیدا میکند که اپلیکیشن شامل صفحات متعدد یا کنترلهایی با ظاهر مشابه باشد. اگر تنظیمات هر کنترل بهصورت جداگانه تعریف شده باشند، اعمال یک تغییر ظاهری ممکن است به ویرایش بخشهای زیادی از کد نیاز داشته باشد. اما با سازماندهی مناسب Styleها، میتوانید تنظیمات مشترک را در یک محل مدیریت کنید. این رویکرد به کاهش تکرار کد و حفظ هماهنگی بصری میان بخشهای مختلف برنامه کمک میکند.
Styleهای پیشرفته در Xamarin.Forms چه کاربردی دارند؟
Styleها در Xamarin.Forms فقط برای تعریف چند ویژگی ظاهری ساده استفاده نمیشوند؛ بلکه میتوانند به سازماندهی بهتر تنظیمات رابط کاربری و ایجاد الگوهای قابل استفاده مجدد کمک کنند. با تعریف Styleهای مناسب، میتوانید مجموعهای از ویژگیها را برای گروهی از کنترلها در نظر بگیرید و ساختار رابط کاربری را از تنظیمات تکراری دور کنید. این قابلیت برای توسعهدهندگانی مفید است که میخواهند در پروژههای بزرگتر، تغییرات ظاهری را با کمترین پراکندگی در کد مدیریت کنند.
در استفاده پیشرفتهتر از Styleها، توجه به نحوه تعریف، ترکیب و استفاده مجدد از تنظیمات اهمیت دارد. انتخاب ساختار مناسب کمک میکند مشخص باشد هر کنترل از کدام تنظیمات مشترک استفاده میکند و کدام ویژگیها بهصورت اختصاصی برای آن تعریف شدهاند. چنین رویکردی خوانایی فایلهای XAML را بهبود میدهد و تغییرات بعدی را قابل مدیریتتر میکند. آشنایی با این قابلیتها به شما کمک میکند رابط کاربری اپلیکیشنهای Xamarin.Forms را با ساختاری منسجمتر توسعه دهید.
استفاده از Cascading Style Sheets در Xamarin.Forms
Cascading Style Sheets یا CSS روشی شناختهشده برای تعریف قوانین ظاهری در رابطهای کاربری است. در Xamarin.Forms نیز میتوان از قابلیتهای CSS برای مشخص کردن برخی ویژگیهای ظاهری کنترلها استفاده کرد. این رویکرد به توسعهدهندگانی که با CSS آشنایی دارند اجازه میدهد بخشی از دانش قبلی خود را در تنظیم ظاهر اپلیکیشنهای مبتنی بر Xamarin.Forms به کار بگیرند. جدا کردن قواعد ظاهری از بخشهای دیگر کد میتواند سازماندهی تنظیمات رابط کاربری را سادهتر کند.
هنگام استفاده از CSS در Xamarin.Forms، باید با نحوه تعریف قوانین و اعمال آنها به عناصر رابط کاربری آشنا باشید. انتخاب میان Styleهای مبتنی بر XAML و CSS به ساختار پروژه و شیوه سازماندهی کد بستگی دارد. هدف اصلی این است که تنظیمات ظاهری تا حد امکان منظم، قابل استفاده مجدد و قابل نگهداری باشند. شناخت هر دو روش به شما کمک میکند برای مدیریت ظاهر کنترلها تصمیم مناسبتری بگیرید و ساختار رابط کاربری اپلیکیشن را بهتر سازماندهی کنید.
سرفصل مطالب آموزش ویدئویی کار کردن با استایل ها در اپلیکیشن های Xamarin.Forms
فصل اول: مقدمه- مقدمه دوره آموزشی
- مقدمه
- چرا Style ها مهم هستند و چگونه از آن ها استفاده کنیم؟
- بررسی ساختار این دوره آموزشی
- بررسی اپلیکیشن Wired Brain Coffee
- نگاهی به اپلیکیشن مربوط این دوره آموزشی
- ایجاد کردن اولین Style
- استفاده کردن از Resource Dictionary های Explicit
- درک کردن اینکه Style ها چگونه جستجو می شوند
- تعریف کردن یک Global Style
- ایجاد کردن یک Implicit Style
- استفاده کردن از یک Implicit Style در سطح Control
- ایجاد کردن چندین Explicit Style برای یک Type یکسان
- جمع بندی
- مقدمه
- ارث بری کردن یک Style از یک Style دیگر
- هدف قرار دادن یک Base Type با استفاده از یک Explicit Style
- هدف قرار دادن یک Base Type با استفاده از Implicit Style
- استفاده کردن از Cascading Explicit Style ها
- اعمال کردن چندین Style با استفاده از Style Class
- هدف قرار دادن یک Base Type با استفاده از Style Class
- Reference زدن به یک رنگ از درون یک Style Setter
- انتقال Style ها به Resource Dictionary های مجزا
- اضافه کردن یک Dynamic Style
- کار کردن با Device Style ها
- ارث بری کردن از یک Dynamic Style
- جمع بندی
- مقدمه
- چرا باید از CSS بجای XAML Style ها استفاده کنیم؟
- اضافه کردن یک فایل CSS به پروژه
- انتخاب کردن یک Element با استفاده از Base Type
- انتخاب کردن یک Element با استفاده از Type
- انتخاب کردن یک Element با استفاده از Name
- انتخاب کردن یک Element با استفاده از Style Class
- انتخاب کردن Child Element ها
- بررسی محدودیت های CSS در Xamarin.Forms
- جمع بندی







