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

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

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

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

2008

2010

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

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

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

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

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

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

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

تغییر رنگ فرم یعنی تغییر خاصیتی از فرم که 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 را فشار دهید تا به محیط طراحی برویم

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

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

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

بنام خدا

قصد دارم تا کمی از کتاب vb.Net fot beginner را با افتخار برای شما توضیح دهم. ابتدا شما باید بدانید این آموزش برای ویژوال استودیو ( دات نت ) است که متأسفانه هنوز در ایران VB6 ( که برای قرن بیستم بود ) تدریس میشود برای همین افرادی که با سی شارپ کار میکنند بیشتر با محیط ویژوال استودیو آشنا هستند

Visual Basic .NET Programming for Beginners

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

دریافت فایل نصب نسخه ی express بخش ویژوال بیسیک


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

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