آموزش سی شارپ قسمت 5: اولین فرم ویندوزی خود را در سی شارپ ایجاد کنید

از این به بعد، ما به جای برنامه های کنسول، برنامه های ویندوز را ایجاد خواهیم کرد.

برنامه های کاربردی ویندوز از چیزی به نام فرم استفاده می کنند. فرم ابتدا خالی است. سپس کنترل را به فرم خود اضافه می‌کنید، مواردی مانند دکمه‌ها، جعبه‌های متن، منوها، چک باکس‌ها، دکمه‌های رادیویی و غیره.

برای ایجاد اولین  فرم ویندوز، موارد زیر را انجام دهید.

اگر هنوز برنامه کنسول خود را از تمرین قبلی باز دارید، روی File از نوار منو در بالای Visual C# Express کلیک کنید.

از منوی File بر روی Close Solution کلیک کنید

برای ایجاد اولین پروژه فرم ویندوز خود، دوباره روی منوی File کلیک کنید.

این بار New Project را از منو انتخاب کنید.

وقتی این کار را انجام دادید، دوباره کادر گفتگوی New Project را خواهید دید.

اگر Visual Studio 2015 یا 2017 دارید، روی #Visual C در قسمت Templates در سمت چپ کلیک کنید:

از بین الگوهای موجود، Windows Forms Application یا Windows Forms App را انتخاب کنید.

name را روی پیش فرض WindowsFormsApplication1 (یا WindowsFormsApp1 برای کاربران 2017) نگه دارید و سپس روی OK کلیک کنید.

اگر Visual Studio 2019 دارید، دوباره کادر گفتگوی Create a new project را خواهید دید.

دوباره #C را به عنوان زبان انتخاب کنید. این بار به پایین بروید و Windows Forms App را انتخاب کنید:

با کلیک بر روی OK یک پروژه جدید Windows Application برای شما ایجاد می شود.

در ورژن 2019، صفحه دیگری خواهید داشت، پروژه جدید خود را پیکربندی کنید. می توانید همه چیز را به صورت پیش فرض بگذارید (مگر اینکه نیاز به تغییر مکان ذخیره داشته باشید) و فقط روی Create کلیک کنید.

به این ترتیب همه کاربران میتوانند یک پروژه جدید ایجاد کنند:

تفاوت آشکار با Console Application که در بخش قبل ایجاد کردید، فرم خالی در پنجره اصلی است.

به جعبه ابزار در سمت چپ توجه کنید. ما کنترل هایی را از جعبه ابزار به فرم 1 خالی که در تصویر بالا می بینید اضافه می کنیم.

اگر نمی‌توانید جعبه ابزار را ببینید، ممکن است فقط Tab را ببینید، مانند تصویر زیر (نسخه‌های Community 2015 و 2017 دارای یک برگه اضافی به نام Server Explorer هستند):

اگر صفحه نمایش شما شبیه صفحه بالا است، ماوس خود را به تب Toolbox ببرید.

گسترش خواهد یافت تا شبیه اولی شود. اگر می خواهید Toolbox را برای همیشه نمایش دهید، روی آیکون پین در وسط کلیک کنید:

به Solution Explorer در سمت راست صفحه خود توجه کنید. (اگر نمی‌توانید Solution Explorer را ببینید، روی ورودی آن در منوی View در بالای Visual

Studio Express کلیک کنید.)

اگر هنگام ایجاد برنامه کنسول خود آن را با Solution Explorer مقایسه کنید، می‌توانید شباهت‌های آن را ببینید:

هر دو پروژه دارای بخش هایی برای Properties، References و فایل Program.cs هستند.

برای باز کردن فایل Program.cs دوبار کلیک کنید و کدهای آشنا را مشاهده کنید:

و این کد از برنامه کنسول است:

هر دو دارای خطوط using ، یک name space، یک کلاس به نام Program و یک Main metod هستند.

Main metod نقطه ورود برنامه شما است.

کد بین براکت های {    }  Main با شروع برنامه برای اولین بار اجرا می شود.

آخرین خط در کد WindowsApplication1 بالا، خطی است که هنگام شروع برنامه، Form1 را اجرا می کند.

