خوش آموز درخت تو گر بار دانش بگیرد، به زیر آوری چرخ نیلوفری را


5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه
نویسنده : امیر انصاری
در آموزش قبلی نحوه ایجاد یک پروژه جدید در محیط توسعه ویژوال استودیو (نرم افزار ویژوال استودیو 2012) را یاد گرفتیم. در این آموزش می خواهیم یک دکمه خروج به آن برنامه اضافه کنیم و به دنیای کد نویسی هم وارد شویم. بعد از آن نحوه ذخیره کردن پروژه را یاد می گیریم.

سیستم یکپارچۀ سازمانی راهکار



اگر آموزشهای قبلی را ندیده اید، به مطالعه این آموزش نپردازید، در واقع این آموزش یک مجموعه سریالی است که مطالب آن بصورت تنگاتنگ در ارتباط با یکدیگر می باشند. برای شروع این دوره آموزشی بر روی لینک آغاز دوره آموزشی کلیک کنید.

آغاز دوره آموزشی

فهرست آموزشهای دوره آموزش برنامه نویسی به زبان ساده از مبتدی تا پیشرفته بصورت کاملا کاربردی

اضافه کردن دکمه خروج به برنامه


اضافه کردن دکمه خروج به برنامه کار خیلی ساده ای است. قبل از آن باید با جعبه ابزار کنترلهای ویندوزی آشنا شویم. اسم این جعبه ابزار Tool Box می باشد. برای مشاهده Tool Box مشابه تصویر زیر اول وارد منوی View شوید و بعد از زیر منوهای آن بر روی گزینه Tool Box کلیک کنید.

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

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

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

خوب حالا دیگه Tool box ما همیشه همانجا خواهد بود و هر وقت بخواهیم می توانیم ازش استفاده کنیم. الان وقتشه تا دکمه خروج رو به برنامه اضافه کنیم. در قسمت Tool Box قسمت Common Controls (کنترلهای عمومی) را انتخاب کنید و بعد گزینه Button (دکمه) رو انتخاب کنید.

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

حالا در همین وضعیت که کنترل Button انتخاب شده است ماوس را بر روی فرم (Form) ببرید. شکل ماوس تغییر خواهد کرد. حالا کلیک سمت چپ ماوس را پایین نگهدارید و یک مستطیل روی قسمت کوچکی از فرم بکشید. این کار باعث میشه تا یک دکمه به فرم شما اضافه بشه.

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

همونطوری که در تصاویر بالا دیدید، دکمه به فرم ما اضافه شد. البته بصورت پیش فرض روی اون دکمه نوشته شده است Button 1 ، در اینجا ما می خواهیم تا روی این دکمه کلمه "خروج" نوشته بشه. خوب حالا باید با یکی دیگه از قسمتهای پر کاربرد که بعد از این همیشه باهاش سر و کار خواهیم داشت آشنا بشیم. پنجره ویژگیها (properties) .
برای اینکه پنجره ویژگیها (properties) رو ببینیم اول روی منوی View کلیک کنید و بعد از زیر منوهای باز شده بر روی گزینه Properties Window کلیک کنید. پنجره Properties در سمت راست ظاهر میشه. با همون روشی که در مورد Tool Box بهتون گفتیم این پنجره رو هم سنجاق کنید تا همیشه همونجا بمونه و بتونید راحتتر ازش استفاده کنید.

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

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

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

حالا تو همین وضعیت که این دکمه در حالت انتخاب قرار داره اگر به پنجره Properties دقت کنید گزینه Text در لیست اون انتخاب شده. و داخلش نوشته شده Button 1 .

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

اون نوشته Button 1 رو پاک کنید و به جاش تایپ کنید "خروج" و بعد دکمه اینتر رو در صفحه کلید بفشارید.

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

حالا اگر به دکمه تون توی فرم نگاه کنید می بینید که کلمه "خروج" در دکمه ظاهر شده.

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

برنامه رو اجرا کنید


خوب حالا با استفاده از دکمه Start که تو درس قبلی گفتیم برنامه رو اجرا کنید.

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

برنامه شما اجرا شده. خیلی هم شیک و تمیز. حالا روی دکمه خروج کلیک کنید. چی شد؟!!

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

بیایید کد خروج را بنویسیم


اول با دکمه Stop که اونهم در درس قبلی گفتیم برنامه رو متوقف کنید.یه نکته مهم همینجا بهتون بگم. وقتی برنامه رو در حالت اجرا مشاهده می کنید اصطلاحا بهش می گوییم زمان اجرا (Run time) و وقتی هم برنامه متوقف باشه و در محیط طراحی باشیم اصطلاحا به این می گوییم زمان طراحی (Design time) .

حالا در محیط طراحی (Design time) بر روی دکمه خروج دوبار کلیک کنید. دوبار کلیک بر روی دکمه خروج شما رو به محیط کد نویسی می بره. از این به بعد کم کم شیرین میشه.

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

اول اجازه بدید در مورد این محیط کد نویسی یک توضیحی به شما بدهم. بصورت پیش فرض هر کدوم از فرمهای ویژوال استودیو قطعه کد زیر را دارند .

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

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

شروع این قطعه کد از Private Sub می باشد و پایان آنهم End Sub می باشد.

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

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

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

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

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

الان برنامه را دوباره اجرا کنید. و در زمان اجرا (run Time) بر روی دکمه خروج کلیک کنید. چی شد؟
برنامه بسته شد.

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

ذخیره کردن پروژه


حالا وقتش رسیده تا پروژه مون را ذخیره کنیم. چون می خواهیم بعدا بیاییم و تکمیلش کنیم و مجبور نباشیم تا هر بار همه این کارها رو از نو انجام بدیم.

در نوار ابزار دکمه Save All را کلیک کنید.

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

پنجره زیر ظاهر می شود. در قسمت Location می توانید مسیری را روی هارد دیسکتان انتخاب کنید. در پایان هم بر روی دکمه Save کلیک کنید تا تغییرات ذخیره شوند.

5. آموزش برنامه نویسی به زبان ساده . ایجاد دکمه خروج در برنامه

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


آموزش قبلی : 4. آموزش برنامه نویسی به زبان ساده . آشنایی با محیط نرم افزار مایکروسافت ویژوال استودیو 2012

آموزش بعدی : 6. آموزش برنامه نویسی به زبان ساده . نمایش پیغامها در برنامه



نمایش دیدگاه ها (3 دیدگاه)

دیدگاه خود را ثبت کنید:

انتخاب تصویر ویرایش حذف
توجه! حداکثر حجم مجاز برای تصویر 500 کیلوبایت می باشد.