برنامه های عدای علاوه بر کنترل هایی مانند Button و یا TextBox و …. ، عموما دارای بخش هایی مانند نوار ابزار و نوار وضعیت نیز هستند. ایجاد این قسمت ها با استفاده از کنترل های موجود در وِیژوال C# کار بسیار ساده ای است.
در بخش بعد برنامه ای خواهیم نوشت که بوسیله ان بتوانیم متن وارد شده در برنامه را تغغیر دهیم و آن را به حروف بزرگ یا کوچک تبدیل کنیم.
برنامه ویرایشگر متن:
در قسمت امتحانکنید زیر، برنامه ای خواهیم نوشت که بوسیله ان متن وارد شده در یک Textbox را ویرایش کرد.در این برنامه از یک نوار ابزار استفاده می کنیم تا بوسیله آن رنگ متن را تغییر دهیم و یا آن را به حروف بزرگ و یا کوچک تبدیل کنیم.
همچنین در این برنامه از یک نوار وضعیت نیز استفاده می کنیم تا بتوانیم هنگامی که بر روی یکی از کلید های نوار ابزار کلیک شد، وضعیت برنامه را بر اساس آن نمایش دهیم.
اولین مرحله در این برنامه ایجاد یک پروژه جدید است.

امتحان کنید: ایجاد یک برنامه ویرایشگر متن

• یک پروزه جدید به نام Text Editor ایجاد کنید.

• در اغلب موارد نام Form1 برای یک فرم مناسب نیستف زیرا در برنامه به وسیله ی این نام نمی توان فرم ها را از یکدیگر را تشخیص داد. برای تغییر نام فرم این برنامه، در پنجره  Solution Explorer بر روی نام فرم کلیک راست کرده و از منوی باز شده گزینه Rename را انتخاب کنید. سپس همانند شکل زیر نام فرم را به TextEditor.cs تغییر دهید.

• حال بر روی فرم در قسمت طراحی فرم کلیک کنید تا انتخاب شود. سپس در پنجره Properties خاصیت Text ان را به  Text Editor و خاصیت Size فرم را به 460;600 تغییر دهید.

در قسمت بعد به طراحی رابط کاربری برنامه خواهیم پرداخت.

ایجاد نوار ابزار:

همانطور که می دانید یک نوار ابزار مجموعه ای از کنترل هاست که اغلب ان ها Button هستند، همانند نوار ابزار موجود در محیط ویژوال استودیو در بخش امتحان کنید بعد، یک نوار ابزار  برای برنامه ایجاد کرده Button  های مورد نیاز را نیز به آن اضافه خواهیم کرد.

امتحان کنید: اضافه کردن نوار ابزار

• با استفاده از قسمت جعبه ابزرا ویژوال استودیو، کنترل ToolStrip را انتخاب کرده و بوسیله ماوس ان را  بر روی فرم قرار دهید. این کنترل به صورت اتوماتیک در بالای فرم قرار خواهد گرفت.

• برای اینکه بتوانیم تعدادی کنترل را به نوار ابزار اضافه کنیم، باید از پنجره Items Coleection Editor استفاده کنیم.برای نمایش این پنجره بر روی نوار ابزار در بالای فرم کلیک راست  کنید و از منوی باز شده گزینه Edit Items… را انتخاب کنید.

• در این مرحله باید شش کنترل Button به نوار ابزار اضافه می کنیم تا در برنامه از ان ها استفاده کنیم. دکمه های UpperCase ,LowerCase ,Blue ,Red ,Clear  و دکمه About

• با استفاده از پنجره Items Collection Editor می توانید کنترلهای مورد نیاز خود را به نوار ابزار اضافه کنید. برای انتخاب نوع کنترل باید از ComboBox  ای که در گوشه بالای سمت چپ صفحه قرار دارد استفاده کنید از لیست این قسمت گزینه Button را انتخاب کرده و بر روی دکمه Add کلیک کنید تا یک کنترل Button به فرم اضافه شود. به این ترتیب لیستی  مربوط به خاصیت های مربوط به این کنترل را، همانند خاصیت های موجود  در پنجره Properties مشاهده خواهید کرد. برای  تمام کنترل هایی که در این قسمت اضافه می کنیم نام ونحوه  نمایش آنها را تغییر دهید، یک ایکون مناسب برای آنها انتخاب کنید، متن داخل انها را پاک کنید و یک متن راهنمای مناسب برای ان ها قرار دهید. خاصیت Name کنترل Button جدید را هماننذ شکل زیر به tbrClear تغییر دهید. این کنترل برای پاک کردن متن وارد شده در داخل ویرایشگر به کار می رود.

• خاصیت DisplayStyle را نیز به Image تغییر دهید.

• در لیست خاصیت های موجود برای این کنترل، خاصیت Image
  

ادامه دارد…..