شما می توانید کارهای دیگری را در اینجا انجام دهید. به عنوان مثال، فرض کنید برنامه ای دارید که به یک سرور متصل می شود. اگر یک اتصال پیدا کند، برخی از اطلاعات را از پایگاه داده بارگیری می کند. در Main metod، می توانید بررسی کنید که اتصال سرور درست است. اگر اینطور نیست، فرم دوم را نمایش دهید. اگر مشکلی ندارد، فرم اول را نمایش دهید.

اما اگر از این کدها سر درنیاوردید، نگران نباشید. نکته ای که در اینجا باید در نظر داشت این است که روشی به نام Main برنامه شما را شروع می کند. و Program.cs در Solution Explorer در سمت راست جایی است که کد اصلی قرار دارد.

اما ما در فایل Program.cs کد نمی نویسیم، بنابراین می توانیم آن را ببندیم. به بالای پنجره کدنویسی نگاهی بیندازید.چند برگه را مشاهده خواهید کرد:

برای بستن تب روی X کلیک کنید.

اکنون باید دوباره فرم خود را ببینید (ممکن است یک تب Start نیز داشته باشید. در صورت تمایل می توانید آن را ببندید).

برای مشاهده پنجره ای که بیشتر کد خود را در آن می نویسید، روی Form1.cs در Solution Explorer کلیک راست کنید:

منو گزینه هایی برای View Code و View Designer دارد. Designer فرمی است که در حال حاضر می توانید ببینید.

از منو روی View Code کلیک کنید تا پنجره زیر ظاهر شود (همچنین می توانید کلید F7 را روی صفحه کلید خود فشار دهید):

این کد برای خود فرم است (خطوط Form1_Load را نادیده بگیرید زیرا ممکن است آنها را نداشته باشید). این فرم:

کدها نسبت به قبل دستورات using بیشتری دارند.

فعلا نگران اینها نباشید منظور آنها فقط "استفاده از کدهایی است که قبلاً نوشته شده است".

کد همچنین partial class Form1 را بیان می کنند. این جزئی است زیرا برخی از کدها از شما پنهان است. برای دیدن بقیه آن (که نیازی به تغییر آن نداریم)، روی نماد فلش کنار Form1.cs در Solution Explorer کلیک کنید:

حالا روی Form1.Designer.cs دوبار کلیک کنید. کد زیر را خواهید دید:

دوباره partial class Form1 را مشاهده می کنید که بقیه کدها هستند.

روی آیکون مثبت در کنار Windows Form Designer generated code کلیک کنید. موارد زیر را خواهید دید:

InitializeComponent کدی است (یک روش) که هنگام ایجاد یک پروژه جدید Windows Application به طور خودکار برای شما ایجاد می شود.

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

اما شما نیازی به انجام کاری در این پنجره ندارید، بنابراین می توانید روی تب Form1.Designer.cs در بالا کلیک راست کرده و از منو روی Close کلیک کنید. یا فقط روی X کلیک کنید.

دوباره روی برگه Form1.cs در بالا کلیک کنید تا دوباره فرم شما را ببینیم.

اگر برگه وجود ندارد، روی Form1.cs در Solution Explorer در سمت راست کلیک راست کنید.

از منو، View Designer را انتخاب کنید. کادر زیر ظاهر می شود:

در Designer view است که چیزهایی مانند دکمه ها و جعبه های متن را به فرم خود اضافه می کنیم. اما شما می توانید این برنامه را همانطور که هست اجرا کنید.

از منوی Debug در بالا، روی Start Debugging کلیک کنید (یا فقط می توانید کلید F5 را روی صفحه کلید خود فشار دهید.):

وقتی روی Start Debugging کلیک می‌کنید، #Visual C ابتدا برنامه را می‌سازد و در صورت امکان اجرا می‌کند. اگر نتواند برنامه شما را اجرا کند، پیام های خطا را مشاهده خواهید کرد.

اما باید فرم خود را در بالای ویژوال استودیو اجرا کنید که Red X مخصوص به خود را خواهد داشت و دکمه‌های minimize و maximize خود را دارد.

برای بستن برنامه خود و بازگشت به Visual C# Express روی Red X کلیک کنید.

از این به بعد، وقتی می گوییم برنامه خود را اجرا کنید، منظور ما این است: یا F5 را فشار دهید یا روی Debug > Start Debugging کلیک کنید.

همچنین می توانید Debug > Start Without Debugging را انتخاب کنید.

خوب، وقت آن است که شروع به اضافه کردن موارد به فرم کنید و کمی کدنویسی کنید!