پرووید
آموزش برنامه های مدرن WPF با MahApps.Metro
آموزش برنامه های مدرن WPF با MahApps.Metro یکی دیگر از آموزش های گروه آموزشی پرووید می باشد که در این قسمت آن را به شما معرفی می کنیم. این بسته ی آموزشی نیز یکی از دوره های آموزشی دیگر که در حوزه ی فارسی سازی آموزش های انگلیسی تنظیم شده است می باشد. عنوان این بسته ی آموزشی ساخت برنامه های مدرن WPF با MahApps.Metror است که با نام اصلی Creating Modern WPF Apps with MahApps.Metro از شرکت Pluralsight منتشر شده است.
برنامه های UWP چیست؟
برنامه های UWP و یا Universal Windows Platform که پیشتر تحت عنوان Windows Store App و یا Metro-style App شناخته می شدند، در واقع اپلیکیشن هایی هستند که می توانند بر روی دستگاه های مختلفی که از سیستم عامل ویندوز مایکروسافت استفاده می‌کنند اجرا بشود. این دستگاه ها شامل کامپیوترهای شخص، تبلت ها، گوشی های تلفن هوشمند، Xbox One و Microsoft HoloLens میباشند.
MahApps.Metro چیست؟
MahApps.Metro پروژه‌ای است که توسط آقای Paul Jenkins در سال ۲۰۰۱ آغاز به کار کرد و به منظور اضافه کردن یک استایل و سبک شبیه به Metro Application ها به برنامه های WPF پیاده‌سازی شد. در رابطه با توسعه ی نرم افزارها با استفاده از WPF می توانید از آموزش WPF دبلیو پی اف WPF استفاده کنید. از زمان شروع به کار کردن این پروژه تا به حال تکامل های زیادی در آن رخ داده است. این پروژه به صورت Open-source بوده و توسط برنامه نویسانی که در این حوزه کار می‌کنند توسعه داده می شود.
به منظور استفاده کردن از MahApps.Metro می توانید آن را در قالب یک Nuget Package نصب کنید. با نصب کردن پکیج MahApps.Metro قابلیت های مختلفی به برنامه اضافه می شوند که می توانید با استفاده از آنها برنامه را به یک Metro App تبدیل کنید. در ابتدا باید با استفاده از کلاس MetroWindow به جای کلاس Window برنامه را تبدیل به یک Metro App کنید. پس از آن می توانید با استفاده از کنترل های مختلفی که در MahApps.Metro وجود دارد UI برنامه را بسازید. البته علاوه بر اضافه شدن Style های جدید، قابلیت های جدیدی در قالب Control های جدید به برنامه اضافه می شوند.
ضمناً توصیه می کنیم که از آموزش پروژه محور ساخت اپلیکیشن های UWP نیز استفاده کنید.
طراحی پنجره‌های حرفه‌ای با MetroWindow و کنترل‌های MahApps.Metro
در توسعه برنامه‌های دسکتاپ با WPF، ظاهر پنجره‌ها و نحوه تعامل کاربر با کنترل‌ها می‌تواند تجربه استفاده از نرم‌افزار را کاملاً تغییر دهد. در آموزش Creating Modern WPF Apps with MahApps.Metro، با کلاس MetroWindow و امکاناتی آشنا می‌شوید که برای ساخت رابط کاربری مدرن‌تر در برنامه‌های مبتنی بر WPF به کار می‌روند. بررسی آیکون‌های Title Bar، قابلیت‌های جدید TextBox، تنظیمات ComboBox و نحوه استفاده از TabControl به شما کمک می‌کند انتخاب‌های بیشتری برای طراحی فرم‌ها و بخش‌های مختلف برنامه داشته باشید.
بخش مهمی از این مباحث به شناخت کنترل‌ها و نحوه استفاده از آنها در موقعیت‌های متفاوت اختصاص دارد. برای مثال، هنگام ساخت فرم‌های ورود اطلاعات، می‌توانید رفتار TextBox و ComboBox را متناسب با نیاز رابط کاربری بررسی کنید و برای سازمان‌دهی محتوا از TabControl بهره ببرید. معرفی پروژه MahApps.Metro Demo نیز فرصتی برای مشاهده امکانات این کتابخانه در قالب نمونه‌های عملی فراهم می‌کند. این موضوعات برای توسعه‌دهندگانی مناسب‌اند که با WPF آشنایی دارند و می‌خواهند فراتر از ظاهر پیش‌فرض کنترل‌های ویندوز، رابط‌های یکپارچه‌تری طراحی کنند.
پیاده‌سازی Dialog، Flyout و تغییر تم در برنامه‌های WPF
در بسیاری از برنامه‌های دسکتاپ، نمایش پیام، دریافت تأیید کاربر یا اطلاع‌رسانی درباره یک عملیات، به پنجره‌ها و اجزای تعاملی مناسبی نیاز دارد. این آموزش به بررسی Dialogها و Flyoutها در برنامه‌های Metro می‌پردازد و نحوه پیاده‌سازی Progress Dialog را نیز پوشش می‌دهد. چنین قابلیت‌هایی برای نمایش وضعیت عملیات زمان‌بر یا ارائه اطلاعات تکمیلی بدون برهم زدن جریان کار کاربر کاربرد دارند. آشنایی با این امکانات به شما کمک می‌کند برای تعامل‌های مختلف، راهکارهای متناسب‌تری انتخاب کنید و رفتار بخش‌های گوناگون رابط کاربری را بهتر سازمان‌دهی کنید.
ظاهر برنامه نیز تنها به شکل پنجره‌ها محدود نمی‌شود؛ رنگ‌ها، آیکون‌ها و منابع مشترک در هماهنگی بصری اجزای رابط نقش دارند. در بخش‌های مربوط به Color Scheme، نحوه تغییر طرح رنگی بررسی می‌شود و موضوع استفاده از Iconها و Resourceها نیز در سرفصل‌های آموزش قرار دارد. همچنین بررسی نمودارهای برنامه‌های Metro، دامنه مباحث را از کنترل‌های ساده فراتر می‌برد. اگر قصد دارید برنامه WPF موجود خود را از نظر ظاهر و تعاملات ارتقا دهید، این مباحث می‌توانند دید روشن‌تری درباره امکانات MahApps.Metro و محل استفاده از آنها ارائه کنند.
سرفصل مطالب آموزش ویدئویی ساخت برنامه های مدرن WPF با MahApps.Metro
فصل اول: شناخت Modern WPF Application ها
- مقدمه دوره آموزشی
- شناخت Modern Windows Application ها
- گزینه‌های پیش رو برای ایجاد کردن Modern Application ها
- معرفی MahApps.Metro
- بررسی برنامه مربوط به این دوره آموزشی
فصل دوم: بررسی MahApps.Metro و کلاس MetroWindow
- مقدمه
- نصب کردن MahApps.Metro
- استفاده کردن از کلاس MetroWindow
- سفارشی سازی کردن Title Bar
- سفارشی کردن Border مربوط به MetroWindow
- بررسی آیکون های مربوط به Title Bar
- بررسی Command های مربوط به Title Bar
- اضافه کردن Status Bar
- جمع بندی
فصل سوم: بررسی Input Control های معمول
- مقدمه
- معرفی کردن MahApps.Metro Demo Project
- بررسی کردن Button Style ها
- بررسی کردن Toggle Button ها و Switch ها
- بررسی کردن قابلیت های جدید TextBox
- پیاده سازی عملی قابلیت های جدید TextBox
- بررسی کردن Slider ها
- جمع بندی
فصل چهارم: بررسی کردن Item Control ها و Content Control ها
- مقدمه
- بررسی ComboBox ها
- بررسی ListBox ها و ListView ها و TreeView ها
- بررسی کردن GroupBox و Expander و ScrollView
- بررسی کردن TabControl
- استفاده کردن از TabControl
- قابلیت های جدید TabControl
- جمع بندی
فصل پنجم: بررسی کردن Dialog ها و Flyout ها
- مقدمه
- بررسی کردن Dialog ها در Metro Application ها
- نشان دادن یک Message Dialog ساده
- استفاده کردن از Message Dialog ها به روش صحیح
- پیاده سازی کردن Progress Dialog ها
- معرفی Flyout ها
- استفاده کردن از Flyout ها
- جمع بندی
فصل ششم: استفاده از Color ها و Icon ها و Resource ها
- مقدمه
- تغییر دادن Color Scheme
- وارد کردن Resource های دیگر
- استفاده کردن از Resource ها
- بررسی کردن Icon ها
- استفاده کردن از Icon ها
- جمع بندی
فصل هفتم: بررسی کردن نمودارهای برنامه های Metro
- مقدمه
- بررسی کردن UI Chart ها
- بررسی کردن Bar Chart
- سفارشی سازی کردن Bar Chart
- بررسی کردن Stacked Bar Chart ها
- بررسی کردن Pie Chart ها و Doughnut Chart ها
- جمع بندی
فصل هشتم: قدم‌های بعدی
- مقدمه
- Control ها و Style های بیشتر
- بررسی مستندات
- بیشتر یاد بگیرید
- بررسی Syncfusion Metro Studio
- جمع‌بندی دوره آموزشی
محصولات مرتبط
