Ee364 ADVANCED PROGRAMMING شرح كآمل ومفصل وبالاكوآد

[most_uniQue]

بعد ما اخذنا فكره رئيسيه عن النظري ندخل بالعملي وفهمه

رآح اشرح برمجة الـ Container Classes

JFrame و JPanel

وبعدهآ

GUI Components






JFrame

لانشاء فريم بالجافا

لازم تشيل الارقـآم عشآن البرنآمج يشتغل , الارقآم لتسهيل الشرح ~

1import javax.swing.*;

2 public class MyFrame {
3 public static void main(String[] args) {
4 JFrame frame = new JFrame("My Frame"); // Create a frame and put the title
5 frame.setSize(400, 300); // Set the frame size
6 frame.setLocationRelativeTo(null); // put the frame in the middel
7 frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
8 frame.setVisible(true); // Display the frame
 } }

هآذي خطوآت انشآء الفريم
اول شي ننشأ object من كلآس JFrame
الخطوة 5 لو ما سويتها راح يظهر شريط العنوان فقط جربهآ وشوف
الخطوة 7 , معناها انه لما تضغط الاكس على الفريم راح يقفل الفريم
الخطوهـ 8 مهمة اذا ما سويتها ما راح يظهر الفريم

لو تلآحظ الفريم ما تقدر تحط اكثر من لون , حتى بعدين لما تضيف عليه مكونات كآ ازرآر وغيره
ما تقدر تغير امآكنها و في العمليات المعقده ما تقدر تستخدمه
الفريم يستخدم في التحذيرات و التنبيهات
بالعربي الفصيح
ما يساعدك الفريم كثير

وهنآ بآقي المعلومات عن JFrame

[most_uniQue]

JPanel

اخذنا الفكره الاسآسيه عنهـ هذآ انشآءة واضآفته في فريم
زي ما قلنا لازم كل شي في النهآيه ينضآف في الفريم

