مقدار دهی متغیر با جعبه متن

به جای اینکه متن خود را در متغیرها قرار دهیم میتوانیم مستقیما آنها را از طریق textbox (جعبه متن) در فرم وارد کنیم.
برای اینکه ببینیم این کار چگونه انجام میشود کارهای زیر را انجام میدهیم :
یک textbox (جعبه متن) جدید به فرم اضافه میکنیم.
حالا که جعبه متن در حالت انتخاب است ، به خاصیت Name در پنجره خواص بروید.

* مقدار فعلی این خاصیت TextBox2 است که اصلا توصیف کار این جعبه متن را نمیکند. این نام را پاک کنید و عبارت txtLastName را وارد کنید. اسکرول را پایین بیاورید تا خاصیت Text را بیابید و مقدار آن را پاک کنید تا جعبه متن خالی بماند.
* روی متن اول TextBox1 کلیک کنید و خاصیت Name آن را از TextBox1 به txtFirstName تغییر دهید.
کاری که ما انجام دادیم این بود که نام دو جعبه متن را توصیف کننده ی کارشان کردیم تا به ما کمک کنند که وظیفه ی آنان را بیاد بیاوریم.
متأسفانه اگر شما سری به پنجره کد بزنید ( تب form1.vb یا فشار دادن F7 ) می بینید که آن موج آبی خط ها برگشته است.

اگر ماوس را روی TextBox1 ببرید ، خواهید دید :

این پیام نمایش داده میشود زیرا شما نام TextBox1 را تغییر دادید. شما دیگر جعبه متنی به این نام ندارید. در کد بالا txtFirstName را جایگزین TextBox1 کنید تا خط آبی هم محو شود. ( نام را در کد Button1 هم تغییر دهید.) کد شما باید اینگونه خوانده شود:

txtFirstName.Text = FullName

برنامه ی خود را دوباره اجرا کنید. اگر پیام خطایی دیدید ، برنامه را نگه دارید و سری به موج های آبی زیر کدها بزنید.

اکنون ما کد را کمی تغییر دادیم و استفاده از جعبه متن دوم را نیز درست کردیم. شما خواهید دید که چگونه متنی را از کاربر بگیریم. به این دو خط کد برگردید :

FirstName = "Bill"
LastName = "Gates"

آن ها را مثل زیر تغییر دهید :

 FirstName = txtFirstName.Text
LastName = txtLastName.Text

یادتان باشد علامت های مساوی نماد تعیین کردن مقدارند.  هر چیزی در سمت راست علامت = است به سمت چپ آن واریز میشود. آنجه ما انجام دادیم این بود که خاصیت Text در جعبه های متن را در دو متغیر ریختیم.

کد را اصلاح میکنیم تا تمام متن در یک جعبه پیام نمایش داده شود.کد باید شبیه زیر باشد:

Dim FirstName As String
Dim LastName As String
Dim WholeName As String
FirstName = txtFirstName.Text
LastName = txtLastName.Text
WholeName = FirstName & " " & LastName MsgBox(WholeName)

برنامه خود را اجرا کنید. کلمات Bill و Gates را به ترتیب در FirstName و LastName وارد کنید. روی دکمه ی string Test کلیک کنید تا نام کامل را در آن جا ببینید.

قبلا ما کد را تغییر دادیم.ما آن موقع نام "Bill" را مستقیما در متغیر FirstName قرار دادیم. یعنی

FirstName = "Bill"

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

 می بینیم که کسی bill Gates نامیده نشده است. در خط FirstName=txtFirstName.Text که ما نوشتیم ما نام را از جعبه متن گرفتیم. چیزی که ما به vb گفتیم این است:

* به دنبال جعبه متن txtFirstName بگردیم.

* به سراغ خاصیت Text ذر جعبه متن میرویم.

* هر چه در خاصیت Text هست را بخوان

* مقدار Text را در متغیر firstName بریز

و همه ی آن چیزی که هست یعنی خواندن یک مقدار از یک جعبه متن که با خاصیت Text این کار انجام میشود.

تمرین

* جعبه متن سوم را به فرم اضافه کنید.

* نام آن را به txtWholeName تغییر دهید.

* مطابق هر جعبه متن یک Label (برچسب) به آن اضافه کنید ( میتوانید روی لیبل ایجاد شده کلیک کنید و Copy را انتخاب کنید ، سپس هر چه میخواهید از کلیک راست روی فرم Paste کنید.)

* کد را به گونه ای تغییر دهید که با کلیک روی دکمه ی string test تمامی نام در جعبه متن جدید نمایش داده شود.

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

درس قبل (متغیرهای رشته ای)

درس بعد

متغیرهای رشته ای : string variables

ما چیزهایی در مورد متغیر یاد گرفتیم که چه هستند و چگونه ساخته میشوند. و فهمیدیم که integer میتوانند در خود اعداد را ذخیره کنند. اولین فرمی که ساختیم از کاربر نام و نام خانوادگی او را میپرسید و میدانیم که نام ها عدد نیستند. پس چه هستند ؟ در این جاست که کلمه ی String (رشته) وارد میشود.

یک String (رشته) چیست؟ اگر بخواهیم که ویژوال بیسیک متنی را ذخیره کند به استفاده از کلمه ی string نیاز داریم یعنی برای ساختن یک متغیر برای نگهداری متن باید از As String استفاده کنیم نه As Integer . اگر در اطلاعات بخواهیم که متغیرهایمان را در LastName و FirstName ذخیره کنیم شبیه زیر میشود :

Dim FirstName As String
Dim LastName As String

دوباره با کلمه ی dim شروع کردیم. بعد نام اولین متغیر را FirstName گذاشتیم و در آخر خط گفتیم که برای ذخیره ی متن باید از نوع رشته باشد یعنی As String .

