Lesson 2:

GUI

Modern Programming Language

Associate Professor
Qamaruddin Shamsi
Lesson Topics
Lesson 2 discusses the following main topics:

– NetBeans IDE
– Java Project

– Swing GUI Forms

– Controls
• Detailed Example

11-2
 NetBeans
entifier.

Stand Alone project

11-3
 Java Project
File → New Project → Next → Project Name → Finish
 Swing GUI Forms
New File (Ctrl + N) → Swing GUI Form → JFrameform → Next → JFrame Name → Finish
 ‫‪NetBeans Controls‬‬
‫هریک از این ‪ Control‬ها برای اهداف خاص استفاده میگردد که در جریان چندین پروگرام‬
‫توضیح خواهد شد‬
 ‫پروژه ذیل را مشاهده نمایید‬
‫در نظر است که همین پروژه مرحله به مرحله توضیح گردد‬
 ‫مرحله ‪:1‬‬
‫✓ یک ‪ JFrame‬را روی صفحه اضافه کنید (سالید شماره ‪ 5‬را مشاهده کنید)‬
‫✓ ‪ Layout‬را از حالت ‪ Free design‬به ‪ Null design‬تبدیل نمایید تا هر کنترول‬
‫در جایگاه تعیین شده بدون تغییر جابجا گردد (بخاطر اینکار روی فورم ‪right click‬‬
‫کنید)‬
 ‫مرحله ‪:2‬‬
‫✓ یک کنترول ‪ Panel‬را در قسمت فوقانی ‪ Jframe‬قرار دهید و از ‪Properties‬‬
‫رنگ ‪ Background‬آنرا انتخاب کنید‪.‬‬
‫✓ یک کنترول دیگر ‪ panel‬را در قسمت تحتانی ‪ jframe‬قرار داده و رنگ آنرا‬
‫نیز تغییر دهید‬
 ‫‪Name, Address, Clear‬‬
‫مرحله ‪:3‬‬
‫✓ ‪ 3‬کنترول ‪ JButton‬را روی فورم طور ذیل قرار داده و ‪ caption‬آنرا تبدیل‬
‫نمایید (‪)Right Click‬‬
‫✓ برای اینکه همه کنترول متذکره عین اندازه را داشته باشد همه را انتخاب نموده از‬
‫اختیار ‪ Same Size‬استفاده نمایید (‪)Right Click‬‬
‫✓ رنگ ‪ Background‬اختیار ‪ clear‬را نظر به کارکرد آن سرخ کنید‬
‫(‪)Properties‬‬
 ‫مرحله ‪:4‬‬
‫✓ یک کنترول ‪ JLebel‬را در اخیر فورم قرار داده متن ذیل را روی آن نوشته کنید‬
‫✓ نوعیت ‪ ،‬اندازه ‪ Font‬و موقعیت آنرا میتوانید از قسمت ‪ Properties‬تغییر داد‬
‫(‪)Right Click‬‬
‫✓ بعد از هر تغییر که در پروگرام میاورید پروگرام را ‪ Run‬کنید (باالی نام فورم که در‬
‫سمت چپ صفحه قرار دارد ‪ Right Click‬نموده و اختیار‪ Run File‬را کلک کنید)‬
 ‫مرحله ‪:5‬‬
‫✓ بعد از اینکه پروگرام ‪ Run‬گردید فورم در سمت چپ باال به شکل یک ‪Icon‬‬
‫کوچک ظاهر میگردد زیرا که ‪ Layout‬آنرا ‪ Null‬گرفته بودیم‪.‬‬
‫✓ به خاطر حل مشکل فوق نیاز است تا ‪ Layout‬فورم را به ‪ Free design‬تبدیل‬
‫نماییم (متوجه باشید که در این صورت کنترول ها روی فورم از همدیگر فاصله میگرند)‬
‫✓ برای اینکه فورم در وسط صفحه ظاهر گردد نیاز است تا روی فورم ‪right‬‬
‫‪ click‬نموده ‪ ،‬بعد از انتخاب ‪ properties‬مینوی ‪ code‬انتخاب گردد‪ .‬در این‬
‫مینو اختیاری به نام ‪ Generate Center‬تک مارک گردد‬
 ‫مرحله ‪:6‬‬
