پروفایل مرکز آموزش برنامه نویسی و توسعه نرم افزار پرووید
مرکز آموزش برنامه نویسی و توسعه نرم افزار پرووید
دنبال کن
-۳ دقیقه خواندن

شروع به کار با Xamarin.Forms Shell

با اولین درس از آموزش متنی Xamarin.Forms از وب سایت پرووید در خدمت تمامی کاربران عزیز هستیم. در این آموزش قصد داریم شما را با چیستی Xamarin.Forms Shell و مزیت‌های اصلی آن آشنا کنیم، علاوه بر این یک Page را در Shell ایجاد خواهیم کرد و سلسله مراتب یک اپلیکیشن در Shell را نیز بررسی خواهیم نمود. در پایان نیز در رابطه با Flyout ها و سیستم Navigation صحبت می‌کنیم امیدواریم که در این آموزش نیز تا پایان با وبسایت پرووید همراه باشید ضمناً به زودی آموزش Xamarin.Forms Shell به عنوان یک بسته آموزشی ویدیویی بر روی وبسایت پرووید قرار خواهد گرفت.

ابتدا Xamarin.Forms Shell چیست؟

به بیان ساده Xamarin.Forms Shell یک Container و یا ظرف است که هدفش بهبود دادن پیچیدگی‌های موجود در سیستم Navigation برنامه‌های نوشته شده با Xamarin.Forms می باشد. همانطور که در قسمت معرفی این دوره آموزشی خدمتتان عرض شد یکی از چالش‌های پیش رو برای برنامه نویسانی که با Xamarin.Forms اقدام به ایجاد کردن اپلیکیشن‌های Cross Platform می‌کنند، سیستم پیچیدگی Navigation مربوطه می باشد که با استفاده از Xamarin.Forms و قابلیت Shell تا حدود زیادی این موضوع حل و فصل خواهد شد ضمنا توصیه می‌کنیم از بسته ی آموزش ویدئویی ساخت برنامه های اندروید و iOS با Xamarin در سی شارپ سری اول و بسته ی آموزش ویدئویی ساخت برنامه های اندروید و iOS با Xamarin در سی شارپ سری دوم استفاده کنید.

مزیت‌های استفاده کردن از Xamarin.Forms Shell

استفاده کردن از Xamarin.Forms Shell مزیت‌های متعددی دارد که در قسمت زیر مهمترین آنها را بررسی خواهیم نمود.

  • یک با استفاده از Xamarin.Forms Shell پیچیدگی توسعه نرم افزارهای موبایل با استفاده از Xamarin.Forms و به طور خاص بحث مربوط به Navigation تا حدود بسیار زیادی کاهش پیدا می‌کند.
  • علاوه بر این موضوع تجربه کاربر و UserExperience (UX) در Browse کردن برنامه کاملاً یک شکل خواهد شد که این موضوع نیز می‌تواند بسیار مهم باشد.
  • موضوع سوم اینکه navigation Scheme و یا سیستم Navigation در برنامه‌های Xamarin.Forms که از Shell استفاده می‌کنند مبتنی بر Uri خواهد بود.
  • مورد آخر اینکه استفاده کردن از Xamarin.Forms Shell باعث می‌شود که یک Search Controller کاملاً یکپارچه شده در اختیار ما قرار بگیرد که در رابطه با این موضوع در همین آموزش صحبت خواهیم کرد.

حال برای درک هرچه بهتر این مباحث بهتر است که نگاهی به یک برنامه ساده که با Xamarin.Forms Shell نوشته شده است بیندازیم.

ساختن یک Page در Xamarin.Forms Shell

برای ساخت اولین Page در Shell ما می‌بایست مراحل زیر را طی کنیم:

در ابتدا می‌بایست به قسمت XAML برویم. برای ایجاد کردن یک Page به نام AppShell.xaml می‌بایست به قسمت XAML برویم زمانی که یک فایل با فرمت XAML را ایجاد می‌کنید یک ساختار از پیش تعریف شده مورد استفاده قرار می‌گیرد و ما نیاز داریم که فقط عنصر Shell را شبیه به آنچه که در کد زیر مشاهده می‌کنید به آن اضافه کنیم.

1 <?xml version="1.0" encoding="UTF-8" ?>

2 <Shell

3 xmlns="http://xamarin.com/schemas/2014/forms"

4 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

5 xmlns:views="clr-namespace:ShellNavigationSample.Views"

6 x:Class="ShellNavigationSample.AppShell">

7 </Shell>

ارث بری کردن از کلاس Shell مورد بعدی که می‌بایست انجام بدهیم ارث بری کردن فایل code-behind از کلاس Shell می باشد. اگر نام Page ایجاد شده AppShell.xaml باشد فایل code-behind آن با نام AppShell.xaml.cs ایجاد می‌گردد. دقت کنید که این کلاس باید از کلاس Shell ارث بری کند این موضوع در کد زیر نشان داده شده است. با همین دو تغییر بسیار کوچک برنامه ما آماده کار کردن با Shell می باشد.

1 public partial class AppShell : Shell

2 {

3 public AppShell()

4 {

5 InitializeComponent();

6 }

7 }

برای جلوگیری از طولانی شدن این درس در همین قسمت کار را به اتمام می‌رسانیم و صحبت مان را در قسمت بعدی ادامه خواهیم داد.