متغیرها را ساختیم ولی هنوز چیزی در آن ها نریختیم. اکنون با استفاده از نماد مساوی (=) مقداری در آن ها ذخیره میکنیم :

FirstName = "Bill"
LastName = "Gates"

در اینجا ما به ویژوال بیسیک گفتیم که کلمه Bill را در متغیر FisrtName و کلمه ی Gates را در متغیر LastName ذخیره کن.

به علامت های " (کوتیشن : qoutation ) دور دو کلمه نگاه کنید. ما Bill نگفتیم بلکه "Bill" گفتیم. ویژوال بیسیک به این دبل کوتشین نیاز دارد تا بتواند تعیین کند که چیزی که شما نوشتید یک رشته است.

بنابراین یادتون باشه اگر در حال ذخیره ی متنی در متغیر هستید از علامت کوتیشن استفاده کنید.

برای امتحان کردن، یک Button (دکمه) به فرم اضافه کنید و خاصیت Text آن را "String Test" بنشانید.فرمتان باید مثل شکل زیر شده باشد :

روی دکمه دبل کلیک (کلیک مضاعف) کنید و کدهای زیر را وارد کنید :

Dim FirstName As String
Dim LastName As String
Dim FullName As String

FirstName = "Bill"
LastName = "Gates"

FullName = FirstName & LastName

پنجره ی کد شما باید مثل شکل زیر باشد (توجه کنید که خط اول کد در شکل زیر برداشته شده)

در اینجا خطی است که نیاز به توضیح دارد :

FullName = FirstName & LastName

در دو خط بالا ما دو مقدار "Bill" و "Gates" را ذخیره کردیم ولی چگونه آن ها را با هم دیگر جمع کنیم؟ این کار را با علامت & ( آمپرسند :ampersand ) انجام دادیم. امپرسند برای تلفیق (جمع کردن) دو رشته با هم کاربرد دارد.

ویژوال بیسیک دو رشته را جمع کرد و ما گفتیم نتیجه را در متغیری بنام FullName ذخیره کن. بعد گفتیم که نتیجه را در textbox (جعبه متن) نمایش بده.شما کد را تایپ کردید و برنامه را اجرا کردید.

حال که برنامه در حال اجراست روی دکمه کلیک کنید و ببینید که چه اتفاقی می افتد. فرم شما باید چیزی شبیه به زیر باشد.

جعبه متن متغیرهای ما یعنی "Bill" و "Gates" را نمایش میدهد که ما آنها را با & به هم متصل کردیم. همان طور که شما میبینید دو رشته بدون هیچ فاصله ای با هم یکی شدند که ما میتوانیم با استفاده از یک امپرسند دیگر فاصله ای بین آنها بیندازیم. یعنی خط کد را به خط زیر تغییر میدهیم:

FullName = FirstName & " " & LastName

میبینید که FirstName و LastName با علامتهای کوتیشن محاصره نشده است زیرا این دو متغیر های رشته ای هستند و ما کوتیشن را برای ذخیره ی مقدار در این دو استفاده کردیم.

تمرین

یکی از آمپرسند ها را از این خط کدتان پاک کنید.

FullName = FirstName & " " & LastName

مکان نما را یک یا دو خط پایین تر ببرید تا ببینید که یک خط موجی آبی زیر قطعه ای از کد شماست.

vb میگوید که شما مشکلی در این خط از کد دارید. اگر ماوستان را روی خط آبی ببرید وی بی توضیحی در مورد خطا به شما میدهد.

شما میدانید که مشکلی در کد وجود دارد . اگر کد خود را اجرا کنید با پنجره ی زیر روبرو میشوید:

روی دکمه ی no کلیک کنید و آمپرسند را در جایی که بود قرار دهید.

تمرین

کد خود را به گونه ای تغییر دهید که اگر روی دکمه کلیک شد در جعبه ی متن عبارت Gates Bill را ببینید.

تمرین

یک متغیر رشته ای دیگر برای Middle Name به کد اضافه کنید و کاری کنید که در جعبه ی متن سه متغیر را با هم جمع کند و نمایش دهد.

یادتان باشد که :

• در نام متغیرها نباید فاصله بیفتد
• برای نوشتن متن ها دو کوتیشن اطراف آنها را فراموش نکنید
• یادتان باشد به اندازه ی لازم & (آمپرسند) در کد خود بگذارید تا با خطا مواجه نشوید.

درس قبل (اولین کد نویسی)

درس بعد (مقداردهی متغیر با جعبه متن)

اولین کدنویسی

در قسمت قبل ما تنها یک دکمه طراحی کردیم و به کد خودساخته ی آن نظری انداختیم ولی اکنون میخواهیم کمی کد به آن اضافه کنیم.

ماوستان را روی خط خالی بین دو عبارت Privte Sub و end Sub قرار دهید و کد زیر را تایپ کنید :

Dim number1 As Integer
Dim number 2 As Integer
Dim answer As Integer

number1 = 3
number2 = 5

answer = number1 + number2

MsgBox answer

 بعد از تایپ تمامی کد ، پنجره کد شما شبیه زیر خواهد بود.

قبل از اینکه بررسی کنیم که چه اتفاقی افتاده ، کارتان را ذخیره و سپس اجرا کنید. برنامه ی شما اجرا خواهد شد یک بار روی دکمه ی وسط فرم کلیک کنید تا نتیجه را ببینید.

برنامه را متوقف کنید و به محیط طراحی برگردید اگر نمیتوانید فرم را ببینید مثل شکل زیر تب design را انتخاب کنید

خیلی خوب ، ولی چه اتفاقی افتاد ؟ ما تنها یک برنامه نوشتیم که دو عدد را با هم جمع کند و در Message Box (جعبه پیغام) نتیجه ی آن را نمایش دهد.

اکنون بیایید تا کمی کد را بشکافیم :