‫✓ اگر خواسته باشید که ‪ Caption Button‬فورم (که شامل ‪ maximize ،close‬و‬
‫‪ Minimize‬میباشد) حذف نمایید در آنصورت روی فورم ‪ right click‬نموده و از‬
‫‪ properties‬اختیار ‪ Undecorated‬را تک مارک نمایید‪.‬‬
‫✓ یک ‪ JLebel‬را در سمت راست قسمت پایین فورم اضافه کنید و حرف ‪ X‬را در‬
‫آن نوشته کنید که بعد از کلک کردن روی آن فورم بسته شود (البته این ‪JLebel‬نیاز‬
‫به کود کردن دارد)‬
 ‫مرحله ‪:7‬‬
‫✓ حال برای اینکه حرف ‪ X‬را پروگرام نماییم الزم است تا در قدم اول روی فورم‬
‫‪ right click‬نموده اختیار ‪ Event‬را نتخاب نماییم‪ .‬بعد از آن اختیار ‪ Mouse‬را‬
‫انتخاب و از آنجا اختیار ‪ Mouse Clicked‬را انتخاب نماییم‪.‬‬
‫✓ بعد از ‪ double Click‬روی ‪ JLebel‬نامبرده کود ذیل را در ‪ Code Page‬آن‬
‫نوشته کنید‪) System.exit(0) ( .‬‬
 ‫مرحله ‪:8‬‬
‫✓ بخاطر اینکه وقتی موس را روی حرف ‪ X‬قرار دهیم و معلومات مرتبط به‬
‫موضوع را به شکل یک پیام به ما نشان دهد الزم است تا ‪ Jlebel‬متذکره انتخاب‬
‫گردد و بعدا در قسمت ‪ Properties‬متن مورد نظر مانند (‪ )close‬را در مقابل‬
‫اختیار ‪ TooltipText‬نوشته کنید‬

‫‪close‬‬
 ‫مرحله ‪:9‬‬
‫✓ یک کنترول ‪ TextField‬را در مقابل ‪ Jbuttons‬عالوه کنید تا پیام های دلخواه ما‬
‫را در آن نشان دهد‪.‬‬
‫✓ ‪ TextField‬را انتخاب نموده روی آن ‪ Right Click‬نموده از مینوی ‪code‬‬
‫اختیار ‪ Name‬را انتخاب کنید و نام آنرا از ‪ jTextField1‬به ‪ Text1‬تغییر دهید‬
‫✓ (متوجه باشید که این کار را بخاطر انجام میدهیم تا برای کنترول متذکره نام دلخواه را در نظر‬
‫گیریم‪.‬‬
 ‫مرحله ‪:10‬‬
‫✓ حال میخواهیم کنترول های ‪ JButton‬را کود گذاری نماییم‬
‫✓ روی ‪ Jbutton‬که باالی آن ‪ Name‬نوشته شده ‪ Double Click‬نموده کود ذیل را‬
‫نوشته کنید ( ;)"‪) Text1.setText("Your Name is Ahmad Khalid‬‬
‫✓ و باالی ‪ Jbutton‬دومی که باالی آن ‪ Address‬نوشته شده ‪ double click‬نموده‬
‫کود ذیل را نوشته کنید (;)"‪) Text1.setText("You are from Badakhshan‬‬
‫✓ در اخیر ‪ Jbotton‬نهایی که باالی آن ‪ Clear‬نوشته شد ‪ ....‬کود ذیل را نوشته کنید‬
‫(;)""(‪) Text1.setText‬‬
 ‫مرحله ‪:11‬‬
‫✓ برنامه بعد از ‪ Run‬نتیجه ذیل را نشان خواهد داد‬
‫✓ اگر باالی اختیار دومی کلک شود در آنصورت آدرس شخص مذکور را نشان‬
‫خواهد داد‬
‫✓ اگر باالی اختیار ‪ Clear‬کلک شود در آنصورت ‪ Text1‬پاک خواهد شد‪.‬‬