1import java.awt.*;
2import javax.swing.*;
3 public class MyFrame {
4 public static void main (String[] args){
5 JFrame frame = new JFrame ("My Frame");
6 frame.setDefaultCloseOperation (JFrame.EXIT_ON_CLOSE);
7 frame.setLocationRelativeTo(null);
8 JPanel Panel = new JPanel(); //create the Panel
9 Panel.setPreferredSize (new Dimension(150, 100));// size of the Panel
10 Panel.setBackground (Color.green); // background of the panel
11 frame.getContentPane().add(Panel); //add the panel in the frame
12 frame.pack();//for setting the size of the frame
;(13frame.setVisible(true
}}

انشآء الـ Panel فيه بعض الاختلافات كتغير الحجم خطوة 9
وأهم خطوهـ في الانشآء هي اضآفته للفريم سوينها في خطوة 11

الفريم عند اضافة Panel فيه يجب ان نستدعي content Pane الا وهي معلومه في الـContainer

ثم نضيف الـ Panel
frame.getContentPane().add(Panel

مهمـة المعلومه

السطر رقم 13 عشر دقآيق احآول في القوس الاخير والفاصله مو رآضي يزبط :) الله لا يهينك زبطها في برنآمجك

[SPIDER]

الله يعطيك العافية أخوي most_uniQue، اسمح لي أشرح الكود الأول بتفصيل أكثر

import javax.swing.JFrame;
public class MyFrame
{
    public static void main(String[] args)
    {
        JFrame frame = new JFrame("The Title");
        frame.setSize(400, 300);
        frame.setLocationRelativeTo(null);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setVisible(true);
    }
}

الآن نشرح الكود سطر سطر ...

==========================

import javax.swing.JFrame;

import هنا تُستخدم لاستدعاء كلاسات (class) جاهزة لاستخدامها (في مثالنا هذا نستخدم الكلاس الجاهز JFrame)، طبعاً الـ package اللي اسمه javax.swing به العديد من الكلاسات الخاصة بالـ GUI اللي هي النوافذ ومكوناتها
طبعاً إذا راح نستخدم أكثر من كلاس من نفس الباكج نقدر نستبدل اسم الكلاس بعلامة النجمة *

import javax.swing.*;

وبهذا ممكن نستخدم أي كلاس بداخل هذا الباكج. فيه طريقة أخرى ممكن نستخدمها بدون استخدام import وهي استخدام الاسم الكامل للكلاس (الباكج.الكلاس)، يعني بدلاً من السطر التالي:

JFrame frame = new JFrame("The Title");

نستخدم التالي:

javax.swing.JFrame frame = javax.swing.new JFrame("The Title");

وبالتالي نستغني عن الأمر import بداية الكلاس

==========================

public class MyFrame
{
}

هذه طريقة تعريف الكلاس، وتكون عادةً بعد أمر الـ import. طبعاً MyFrame هو اسم للكلاس الذي نقوم بإنشائه. هنالك طريقة لتعريف الكلاس ولكن الطريقة الأولى أفضل:

class MyFrame
{
}

==========================

public static void main(String[] args)
{
}

هذا هو الـ main، وصيغة كتابة هذا الميثود method تعتبر standard (ثابتة في كل البرامج). طبعاً عند تشغيل أي برنامج جافا، ما سيقوم بتنفيذه البرنامج (The compiler) هو ما بداخل الـ main فقط.

==========================

JFrame frame = new JFrame("The Title");

هذا السطر في الأساس عبارة عن سطرين:

JFrame frame;
frame = new JFrame("The Title");

السطر الأول هو إنشاء كائن object من النوع JFrame وتسمية هذا الـ object بالاسم frame (طبعاً الاسم اختياري)

في البداية سيكون frame مجرد object ولم يتم تعريفه بعد، وفي لغة الجافا القيمة الافتراضية لأي object قبل التعريف هي null (أي لا شيء)

السطر الثاني هو تعريف للكائن frame وجعله من النوع JFrame (ستعرفون لاحقاً بأنه يمكن إنشاء كائن من نوع معين وتعريفه على أنه نوع آخر)

الكلمة new تستخدم لتعريف الـ objects وتلي هذه الكلمة دائماً الـ constructors (الميثود الرئيسية في كل كلاس). طبعاً هنالك أربعة constructors في الكلاس JFrame طبقاً لمستندات الجافا java documents:

http://download.oracle.com/javase/1....ng/JFrame.html

أهم constructors تفيدنا هنا هي:

JFrame();
JFrame(String title);

الأولى لا تأخذ أي parameters وهي لتعريف الـ object على أنه JFrame بدون أي مواصفات
الثانية تأخذ parameter واحد فقط من نوع String وهو للعنوان، وهي لتعريف الـ object على أنه JFrame ويكون العنوان title

طبعاً في مثالنا هذا، استخدمنا الثانية

==========================

frame.setSize(400, 300);

setSize (هي أحد الميثود المتوارثة من كلاس الـ java.awt.Component ولكن بما أن الكلاس JFrame يرث الكلاس Component لذا يمكن استخدام كل الميثود الخاصة بالـ Component في الكائن الذي من نوع JFrame، طبعاً ستفهمون هذا الشيء لاحقاً في درس الوراثة Inheritence) وتأخذ 2 parameters وكلاهما من نوع int

setSize(int width, int height)

وهذا الميثود هو لتغير مقاس الـ Component بصفة عامة والـ JFrame في مثالنا هذا. طبعاً مقاس الـ JFrame بدايةً يكون 0,0 ولن ترى إلى شريط العنوان فقط

==========================

frame.setLocationRelativeTo(null);

هذا الميثود (متوارث من java.awt.Window) خاص بتحريك الـ JFrame إلى مكان محدد على الشاشة. هذا الميثود يأخذ parameter واحد فقط وهو من نوع Component، طبعاً من ضمن الـ Component هو الـ JFrame و JPanel و JOptionPane وغيرها، بحيث إذا مرّرت component معين كـ parameter لهذا الميثود، سيكون موقع الـ JFrame في منتصف هذا الـ component. ربما لا تفهمون فائدة هذا الميثود حالياً، لذلك أفضل ما نقوم به الآن هو تمرير قيمة null كـ parameter لهذا الميثود وسيكون موقع الـ JFrame بمنتصف الشاشة.

طبعاً هذا الميثود اختياري وليس شرطاً استخدامه، وعند عدم استخدامه يكون موقع الـ JFrame بالركن الأيسر في أعلى الشاشة.

==========================

frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

هذا الميثود يقوم بتعريف العملية التي ستتم عند الضغط على زر الإغلاق X الموجود بالركن الأيمن في أعلى الـ JFrame. طبعاً هذا الميثود يأخذ parameter واحد فقط وهو من نوع int، وهناك أربع أنواع من العمليات لهذا الميثود:

JFrame.DO_NOTHING_ON_CLOSE: أي لا تفعل شيء عند الضغط على زر الإغلاق
JFrame.HIDE_ON_CLOSE: أي إخفاء الـ JFrame عند الضغط على زر الإغلاق
JFrame.DISPOSE_ON_CLOSE: أي إخفاء وإنهاء الـ JFrame عند الضغط على زر الإغلاق
JFrame.EXIT_ON_CLOSE: أي إغلاق البرنامج كاملاً عن الضغط على زر الإغلاق

طبعاً الخيار الأخير هو المُستخدم غالباً. معلومة بسيطة أريد أن أقولها هنا:

JFrame.DO_NOTHING_ON_CLOSE: هي عبارة عن int قيمته 0
JFrame.HIDE_ON_CLOSE: هي عبارة عن int قيمته 1
JFrame.DISPOSE_ON_CLOSE: هي عبارة عن int قيمته 2
JFrame.EXIT_ON_CLOSE: هي عبارة عن int قيمته 3

أي يمكن استبدال الكلمة الطويلة بالرقم عند تمريره كـ parameter لهذا الميثود

==========================

frame.setVisible(true);

هذا الميثود هو لإظهار الـ JFrame على الشاشة. طبعاً هذا الميثود يأخذ boolean كـ parameter، إذا كانت القيمة true سيظهر الـ JFrame على الشاشة، وإذا كانت القيمة false سيختفي الـ JFrame إذا كان ظاهراً على الشاشة

طبعاً الـ JFrame لن يكون ظاهراً في البداية، لذلك هذا الميثود ضروري لإظهار الـ JFrame على الشاشة

==========================

أتمنى بأن يكون الشرح واضحاً ووافياً، وأي سؤال أنا حاضر


بالتوفيق :)

[most_uniQue]

اعتذر عن التآخر , لاسبآب درآسه واختبارات وتفصيل ثيآب الخ الخ
وإن شاء الله اسرع في تكملة الباقي بعد اختبآري الاحد , الله يعين :(

مجهود رآئع جدأ اخي سبآيدر بآرك الله فـيك

شرح مفــصـل ,و وآفي

انـآ ما تكلمت في الconstructors و كيف انشاء الكلآس

على اعتبآر ان الشخص رآح يكون أخذهآ في EE202 في جآفآ 1 , دخلت على طول في الـ GUI

إن شاء الله الشخص الي كان مو فاهم انشاء الكلاس و الـ Objects يكون فهمهـآ جزآك الله خـير

[most_uniQue]

GUI Components

التعامل مع المكونات وانشاءها في غاية السهوله
المشآكل تصير لما ما يفرق المبرمج بين اضآفه المكونات على الفريم او البـنل
مختلف > رآح ينشرح بالتفصيلlayout لان لكل منهآ

Buttons

من اهم المكونات الرئيسية , طريقة الانشآء

//Create a button with text OK
JButton btOK = new JButton("OK");

بكذآ انشآءت الزر
JButton("OK")
هذآ معنآه تكون الكلمة اوكي مكتوبه على الزر , تقدر تحط اي كلمة تبغاها
دآئمآ الخطوة بعد الانشآء هي الاضآفه
لان اذا انشاءت الزر وما اضفته للـ بنل ما راح يظهر
رآح نتعآمل مع نفس برنآمج الي فآت حق البنل ولكن نضيف فيه الـ زر

1import java.awt.*;
2import javax.swing.*;
3 public class MyButton {
4 public static void main (String[] args){
5 JFrame frame = new JFrame ("My Frame");
6 frame.setDefaultCloseOperation (JFrame.EXIT_ON_CLOSE);
7 frame.setLocationRelativeTo(null);
8 JPanel Panel = new JPanel(); //create the Panel
9 JButton btOK = new JButton("OK");//create the button
10Panel.add(btOK);//add the button to the panel
11 Panel.setPreferredSize (new Dimension(150, 100));// size of the Panel
12 Panel.setBackground (Color.green); // background of the panel
13 frame.getContentPane().add(Panel); //add the panel in the frame
14 frame.pack();//for setting the size of the frame
15 frame.setVisible(true);
 
}}

في البرنامج اضفت على البرنامج السابق حق البنل خطوتين فقط هي 9 و 10
الخطوة التاسعه هي الانشاء فقط
الخطوة العاشره , الاضافه على( البنل )
تمت بهذا السطر
Panel.add(btOK)

لو ما اضفنآهـ لن يظهر الزر

ملآحظه على هذآ السطر مره اخرى
frame.getContentPane().add(Panel)

هنآ لما اضفت, البنـل للفريم هذآ يعني كل شي في البنل (كل الازرار او الصور او حتى الفلآشآت كل معلومات البـنل ) اضيفها في الفريم

[most_uniQue]

GUI Components


label

هو كل ما يتعلق بالتكست نتعامل معه عن طريق الكلاس
راح نستعمل كلاسات متوسطه لفهمها , مو زي الكلاسات السهله الي فاتت
طبعا لانشاء ليبل تستطيع ان تستخدم 6 طرق وهي :




انا حطيت الجدول كامل من موقع اوركال عشان تفهم ايش معناه لانك في المراجع او موقع اوركال راح تلاقي جداول زي كذا اذا فهمت هذا راح تفهم الباقي

الطريقه الاولى

JLabel label1 = new JLabel()

هذآ معنآه ما راح تعطيه التكست عند الانشاء ولكن راح تستخدم setText
بعدين لاعطاه التكست المطلوب


الطريقه الثانيه
تختلف عن الاولى لاننا راح تعطيها صورة عند الانشاء راح تنشرح بالتفصيل
.
.
الطريقه الخامسه
رآح نعطيها عند الانشاء التكست الي نبغاه و الصورة وكذالك المحآذآه الافقيه
المحاذاه الافقيه : نبغا التكست يمين الصورة يسارالصورة في نص الصورة
وهذا الي راح نكتبه فيها
SwingConstants.LEFT
SwingConstants.RIGHT
SwingConstants.CENTER
.
.

[most_uniQue]

JLabel

طبعـآ زي كل المكونات السابقهـ , لبرمجة اليبل اول شي انشآءهآ , ثآنيا اتعامل مع الليبل واسويه زي ما ابغاها , ثآلثآ اضيف الليبل في بنل , رآبعا اضيف البنل في الفريم

نشوف البرنامج الي يبسط كيفية التعامل مع الليبل
ولكن لازم يكون في ملف البرنامج الصورة هآذي < اضغط هنآ


او نزل البرنامج كآمل مع الصورة

http://www.4shared.com/file/qTqhsaS5/Label.html

import java.awt.*;
import javax.swing.*;

1public class Label
{
2 public static void main (String[] args)
   {
3      JFrame frame = new JFrame ("Label Demo");
4      ImageIcon icon = new ImageIcon ("devil.gif");
5      JLabel label1, label2, label3;
      
6       label1 = new JLabel ("Devil Left", icon , SwingConstants.RIGHT);      

7       label2 = new JLabel ("Devil Right", icon , SwingConstants.LEFT);
8       label2.setHorizontalTextPosition (SwingConstants.LEFT);    

9       label3 = new JLabel ("Devil Above", icon , SwingConstants.CENTER);
10      label3.setHorizontalTextPosition (SwingConstants.CENTER);
11      label3.setVerticalTextPosition (SwingConstants.BOTTOM);
      
12      JPanel panel = new JPanel();
13      panel.setBackground (Color.cyan);
14      panel.setPreferredSize (new Dimension (200, 250));
15      panel.add (label1);
16      panel.add (label2);
17      panel.add (label3);
      
18      frame.setDefaultCloseOperation (JFrame.EXIT_ON_CLOSE);
19      frame.getContentPane().add(panel);
         frame.pack();
         frame.setVisible(true);
   }
}

اذا اششتغل البرنامج راح يطلع كذا
شرح البرنآمج * ~
من الاشيآء الجديدهـ هي التعآمل مع الصور رآح نستعمل فيهآ كلآس
ImageIcon

 4      ImageIcon icon = new ImageIcon ("devil.gif");

للتعآمل معآه : لازم تعرفله اسم الصورة وامتدآدهآ , ولازم تكون الصورة بـ ملف البرنآمج , ويكون الاسم والامتدآد صحيح
عرفنا الصورة بـ اسم آيكون عشآن بعدين استخدم ايكون مبآشره*
‘‘

 6       label1 = new JLabel ("Devil Left", icon , SwingConstants.RIGHT); 

هنآ عرفنآ لـيبل واعطينآه اسم و الصورة وقلنا لـ تكست
SwingConstants.RIGHT
يعني ودي التكست افقيا ع اليمين
ولكن لما اضيفها على فريم مو دآيم تجي فـ من الافضل اتعآمل مع ميثود
setHorizontalTextPosition
وتقدر تجرب بالبرنامج ما تستخدمها او تغير اتجاهتها وشوف ايش يجي معاك
‘‘

 8       label2.setHorizontalTextPosition (SwingConstants.LEFT); 

هآذي من الميثود للتعآمل مع التكست الي في ليبل عشآن تخليه ع اليسار
‘‘

 11      label3.setVerticalTextPosition (SwingConstants.BOTTOM);

هآذا الميثود معناها خلي التكست يكون تحت العنصرعشان يجي الكلام تحت الصورة
* لو شلته راح تكون الكلام على الصورة
‘‘

12      JPanel panel = new JPanel();

هنآ عرفت البنل عشآن اضيف عليها الليبل الثلاثه
‘‘

 13      panel.setBackground (Color.cyan);

هآذي ميثود عشآن اخلي اللون الخلفيه تركواز
‘‘

 15      panel.add (label1);

اضيف الليبل على البنل ورآح اسويها على كل الليبل
لما اضيف الليبل رآح اضيف الصورة (لاني عرفتها مع الليبل) كمآن في البنل*
‘‘

 19      frame.getContentPane().add(panel);

هنآ اضيف كل الي في البنل من تكست وصور الى الفريم عشآن يعرضها

[SPIDER]

إضافة بسيطة أريد أن أضيفها على كلام الأخ most_uniQue، الـ JLabel له ميزة أن يقبل نص الـ HTML (طبعاً اللي يفهم للغة الـ HTML راح يفهم كلامي)

مثلاً، لتجعل النص في المنتصف يمكنك تعريف الـ JLabel كالتالي:

JLabel label = new JLabel("<html><div style=\"text-align: center;\">" + "Hello there!"+ "</html>");

ويمكنكم البحث بالإنترنت عن أوامر الـ CSS ويمكنكم استبدالها مكان الأمر:

text-align: center;

ويمكنكم استخدام أكثر من أمر في نفس الوقت لتتحكم بالـ style الخاص بالنص، مثلاً:

text-align: center; color: green; font-weight: bold;

[most_uniQue]

المشاركة الأصلية كتبت بواسطة SPIDER إضافة بسيطة أريد أن أضيفها على كلام الأخ most_uniQue، الـ JLabel له ميزة أن يقبل نص الـ HTML (طبعاً اللي يفهم للغة الـ HTML راح يفهم كلامي) مثلاً، لتجعل النص في المنتصف يمكنك تعريف الـ JLabel كالتالي: JLabel label = new JLabel("<html><div style=\"text-align: center;\">" + "Hello there!"+ "</html>"); ويمكنكم البحث بالإنترنت عن أوامر الـ CSS ويمكنكم استبدالها مكان الأمر: text-align: center; ويمكنكم استخدام أكثر من أمر في نفس الوقت لتتحكم بالـ style الخاص بالنص، مثلاً: text-align: center; color: green; font-weight: bold;

شكرآ اخوي سبآيدر , بصرآحة معلومه لم اكن اعرفهـا

[most_uniQue]

~ Next Page