ابتدا ما برای تعریف متغیر از Dim استفاده کردیم و سپس به متغیر یک نام دادیم (number1) و گفتیم که میخواهیم تا متغیر مقادیر Integer (عددی) را در خود ذخیره کند.همین کار را یز برای ساخت دو متغیر دیگر انجام دادیم.

بعد از ساخت سه متغیر کار زیر را انجام دادیم :

به ویژوال بیسیک گفتیم که مقدار Number1 عدد 3 و مقدار number2 عدد 5 باشد و برای ریختن مقدار در آنها از نماد مساوی (+) استفاده کردیم ولی میدانیم که این نماد به معنای واقعی مساوی نیست بلکه یک عملگر برای واریز مقدار است.

number1 = 3
number2 = 5

 قسمت بعد کمی پیچیده تر شد البته نه خیلی پیچیده . چیزی که میخواستیم انجام شود جمع کردن دو عدد بود. بنابر این گفتیم :

number1 + number2

 ویژوال بیسیک خود میداند چگونه دو عدد را با هم جمع کند کافی است تا ما از عملگر جمع کردن یعنی + استفاده کنیم.ویژوال بیسیک به مقدار ذخیره شده در number1 و number2 نگاه میکند و میبیند که یکی 3 و دیگری 5 است سپس با دیدن نماد جمع کننده آنها را با هم جمع میکند.

جز این ما کار دیگری را نیز انجام دادیم. ما گفتیم وقتی که دو عدد را جمع کرد نتیجه ی آن را در یک متغیر دیگر بنام answer بریزد.

answer = number1 + number2

 در اینجا اول طرف راست تساوی کار میکند و سپس نتیجه ی آن را با استفاده از نماد = در سمت چپ یعنی answer میریزد.

قسمت آخر از MessageBox (جعبه ی پیغام) که به طور built-in (خودساخته) در ویژوال بیسیک قرار دارد برای نمایش نتیجه استفاده میکنیم.ما بعداً در مورد جعبه ی پیغام بیشتر خواهیم دانست ولی فعلا فکر کنید که یک راه مفید برای نمایش دادن نتیجه است.

جعبه های پیغام  برای نمایش نتیجه ی کدها بسیار سودمند هستند ولی ما یک Textbox (جعبه متن) در فرم داریم و میخواهیم از آن استفاده کنیم.

پس خط MessabeBox answer را پاک کنید و به جای آن textbox1 را تایپ کنید سپس یک نقطه بعد از آن تایپ کنید تا یک لیست افتادنی ظاهر گردد. این لیست شامل Proerties (خصوصیات) و method (شیوه) هایی است که یک textbox (جعبه پیغام) میتواند از آنها استفاده کند.

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

خاصیت Text که شما آن را انتخاب کردید همان خاصیتی است که پیشتر در Properties window (پنجره خواص) آن را تغییر دادید. حال ما این خاصیت را با استفاده از کد نشاندیم. قبلا ما در هنگام طراحی این کار را کردیم و اکنون نتیجه مثل همان است یعنی میتوان با استفاده از یک متغیر نیز خاصیت Text را تغییر داد.

برای نشاندن یک مقدار کافی است تا نماد = را بنویسیم سپس مقداری را برای خاصیت Text جعبه متن قرار دهیم.

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

Textbox1.Text = answer

پنجره ی کد شما باید شبیه به زیر شده باشد:

کد خود را دوباره اجرا کنید و سپس روی دکمه ی وسط فرم کلیک کنید ، میبینید که عدد 8 در جعبه متن به نمایش درآمده است.

 ok وقت تمرین های شما رسیده است ، زیاد هم زجرآور نیستند.

آنها به شما ایده های بهتری میدهند تا یهتر بدانید که یک متغیر چیست به علاوه برنامه نویسی به عمل کردن است نه حرف زدن، پس به سوی آنها خواهیم شتافت.

تمرین

عددهای 3 و 5 را پاک کنید و عدد انتخابی خود را جایگزین آنها کنید.

تمرین

نماد مثبت (+) را در بین numebr1 و number2 پاک کنید و یکی از نماد های زیر را جایگزین آن کنید :

- (علامت منفی)

* (علامت ضرب کردن که نشان آن در vb ستاره است)

/ (علامت تقسیم صحیح که نشان آن در vb اسلش است)

تمرین

یک variable unteger (متغیر عددی) دیگر بسازید و نام آن را number3 بگذارید و عدد 10 را در آن قرار دهید.

متغیر را در متغیر answer ضرب کنید و نتیجه را در جعبه متن نمایش دهید.

