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


9. آموزش برنامه نویسی به زبان ساده . طراحی فرم ثبت اطلاعات!

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

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



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

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

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

طراحی فرم ثبت اطلاعات تماسها


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

9. آموزش برنامه نویسی به زبان ساده . طراحی فرم ثبت اطلاعات!

9. آموزش برنامه نویسی به زبان ساده . طراحی فرم ثبت اطلاعات!

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

تغییر عنوان فرم


در حال حاضر همانطوری که خودتان هم می توانید مشاهده کنید در عنوان فرم همان نامی که تعیین کرده ایم نمایش داده می شود، یعنی FrmAddContact . طبیعتا از این نام می خواهیم در محیط برنامه نویسی استفاده کنیم و برای کاربری که با برنامه کار می کند نامفهوم خواهد بود.

9. آموزش برنامه نویسی به زبان ساده . طراحی فرم ثبت اطلاعات!

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

9. آموزش برنامه نویسی به زبان ساده . طراحی فرم ثبت اطلاعات!

حالا بر روی پنجره ویژگیها (Properties Window) بروید. و ویژگی Text را بیابید.

9. آموزش برنامه نویسی به زبان ساده . طراحی فرم ثبت اطلاعات!

همانطور که در تصویر می بینید، مقدار این ویژگی در حال حاضر FrmAddContact می باشد، آن را به "اطلاعات تماس" تغییر بدهید.

9. آموزش برنامه نویسی به زبان ساده . طراحی فرم ثبت اطلاعات!

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

9. آموزش برنامه نویسی به زبان ساده . طراحی فرم ثبت اطلاعات!

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

تغییر اندازه فرم


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

9. آموزش برنامه نویسی به زبان ساده . طراحی فرم ثبت اطلاعات!

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

9. آموزش برنامه نویسی به زبان ساده . طراحی فرم ثبت اطلاعات!

اگر بر روی علامت + کوچکی که در کنار Size قرار دارد کلیک کنید، باز می شود و دو گزینه Width (عرض) و Height (ارتفاع) در زیر آن ظاهر می شوند. شما می توانید در همینجا هم بصورت دستی مقادیر عرض و ارتفاع صفحه را وارد کرده و سپس کلید اینتر را بفشارید. این کار را انجام بدهید و تاثیرش را ببینید. ما برای Width گزینه 800 و برای Height گزینه 600 را وارد می کنیم. معنای این اعداد اینست که عرض صفحه ما 800 پیکسل می شود و ارتفاع آن نیز 600 پیکسل می گردد.

9. آموزش برنامه نویسی به زبان ساده . طراحی فرم ثبت اطلاعات!

ابعاد فرم شما هم شبیه تصویر زیر خواهد شد.

9. آموزش برنامه نویسی به زبان ساده . طراحی فرم ثبت اطلاعات!

خوب، ظاهرا کار پروژه خیلی خوب داره پیش میره و همزمان با پیش رفتن پروژه ما هم چیزای جدیدتری یاد می گیریم. الان قصد داریم تا یک کار دیگه هم انجام بدهیم. می خواهیم فونت پیش فرض فرم رو هم تغییر بدیم.

تغییر فونت فرم


فونت پیش فرض خود ویژوال استودیو برای فرمها فونت Microsoft Sans Serif و در اندازه 8 می باشد. این فونت برای نمایش حروف انگلیسی خیلی خوب و مناسبه. فونت خوانایی هم هست. اما در زبان فارسی من فونت Tahoma رو پیشنهاد می کنم. اکثر برنامه نویس های فارسی زبان هم از همین فونت معمولا استفاده می کنند در واقع فونت Tahoma به یک جور استاندارد نوشته نشده تبدیل شده. خوب! فرم را انتخاب کنید و در پنجره ویژگیها گزینه Font را پیدا کنید.

9. آموزش برنامه نویسی به زبان ساده . طراحی فرم ثبت اطلاعات!

در جلوی فونت یک دکمه قرار دارد که علامت [...] روی آن می باشد. این علامت [...] یادتون بمونه، چون در جاهای دیگری هم می تونید اون رو ببینید. معنای کلی این علامت اینه که اگر اون دکمه رو کلیک کنیم، یک صفحه باز می شود و یک لیست انتخاب به ما نشان می دهد. اصطلاحا به این دکمه Expansion (گسترش) می گویند. در برنامه هایی مثل اکسل هم میتونید نمونه اش رو زیاد ببینید. خوب این دکمه رو کلیک کنید.

کادر محاوره ای Font نمایان می شود. مشابه تصویر زیر فونت Tahoma ، سبک یا استایل regular و اندازه 8 رو انتخاب کنید. در آخر هم ok رو کلیک کنید.

9. آموزش برنامه نویسی به زبان ساده . طراحی فرم ثبت اطلاعات!

9. آموزش برنامه نویسی به زبان ساده . طراحی فرم ثبت اطلاعات!

اهمیت تغییر اندازه فرم قبل از شروع طراحی فرم چیست؟
یک ویژگی در ویژوال استودیو هست، که به آن ارث بری می گویند. اصطلاح انگلیسی اش Inheritance می باشد. این ویژگی باعث می شود تا کنترلهایی را که روی فرم اضافه می کنید، فونت فرم را نیز به ارث ببرند. پس الان ما با تنظیم فونت فرم کاری کردیم که سایر مراحل طراحی ما راحت بشه. یعنی الان دیگه هر کنترلی مثل Button یا TextBox به فرم اضافه کنیم فونت اونها هم Tahoma و سایز 8 میشه و در نتیجه نیاز به تنظیم مجدد نداره و این یعنی صرفه جویی در زمان.

خوب حالا وقتشه پروژه تون رو ذخیره کنید. برای ذخیره کردن پروژه وارد منوی FILE و سپس زیر منوی Save All شوید.

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

پروژه ای را که تا الان با هم ساخته ایم از لینک زیر می توانید دانلود نمایید.

دانلود پروژه دفتر تلفن


آموزش قبلی : 8. آموزش برنامه نویسی به زبان ساده . بیایید اولین پروژه جدی مان را شروع کنیم!!! پروژه دفتر تلفن.

آموزش بعدی : 10. آموزش برنامه نویسی به زبان ساده . اضافه کردن کنترلها به فرم.



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

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

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