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

materialskin

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

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

MaterialSkin

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

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

create new project in c#
متریال دیزاین در سی شارپ
type project
متریال دیزاین در سی شارپ
configure new project

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

nuget package
visual studio console

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

Install-Package MaterialSkin.2 -Version 2.3.0

install package

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

visual studio toolbox

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

code

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

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

public partial class Form1 : MaterialForm

form code

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

materialskin form

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

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);

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

قبلی «
بعدی »

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.