برنامه های عدای علاوه بر کنترل هایی مانند Button و یا TextBox و …. ، عموما دارای بخش هایی مانند نوار ابزار و نوار وضعیت نیز هستند. ایجاد این قسمت ها با استفاده از کنترل های موجود در وِیژوال C# کار بسیار ساده ای است.
در بخش بعد برنامه ای خواهیم نوشت که بوسیله ان بتوانیم متن وارد شده در برنامه را تغغیر دهیم و آن را به حروف بزرگ یا کوچک تبدیل کنیم.
برنامه ویرایشگر متن:
در قسمت امتحانکنید زیر، برنامه ای خواهیم نوشت که بوسیله ان متن وارد شده در یک Textbox را ویرایش کرد.در این برنامه از یک نوار ابزار استفاده می کنیم تا بوسیله آن رنگ متن را تغییر دهیم و یا آن را به حروف بزرگ و یا کوچک تبدیل کنیم.
همچنین در این برنامه از یک نوار وضعیت نیز استفاده می کنیم تا بتوانیم هنگامی که بر روی یکی از کلید های نوار ابزار کلیک شد، وضعیت برنامه را بر اساس آن نمایش دهیم.
اولین مرحله در این برنامه ایجاد یک پروژه جدید است.

امتحان کنید: ایجاد یک برنامه ویرایشگر متن

• یک پروزه جدید به نام Text Editor ایجاد کنید.

• در اغلب موارد نام Form1 برای یک فرم مناسب نیستف زیرا در برنامه به وسیله ی این نام نمی توان فرم ها را از یکدیگر را تشخیص داد. برای تغییر نام فرم این برنامه، در پنجره  Solution Explorer بر روی نام فرم کلیک راست کرده و از منوی باز شده گزینه Rename را انتخاب کنید. سپس همانند شکل زیر نام فرم را به TextEditor.cs تغییر دهید.

• حال بر روی فرم در قسمت طراحی فرم کلیک کنید تا انتخاب شود. سپس در پنجره Properties خاصیت Text ان را به  Text Editor و خاصیت Size فرم را به 460;600 تغییر دهید.

در قسمت بعد به طراحی رابط کاربری برنامه خواهیم پرداخت.

ایجاد نوار ابزار:

همانطور که می دانید یک نوار ابزار مجموعه ای از کنترل هاست که اغلب ان ها Button هستند، همانند نوار ابزار موجود در محیط ویژوال استودیو در بخش امتحان کنید بعد، یک نوار ابزار  برای برنامه ایجاد کرده Button  های مورد نیاز را نیز به آن اضافه خواهیم کرد.

امتحان کنید: اضافه کردن نوار ابزار

• با استفاده از قسمت جعبه ابزرا ویژوال استودیو، کنترل ToolStrip را انتخاب کرده و بوسیله ماوس ان را  بر روی فرم قرار دهید. این کنترل به صورت اتوماتیک در بالای فرم قرار خواهد گرفت.

• برای اینکه بتوانیم تعدادی کنترل را به نوار ابزار اضافه کنیم، باید از پنجره Items Coleection Editor استفاده کنیم.برای نمایش این پنجره بر روی نوار ابزار در بالای فرم کلیک راست  کنید و از منوی باز شده گزینه Edit Items… را انتخاب کنید.

• در این مرحله باید شش کنترل Button به نوار ابزار اضافه می کنیم تا در برنامه از ان ها استفاده کنیم. دکمه های UpperCase ,LowerCase ,Blue ,Red ,Clear  و دکمه About

• با استفاده از پنجره Items Collection Editor می توانید کنترلهای مورد نیاز خود را به نوار ابزار اضافه کنید. برای انتخاب نوع کنترل باید از ComboBox  ای که در گوشه بالای سمت چپ صفحه قرار دارد استفاده کنید از لیست این قسمت گزینه Button را انتخاب کرده و بر روی دکمه Add کلیک کنید تا یک کنترل Button به فرم اضافه شود. به این ترتیب لیستی  مربوط به خاصیت های مربوط به این کنترل را، همانند خاصیت های موجود  در پنجره Properties مشاهده خواهید کرد. برای  تمام کنترل هایی که در این قسمت اضافه می کنیم نام ونحوه  نمایش آنها را تغییر دهید، یک ایکون مناسب برای آنها انتخاب کنید، متن داخل انها را پاک کنید و یک متن راهنمای مناسب برای ان ها قرار دهید. خاصیت Name کنترل Button جدید را هماننذ شکل زیر به tbrClear تغییر دهید. این کنترل برای پاک کردن متن وارد شده در داخل ویرایشگر به کار می رود.

• خاصیت DisplayStyle را نیز به Image تغییر دهید.

• در لیست خاصیت های موجود برای این کنترل، خاصیت Image را انتخاب کرده و بر روی علامت … روبروی  آن کلیک کنید تا پنجره Select Resource باز شود. در این پنجره بر روی دکمه فرمان Import کلیک کنید.در پنجره Open آیکون های مورد نظرتان را برای این دکمه ها  انتخاب کنید

سپس بر روی دکمه Ok  در پنجره Select Resourse کلیک کنید تا به قسمت Collection Editor Items باز گردید.