(راه دیگری هم برای نشاندن مقدار برای متغیر در همان ابتدا وجود دارد. یعنی شما میتوانید اینگونه عمل کنید:

Dim number3 As Integer = 10

 این کد دقیقا به معنای زیر است :

Dim number3 As Integer

number3 = 10

 شیوه ای را که از آن استفاده میکنید موجب ترقی شما میشود ولی نتیجه همان خواهد بود که داشتیم.

در درس بعد ما نوعی دیگر متغیر بنام string (رشته) خواهیم داشت

درس قبل (افزودن کد به دکمه)

درس بعد...

افزودن کد به دکمه

به جای دبل کلیک کردن روی آیکن دکمه روی جعبه ابزار تا آن را روی فرم ایجاد کنیم ، راه دیگری را امتحان خواهیم کرد.

وقتی فرم شما در حال نمایش است کار زیر را انجام دهید :

* روی آیکن دکمه در جعبه ابزار فقط یک بار کلیک چپ کنید.

* ماوس خود را به روی محیط خالی فرم ببرید تا آیکن ماوس به یک علامت مثبت تبدیل شود.

* دکمه ی سمت چپ ماوس را پایین نگه دارید.

* وقتی هنوز دکمه ی سمت چپ ماوس پایین است ماوس را به جای دیگری حرکت دهید.

* وقتی از اندازه ی دکمه راضی شدید دکمه ی ماوس را رها کنید

* Button (دکمه) ساخته شد

شما میتوانید از دستورات بالا بیشتر کنترل های مورد نیاز مانند button (دکمه) ، Label (برچسب) و ... را در روی فرم رسم کنید.

* روی دکمه ی ساخته شده کلیک کنید تا به حالت انتخاب درآید

* از Properties Box (جعبه خواص) خاصیت Text را از کلمه ی Button1 به Add two numbers تغییر دهید.

حالا یک textBox (جعبه متن) به فرم خود اضافه کنید تا فرم شما شبیه شکل زیر شود :

همان طوری که خاصیت Font در Labels و TextBoxes را در گذشته تغییر دادیم ، خاصیت Font در دکمه را نیز دستکاری کردیم. هم چنین خاصیت پیشفرض Textbox  (جعبه متن) یعنی Text1 را پاک کردیم.

برای دیدن code window (پنجره ی کد) دوبار روی button1 کلیک میکنیم ، میبینیم که پنجره ی کد نمایش داده میشود و چند خط کد به طور خودکار در آن نوشته شده است.

می بینید که ما با استفاده از کارکتر _ یعنی Underscore ( اندسکور ) بین کد ها فاصل انداختیم و آن ها را در چند خط تقسیم کردیم. اگر کد شما نیز طولانی شد میتوانید از این شیوه استفاده کنید ولی فعلا به آن نیاز ندارید.

وقت آن رسیده که روی جایی که آیکن ماوس دارد چشمک میزند تمرکز کنیم یعنی بین خط های Private Sub و End Sub که نشانگر ماوس چشمک زنان در آن جا حضور دارد.

Private Sub Button1_Click(ByVal sender As System.Object, _
ByVal e As System.EventArgs) _
Handles Button1.Click

End Sub

و حال نظری بر کد :

Private

به این معنی است که به جز دکمه که کد در آن قرار دارد قسمت دیگری از برنامه به کدهای آن دسترسی ندارد.

Sub

مخفف Subroutine (سابروتین) است. این کلمه به وی بی میگوید که قرار چند خط کد بیاید که احتیاج به اداره کردن دارد.

Button1

این نام دکمه ی ماست. ممکن است شما فک کنید که ما این نام را قبلا پاک کرده ایم وقتی خاصیت Text را تغییر میدادیم ، پس برای چه هنوز وی بی آن را Button1 مینامد؟ این نامدهی مربوط به خاصیت Name است و با تغییر دادن آن این نام نیز تغییر میکند.

_Click ( )

 این یک رویداد نامیده میشود یعنی وقتی که دکمه کلیک شد رویداد کلیک فعال شود و کدهایی که ما میخواهیم اجرا شود. ( یعنی کدهایی که در این سابروتین قرار دارد).

End Sub

 کدهای سابروتین در این جا دیگر خلاص میشود. این علامت پایان کد ماست.

اگر همه ی اینها را نمیفهمید نگران نباشید بعدا شفاف تر خواهید فهمید. حال میخواهیم که کدمان را اضافه کنیم

 درس قبل ( variables : متغیرها )

درس بعد (اولین کدنویسی)

variables (متغیرها)

چرا ما در مورد variables (متغیرها) بحث میکنیم؟ اصلا یه variable (متغیر) چیست ؟

در ویژوال بیسیک و بیشتر زبان های برنامه نویسی چیزهایی هستند که شما در حافظه ی کامپیوتر ذخیره میکنید و تغییراتی در این ذخیره شده میدهید. اگر بخواهید دو عدد را با هم جمع کنید، دو عدد را در جایی ذخیره میکنید و به ویژوال بیسیک میگویید تا آن را محاسبه کند ولی این کار را بدون variables (متغیرها) نمیتوان انجام داد.

پس یک متغیر ، محیطی برای ذخیره است که در حافظه نگهداری میشود. فکر کنید که یک متغیر یک جعبه ی مقوایی است و شما یک اتاق خیلی بزرگ دارید و باید تمام این اتاق را با جعبه های مقوایی پر کنید. هر یک از جعبه های خالی یک متغیر هستند. برای اضافه کردن دو عدد ، ابتدا باید عدد اول را در قطعه ای کاغذ بنویسید و سپس تکه کاغذ را در یک جعبه ی خالی قرار دهید و جعبه ی دوم را هم در قطعه ای کاغذ بنویسید و در جعبه ی مقوایی دیگری قرار دهید.

حالا جز این همه جعبه ی خالی دو تا از آن ها قطعه ای کاغذ دارند که عددی روی آن ها نوشته شده برای کمک کردن در یادآوری و این هزاران جعبه ی خالی قادرند تا اعداد شما را در خود قرار دهند. دو برچسب که روی اولی مینویسیم Number1 و دومی هم Number2 و روی دو جعبه میچسبانیم.

ما چه کردیم ؟ اکنون ما یک محیط بزرگ برای حافظه ایجاد کرده ایم (اتاق و جعبه های مقوایی) و ما دو تا از این جعبه ها را برای نگهداری از اعداد قرار دادیم ( یعنی دو متغیر ساختیم ) و به هر کدام از این دو یک نام مخصوص دادیم (برچسب هایی که برای شناختن روی هر کدام چسباندیم) حالا آن ها در یادآوری به ما کمک خواهند کرد

حالا کد زیر را بررسی میکنیم :

Dim number1 As Integer
Dim number 2 As Integer

number1 = 3
number2 = 5

این یک کد ویژوال بیسیک است و راه تعریف متغیر را نشان میدهد.

تفکیک کد تعریف متغیر :

Dim

مخفف کلمه ی Dimenson است. نوعی از تعریف متغیر است که شما برای ساخت متغیر از این کلمه کمک میگیرید. ما بعدا انواع دیگر را نیز خواهیم دید ولی فعلا برای شروع کار از این کلمه برای تعریف متغیر استفاده میکنیم.

number1

 جعبه ی مقوایی ما همراه با برچسب آن. این یک متغیر است یعنی محلی برای ذخیره. بعد از کلمه ی Dim ویژوال بیسیک نظری به نام متغیر شما می اندازد. شما میتوانید هر نام دیگری را که خواستید به متغیر خود بدهید البته چند کمله ی رزرو شده وجود دارند که ویژوال بیسیک اجازه نخواهد داد تا از آنها برای نامگزاری استفاده کنید. بهتر است تا نامی مناسب با کار متغیر به آن بدهید.

As Integer

 ما به ویژوال بیسیک میگوییم که میخواهیم متغیر ما یک Integer (عدد) باشد. بعدا بیشتر بررسی خواهیم کرد.

Number1 = 3

 این نشان تساوی دقیقا آن نشان تساوی نیست. علامت = برای انتقال مقدار کاربرد دارد ، به عبارت دیگر اینجا مکانی است که شما مقداری برای متغیر خود قرار میدهید. ما به ویژوال بیسیک میگوییم که مقدار 3 را برای متغیر Number1 قرار دهد. اگر به فکر جعبه ها برگردیم این قسمت تعیین مقدار برای متغیر مانند همان چیزی است که در روی تکه کاغذ می نویسیم.

حال شما یک تصوّر ساده برای اینکه بدانید که متغیر ها چه هستند دارید. بیایید تا کمی کد برای آزمایش بنویسیم ولی اول به Coding window (پنجره ی کد) نظری می اندازیم.

میخواهیم یک دکمه در فرممان قرار دهیم تا وقتی روی آن کلیک میکنیم یک جعبه پیام کوچک بپرد جلوی مانیتور ما.

فصل قبل درس قبل (یک پروژه ی تازه)

درس بعد (افزودن یک دکمه به فرم)

یک پروژه ی تازه

وقت آن رسیده تا با دستهایمان کمی برنامه نویسی را تجربه کنیم . دیگر بهانه ای بنام من میترسم وجود ندارد. اکنون یک پروژه ی جدید برای قسمت بعد میسازیم.

اگر برای افتتاح یک برنامه ی وی بی نت حاضرید پس از منوی File گزینه ی close Project را انتخاب کنید تا پروژه ی فعلی بسته شود و به صفحه ی شروع بروید .

از منوی File بر روی گزینه ی New Project کلیک کنید. وقتی دیالوگ آن باز میشود Windows Forms Application را انتخاب کنید و نام آن را به Variables تغییر دهید.

2008

2010

هنگامی که روی Ok کلیک کنید فرم جدید ظاهر میشود. اگر به Solution Explorer (کاوشگر) نگاهی بیندازید میبینید که نام پروژه به نامی که شما برای آن انتخاب کردید تغییر میکند.

اکنون دیگر نام پروژه variables ( یعنی متغیرها ) است و پوشه ای با همین نام برای ذخیره فایلهای پروژه ی فعلی ایجاد شده است.

حال که یک پروژه ی جدید دارید میخواهیم در قسمت بعد درباره ی variables ( متغیرها ) حرف بزنیم ...

درس قبل ( ذخیره پروژه )

فصل دوم ، درس بعد (متغیر چیست؟)

ذخیره ی پروژه

اگر به قسمت بالای سمت راست محیط طراحی نظری بیندازید solution Explorer را خواهید دید ( اگر نمیبینید برای ظاهر شدن آن به View > Solution Explorer در نسخه ی 2008 و View > Other Windows > Solution Explorer سری بزنید )

solution Explorer تمام فایل های پروژه ی شما را نشان میدهد در شاخه ی اصلی My First project . با نگاه اول به نظر میرسد که پروژه ی ما فایل های زیادی ندارد اما بهتر است روی آیکن Show All Files (همان آیکنی که در زیر دور آن دایره کشیده شده) کلیک کنید.

اگر کلیک کرده باشید کاوشگر ما به چیزی شبیه شکل زیر در خواهد آمد

وقتی که شما پروژه ی خود را ذخیره میکنید در واقع تک تک این فایل ها را ذخیره کرده اید.

برای ذخیره ی کارتان میتوانید به File > Save All مراجه کنید و احتمال دارد با شکل زیر مواجه شوید :

فایل ها معمولا در پوشه ی My Documents در ویندوز XP و پوشه ی Document در ویندوز Vista و 7 ذخیره میشود ( البته در پوشه ای بنام visual Studio ) اگر شما میخواهید پروژه ی خود را در جای دیگری ذخیره کنید از دکمه ی Browse استفاده کنید

برای ذخیره کارتان میتوانید از Ctrl + Shift + S در کیبورد و آیکن save all در نوار ابزار ( که شبیه یک فلاپی است ) نیز استفاده کنید. با ذخیره ی کار وقتی کامپیوتر شما هنگ کرد یا برق رفت و ... شما فایلی را از دست نخواهید داد.

درس قبل ( تغییر دادن رنگ و فونت )

درس بعد ( یک پروژه تازه )

تغییر دادن رنگ ها و فونت

فرم ما به نظر خیلی کسل و یکنواخت به نظر میرسد. وقت آن است تا یک رنگ دیگر برای آن انتخاب کنیم.

تغییر رنگ فرم یعنی تغییر خاصیتی از فرم که BackColor نام دارد.

روی فرم کلیک کنید تا به حالت انتخاب درآید و در قسمت Properties (خواص) کلمه ی form1 نمایان شود. میدانیم که وقتی فرم به حالت انتخاب درآید میتوان با استفاده از جعبه ی خواص ، مشخصات آن را تغییر داد.

روی قسمت راست کلمه ی BackColor در خواص فرم کلیک کنید تا یک جعبه ی افتادنی پیدا شود

رنگ پیشفرضی فرم که انتخاب شده است ،Control نام دارد. ما در تب System قرار داریم. رنگ های سیستم رنگ هایی هستند که کاربر وقتی در قسمت تنظیمات کامپیوتر است آن ها را انتخاب میکند .برای مثال شما میتوانید از جعبه ی دیالوگ properties برای تغییر چیزهایی مانند منو ها و دکمه ها در ویندوز Xp استفاده کنید. ممکن است کسی هم برای بهتر دیدن صفحه رایانه رنگ های یکنواخت آن را تغییر دهد.

برای مثال شما میتوانید Active Caption را در عکس بالا ببینید که همان رنگ آبی بالای فرم شماست که عبارت myFirstForm در آن قرار دارد و Active Caption Text که همرنگ با عبارت myFirstForm یعنی سپید است.

اگر شما رنگی را میخواهید که در سیستم وجود ندارد به تب Custom هم سری بزنید.

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

شما میتوانید از تب web نیز برای رنگ هایی استفاده کنید که در مرورگر هم بدرستی دیده میشوند . این رنگ ها برای زمانی هم که میخواهید برای وب برنامه ای طراحی کنید کاربرد دارد ولی شما میتوانید هر رنگی را که میخواهید انتخاب کنید زیرا ما با برنامه های وب کاری نداریم.

برای تغییر رنگ Labels (برجسب ها) ابتدا باید آن ها را انتخاب کنید و سپس به همان روشی که میتوان رنگ پس زمینه ی فرم را تغییر داد آن ها را تغییر دهید.

میتوانید پس زمینه ی همه ی Labels (برچسب ها) را یک جا تغییر دهید برای این کار میتوانید با نگه داشتن دکمه ی ctrl در کیبورد و سپس کلیک بر روی دیگر برچسب ها آن ها را هم انتخاب کنید. حالا با تغییر خاصیت BackColor پس زمینه ی همه ی ابزاری را که انتخاب کردید تغییر میکند.

اگر میخواهید اندازه ی فونت بر چسب ها و جعبه ی متن ها را تغییر دهید باید :

* به طور مثال label1 را انتخاب کنید و روی خاصیت font کلیک کنید تا به حالت آبی درآید.

در کنار این خاصیت یک علامت مثبت وجود دارد ، روی علامت مثبت کلیک کنید تا خاصیت های فونت به طور مجزا دیده شود :

شما از این جا میتوانید خواص Font را تغییر دهید مثلا متن به صورت bold باشد یا نه و ...

یک مربع کوچک در کنار نام font میبینید که در آن چند نقطه وجود دارد با کلیک روی آن میتوان خواص فونت را در یک دیالوگ جدا تغییر داد.

تغییرات زیر را اعمال کنید :

Font: Arial
Font Style: Bold
Font Size: 10

خاصیت font همه ی اشیا ( برچسب ها و جعبه ی متن ها ) را با همین خصوصیات به طور یکجا تغییر دهید.

فرم ما کمی بیشتر شبیه یک برنامه ی واقعی شده و وقت آن رسیده است که پروژه ی خود را ذخیره کنیم.

درس قبل ( خاصیت Text )

درس بعد ( ذخیره پروژه )

خاصیت Text

تغییر دادن مقادیر بعضی مشخصات بسیار ساده است. در این جا ما مشخصه ی Text را در label ها و text box هایمان تغییر خواهیم داد .

روی Label1 کلیک کنید تا دسته های تغییر اندازه ی آن ظاهر شود. حال به بررسی مشخصات آن بپردازید

بعد از بررسی متوجه خواهید شد که مشخصات و خواص label در بسیاری از قسمت ها تفاوت چندانی با form ندارد. به فکر همان کنترل تلویزیون برمیگردیم. کنترل دی وی دی دکمه های متفاوتی با کنترل تلویزیون دارد اما بسیاری از دکمه های آن مشابه هستند.

 خاصیت text آنچه را که شما از آن انتظار دارید انجام خواهد داد یعنی متن شما را به label (برچسب) اضافه میکند ، ما این کار را این گونه انجام خواهیم داد :

وقتی Label1 درحالت انتخاب است روی محیط سمت راست خاصیت text کلیک کنید و با نگه داشتن کلید BackSpace کلمه ی پیشفرض آن را پاک کنید و عبارت FirstName را در آن تایپ کنید. اگر با مشکلی مواجه شدید گام اول را باز مرور کنید. فرم شما باید شبیه زیر شده باشد :

حال خاصیت Text را برای دو Label (برچسب) دیگر نیز تغییر میدهیم.

Label2: Last Name
Label3: Telephone Number

میبینید که برچسب ها خود به خود تغییر اندازه داده میشوند ، وقتی کلید Enter را برای ثبت کردن تغییرات میزنید ممکن است احتیاج به کمی جابجا کردن به طرف چپ داشته باشید.

وقتی کارتان انجام شد فرمتان شبیه زیر خواهد بود :

فرم ما خیلی کوچک به نظر میرسد ولی چطور میتوانیم آن را کمی بزرگ تر کنیم؟

فرم ها هم مانند labels (برچسب ها) و TexBoxes (جعبه متن ها ) قابلیت تغییر اندازه دارند. روی هرجای فرم به جز آن قسمتی که روی آن کنترل ها ( برچسب ها و جعبه های متن ) قرار دارند کلیک کنید تا دسته های تغییر اندازه ظاهر شود حال با این دسته های تغییر اندازه فرم را کمی بزرگ تر میکنیم

از منوی Debug گزینه ی Start را انتخاب کنید یا کلید F5 را از صفحه کیبورد فشار دهید و برای توقف اجرا Stop Debugging را از منوی Debug یا F5 + Shift را در صفحه کیبورد فشار دهید و یا از X در روی فرم استفاده کنید.

درس قبل ( Properties : مشخصات و خواص )

درس بعد ( تغییر رنگ و فونت )

Properties : خواص و مشخصات

شاید متوجه ی ناحیه ای در سمت راست محیط طراحی شده باشید که دارای تعداد زیادی textbox در یک راستا باشد ، نام های ترسناکی مانند "AccessibleDescription", "AccessibleName" و "AccessibleRole" . به این محیط properties (جعبه خواص) میگویند.

در هر جای فرم به جز روی label و textbox ها کلیک کنید. اگر دسته های تغییر اندازه ی فرم آشکار شد میفهمیم که فرم در حالت انتخاب است.

جعبه ی طراحی باید مانند شکل زیر باشد.

اگر در جعبه خواص نام هایی مانند "Textbox1 Textbox" یا "Label1 Label" میبینید معلوم است که هنوز فرم در حالت انتخاب نیست. روی فرم کلیک کنید تا در جعبه ی خواص نام هایی مانند "Form1 Form" ظاهر شود.

چیزهایی در لیست خواص مانند Name , BackColor, Font, Image و Text میبینید که هر کدام در سمت راستشان مقادیری برای خود دارند . این مقادیر پیشفرض هستند و شما میتوانید آن ها را تغییر دهید. میخواهیم خاصیت Text را تغییر دهیم.

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

این طور پیدا کردن خواص راحت تر است.

قبل از این که چیزی را در جعبه ی خواص تغییر دهیم بهتر است بدانیم که Property (خاصیت) چیست؟

Property چیست؟

کنترل هایی مانند textbox و label که شما به فرم اضافه کردید و هم چنین خود فرم Control Object (وسایل کنترل) نامیده میشود و قابل تغییر و چینش هستند. هر کنترل هم مشخصاتی دارد.

اگر کنترل یک تلویزیون را فرض کنیم مشخصات زیادی مانند روشن خاموش کردن ، تغییر رنگ ، تغییر صدا و ... دارد که اگر این خواص را متغیر فرض کنیم . روشن خاموش کردن آن دارای دو مقدار خاموش و روشن است. صدای آن مقادیر بین صفر تا صد دارد که اگر روی صد تنظیم شود بیشترین Value (مقدار) را دارد که موجب اذیت کردن همسایه ها میشود.

در وی بی دات نت شما میتوانید مقادیر یک Control (کنترل) را از طریق جعبه ی خواص تغییر دهید ( هم چنین میتوانید این کار را از طریق کد انجام دهید که بعدا بررسی خواهیم کرد) . به فرم خود برمیگردیم. فعلا فقط یکی از این مقادیر یعنی Text را تغییر میدهیم. لغت Text را در مشخصات فرم پیدا کنید و آن را مانند زیر تغییر دهید.

"Text" یک خاصیت از فرم است. لطفا بخاطر نام Form1 که مقدار آن است گیج نشوید. form1 مقدار پیش فرض Text است که قابل تغییر است. برای تغییر آن میتوانید :

در محیط سمت راست خاصیت Text کلیک کنید و کلید backSpace را برای پاک کردن مقدار آن فشار دهید. سپس نام فرم را به "My First Form" تغییر دهید.

برای ثبت شدن تغییر میتوانید روی فرم و اشیای آن کلیک کنید یا کلید Return ( در ویندوز Enter ) را فشار دهید. این عبارت در بالای فرم در محیط آبی نمایش داده خواهد شد مانند شکل زیر :

همان گونه که دیدید عنوان فرم در title Bar تغییر کرده است.

درس قبل ( افزودن ابزار به فرم )

درس بعد ( خاصیت Text )

افزودن کنترل ( ابزار ) به فرم

با اضافه کردن یک جعبه متن _TextBox_ به صفحه شروع میکنیم. با ابزار نمایش داده شده عمیات زیر را انجام میدهیم :

* ماوس را روی کنترل جعبه متن میبریم

* روی آن دابل کلیک ( کلیک مضاعف ) میکنیم

* و در نهایت یک جعبه متن به فرم شما اضافه میشود

جعبه متن در سمت چپ بالای ماوس افزوده شده است که برای حرکت دادن آن باید ماوس را بر روی آن پایین نگه داشت و به یک محل جدید انتقال داد.

میبینیم که مربع های کوچکی دور text box وجود دارد که برای تغییر اندازه ی آن استفاده میشود. ماوستان را به روی یکی از آنها حرکت دهید تا نمای آن مانندی پیکانی دو طرفه شود. دکمه ی چپ ماوس را روی پیکان ، پایین نگه دارید و آن را به جایی دیگر بکشید تا اندازه ی آن را تغییر دهید. این کار را آنقدر انجام دهید تا از اندازه ی جدید آن راضی شوید

چیزی که متوجه میشوید این است که نمیتوان ارتفاع آن را بیشتر کرد ولی میتوان آن را عریض تر کرد. دلیل این که نمیتوان چنین کاری کرد این است که دستور پیشفرض جعبه ی متن بر روی تک خطی _single Line_ تنظیم شده است که در آن بخاطر اینکه تمام متن در یک خط است دلیلی برای تغییر ارتفاع وجود ندارد.

با چند خطی بودن متن یعنی multiline میتوان ارتفاع آن را افزایش داد

تمرین :

* با دبل کلیک کردن روی آیکن جعبه متن _text box_ در جعبه ابزار چند جعبه متن به فرم اضافه کنید ( هم چنین میتوانید با راست کلیک بر روی جعبه متن در فرم و انتخاب Copy و سپس Paste این کار را انجام دهید )

* اگر میخواهید آن ها را به یک اندازه تغییر دهید

* آنها را با یک فاصله معین در فرم قرار دهید

افزودن Label (نشانه) به فرم

بیایید چند label به فرم اضافه کنیم تا کاربر بداند که هر جعبه متن برای چه کاری است

آیکن label را در جعبه ابزار پیدا کنید و روی آن دبل کلیک کنید تا به فرم اضافه شود

label را در کنار جعبه متن بالایی قرار دهید و از آن به تعداد جعبه های متن _text box_ کپی بگیرید

برای دیدن فرم مانند یک برنامه از منوی Debug گزینه ی Start را انتخاب کنید یا میتوانید کلید F5 را فشار دهید

برای توقف اجرا میتوان :

1 . علامت X بالای فرم را فشار دهد

2 . از منوی Debug گزینه ی Stop Debugging را انتخاب کرد

3 . Shift + F5

نیز میتوانید از آیکن توقف در ابزارهای ویژوال استودیو استفاده کرد

خیلی خوبه ، در حال پیشرفت کردنیم. حالا ما یک فرم داریم با چند text box و label ، شبیه همان چیزهایی که افراد آن را پر میکنند ولی label ها هنوز توضیحی ندارند و متن text box ها همان پیشفرض است. چگونه میتوان این ها را تغییر داد؟

درس قبل ( جعبه ابزار )

درس بعد ( Properties : خواص و مشخصات )

جعبه ابزار

چیزهایی مانند دکمه ، جعبه متن و نشانه که شما میتوانید آن ها را به فرم اضافه کنید با نام کنترل شناخته میشود و برای استفاده راحت تر در جعبه ی متن نگهداری می شود

جعبه ی ابزار Tool Box را میتوانید در سمت چپ صفحه پیدا کنید

vb.Net 2008

vb.Net 2010

برای نمایش تمام ابزار ماوس را روی آیکن جعبه ی ابزار حرکت دهید تا به طور خودکار آن را نمایش دهد

هفت دسته ی قابل استفاده از ابزار وجود دارد که شما با اولین آن یعنی Common Controls کار خواهید کرد .روی علامت مثبت آن کلیک کنید تا لیست بلندی از ابزار را ببینید

همانگونه که میبینید ابزار بسیار زیادی برای انتخاب وجود دارد. برای نخستین قسمت ما تنها با Button , Text Box و Label کار خواهیم کرد

برای نمایش ثابت از علامت سنجاق کنار X استفاده کنید و برای بستن آن کافی است که ماوس خود را از روی آن کنار بزنید

قسمت قبل ( فرم ها )

قسمت بعد ( افزودن ابزار )

فرم ها

در محیط طراحی ویژوال بیسیک اولین چیزی که توجه شما را جلب میکند یک چهارگوش بزرگ در گوشه ی چپ بالای صفحه است که فرم نام دارد . قسمتی زیبا از برنامه نویسی شما در فرم است. همان قسمتی که با اجرای کارتان در صفحه دیده خواهد شد. فعلا که زیاد جالب به نظر نمیرسد به زودی راه هایی را پیدا میکنید که آن را بدلخواه تغییر دهید

برای اجرای فرم به صورت طبیعی :

1 : میتوانید از منوی Debug گزینه ی Start را انتخاب کنید

2 : و یا با فشردن F5 برنامه را اجرا کنید

عالی است شما اولین برنامه ی خود را ساختید . اکنون فرمتان شبیه زیر به نظر میرسد

برای توقف اجرا روی دکمه X در مربع قرمز کلیک کنید تا به محیط برنامه نویسی بازگردید

اگر توجه کرده باشید محیط برنامه نویسی در زمان اجرای فرم تغییر کرده بود، ولی چرا ؟ ویژوال بیسیک دو محیط مجزا دارد که یکی برای طراحی و دیگری برای مشکل یابی ( Debug ) است. وقت آن رسیده که شما در فرم تغییراتی ایجاد کنید ، آراسته اش کنید ، به آن دکمه ، جعبه ی متن ، نشانه و البته کد اضافه کنید

دیباگ ( Debug ) جایی است که شما برنامه تان را امتحان میکنید که آیا به خوبی کار میکند یا نه؟ در مورد اصطلاحات زیاد نگران نباشید

بیایید چیزهایی را به فرم اضافه کنیم . قبل از طراحی به کمی ابزار نیاز داریم که در جعبه ی ابزار tool Box وجود دارند

قسمت قبل ( شروع )

قسمت بعد ( جعبه ابزار )

 شروع

برنامه ی ویژوال بیسیک دات نت یا ویژوال استودیو را باز کنید
با انتخاب گزینه ی New Project ممکن است با یکی از دو شکل زیر مواجه شویم
 

یا در نسخه ی 2010


 

به عنوان یک تازه کار طبیعی است که شما به گزینه ی windows application نیاز دارید تا برنامه ای طراحی کنید که با سیستم عامل اجرا شود.
اگر به فیلد Name توجه کنید نام پیش فرض پروژه ی خود یعنی windowsApplication1 را خواهید دید. بهتر است که آن را تغییر دهیم ، شما که نمیخواهید تمام پروژه هایتان با WindowsApplication1 , WindowsApplication2 و ... نامگذاری شود؟
روی جعبه ی متن کلیک کنید و نام پروژه را به MyFirstProject تغییر دهید
بگذارید تا محل پروژه _Location_ همان پوشه ی پیش فرض Visual Studio Projects در پوشه ی Document باشد. با فشردن OK پوشه ای همنام پروژه در پوشه ی Visual Studio Projects ایجاد خواهد شد که تمام فایلهای پروژه در آن قرار میگیرد.
دکمه ی OK را فشار دهید تا به محیط طراحی برویم

هنوز برنامه نویسی را شروع نکردیم ؟ نگران نباشید

قسمت قبل ( مقدمه )

قسمت بعد ( فرم ها )