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

رابط کاربری مناسب یکی از نیاز های هر اپلیکیشنی است. اگر برنامه نویس بخواهد رابط گرافیکی را هم طراحی کند باید زمان زیادی به آن اختصاص دهد، همچنین اگر از رابط گرافیکی ساده خود IDE هم استفاده کند اپلیکیشن جذابی نخواهد بود. به همین دلیل طراحان، رابط هایی گرافیکی را طراحی می‌کنند تا برنامه نویسان بتوانند در زمان صرفه جویی و برنامه جذابی ایجاد کنند.

سی شارپ یک زبان برنامه نویسی است که توسط شرکت مایکروسافت به‌وجود آمده است و برای ساخت اپلیکیشن های تحت ویندوز مورد استفاده قرار می‌گیرد. visual studio یک IDE برای برنامه نویسی به زبان سی شارپ است و کامپوننت هایی برای ایجاد برنامه های تحت ویندوز را دارا می باشد. همان طور که گفته شد این کامپوننت ها تنها می‌توانند یک رابط گرافیکی ساده را ایجاد کنند، در ادامه مطب به سراغ کامپوننت زیبایی خواهیم رفت تا شما بتوانید برنامه های جذابتری به‌وجود بیاورید.

MaterialSkin

این کامپوننت از اصول متریال دیزاین گوگل پیروی می‌کند، به صورت رایگان و منبع باز در اختیار عموم هم قرار گرفته و کلی امکانات جذاب به ما می‌دهد. حالا وقت آن است بریم سراغ نصب و استفاده از این کامپوننت.

۱- ابتدا یک پروژه جدید در visual studio ایجاد کنید.

۲- بعد از ایجاد پروژه از داخل سربرگ گزینه tools سپس NuGet Package Manager و گزینه Package Manager Console را انتخاب کنید تا در پایین صفحه کنسول را برای نوشتن درستور باز کند.

۳- حالا در داخل کنسول دستور زیر را تایپ کنید و منتظر بمانید که فایل ها کاملا دانلود شود.

Install-Package MaterialSkin.2 -Version 2.3.0

4-  وارد فایل پروژه بشید و داخل پوشه package وارد پوشه MaterialSkin  بشید. داخل پوشه lib فایل MaterialSkin.dll را copy و در داخل برنامه و قسمت paste,ToolBox کنید.

 5- بر روی فرم کلیک راست و گزینه view code را بزنید.

۶- ابتدا این ۲ خط کد رو به برنامه اضافه کنید.

۷- حال فرم پیش فرض را داخل کد تغییر میدیم و مقدار زیر را وارد می‌کنیم.

public partial class Form1 : MaterialForm

8- بعد از این تغییر مشاهده خواهید کرد که فرم تغییر کرده.

۹- همچنین می‌توانید ظاهر فرم را با اضافه کردن چند خط کد زیر به برنامه، تغییر دهید.

var materialSkinManager = MaterialSkinManager.Instance;
    materialSkinManager.AddFormToManage(this);
    materialSkinManager.Theme = MaterialSkinManager.Themes.LIGHT;
    materialSkinManager.ColorScheme = new ColorScheme(Primary.BlueGrey800, Primary.BlueGrey900, Primary.BlueGrey500, Accent.LightBlue200, TextShade.WHITE);

امیدوارم این موضوع براتون مفید بوده باشه، ممنون از شما که با ما همراه بودید.