•  خاصیت ImageScaling را به none و خاصیت ToolTipText را برابر با New  قرار دهید همچنین مقدار وارد شده برای خاصیت text  را نیز پاک کنید. به این ترتیب کنترل Button  اول ایجاد شده است.

• دکمه ی بعدی که اضافه خواهیم کرد، دکمه ی Red است. اما ابتدا  باید یک خط جدا کننده بین دکمه Claer و دکمه Red قرار دهید. برای این کار در پنجره  Item Collection Editor از لیست  جعبه ترکیبی، گزینه Seperator را انتخاب کنید و سپس بر روی کلید Add کلیک کنید.  نیازی نیست که خاصیت های این کنترل را تغییر دهید و می توانید تمام  خاصیت های پیش فرض آن را قبول کنید.

• مراحل 4 تا 7 را برای ایجاد دکمه فرمان دوم تکرار کنید و خاصیت های این دکمه فرمان برای تغییر رنگ متن به رنگ قرمز ایتفاده می کنیم. برای اضافه کردن دکمه فرمان  قبل از اینکه بر روی دکمه Add کلیک کنید، توجه داشته باشید که گزینه Button  در جعبه ترکیبی انتخاب شده باشد:

-دکمه Red

Name ==tbrRed

DisplauStyle==Image

Image==ایکون مورد نظر

ImageScalling==None

Text==””

ToolTipText==Red

• مراحل 4 تا 7 را برا اضافه دکمه فرمان Blue تکرار  کنید و در این مرحله  از خاصیت های زیر استفاده کنید:

-دکمه Blue

Name ==tbrBlue

DisplauStyle==Image

Image==ایکون مورد نظر

ImageScalling==None

Text==خالی

ToolTipText==Blue

• در این مرحله باید ببین دکمه های Blue و UpperCase نیز یک خط جدا کننده قرار دهیم. در جعبه ترکیبی صفحه ی Items Collection Editor گزینه Seperator را انتخاب کرده و بر روی دکمه Add یک کلیک کنید. در این قسمت نیز نیازی نیست خاصیتی از این کنترل را تغییر دهید.

• حال باید کنترل Button  جدیدی  اضافه کنیم تا متن داخل ویرایشگر را به حروف بزرگ تبدیل  کند. برای این کار مراحل 4 تا 7 را برای ایجاد دکمه فرمان UpperCase ترکرار کنید و در این مرحله از خاصیت های زیر استفاده کنید:

-دکمه UpperCase

Name ==tbrUpperCase

DisplauStyle==Image

Image==ایکون مورد نظر

ImageScalling==None

Text==خالی

ToolTipText==UpperCase

• کنترل Button دیگری برای LowerCase  ایجاد کنید تا به وسیله آن بتوانیم متن را به حروف کوچک تبدیل کنیم. برای این کنترل ازخاصیتهای زیر استفاده کنید:

-دکمه LowerCase

Name ==tbrLowerCase

DisplauStyle==Image

Image==ایکون مورد نظر

ImageScalling==None

Text==خالی

ToolTipText==LowerCase

•  ب اتغییر گزینه  انتخاب شده در جعبه ترکیبی به Seperator و کلیک کردن بر روی دکمه Add  جدا کننده  دیگری بین دکمه های LowerCase و About قرار دهید.

• در این مرحله باید دکمه ای برای قسمت About برنامه اضافه کنیم. برای این کار مراحل 4 تا 7 را برای ایجاد یک دکمه فرمان جدید تکرار کنید و این بار از خاصیت های زیر استفاده کنید:

-دکمه About

Name ==tbrHelpAbout

DisplauStyle==Image

Image==ایکون مورد نظر

ImageScalling==None

Text==خالی

ToolTipText==HelpAbout

• در پنجره Items Collection Editor بر روی دکمه OK کلیک کنید تا پنجره بسته شود و به قسمت طراحی فرم برگردید.

• با کلیک کردن بر روی دکمه Save All در نوار ابزار  ویژوال استودیو، تغییرات ایجاد شده در برنامه را ذخیره کنید.

چگونه کار می کند؟؟

کنترل toolStrip هنگامی که در فرم قرار داده شود به صورت اتوماتیک به یکی از کناره های فرم متصل می شود.در این برنامه، این کنترل به بالای متصل شده است.

شش کنترل Button و سه جدا کننده ای  که برنامه اضافه شده اند، هر یک همانند کنترل های معمولی که بر روی فرم قرار می گیرند، قابل انتخاب شدن  هستند و می توانید با انتخاب آنها، خصوصیات  آنها را در قسمت Properties مشاهده کنید و نیز به رویداد های این کنترل ها دسترسی داشته باشید. در قسمت های  بعدی مشاهده خواهید کرد که چگونه می توانیم  به رویداد های  این کنترل ها همانند رویداد کلیک پاسخ دهیم.

در این مرحله نوار ابزار شما باید شبیه شکل زیر باشد.

ادامه دارد…..