التعليم السعودي

طريقة إستخدام أكثر من Layout Manager لترتيب محتوى الـ JFrame

طريقة إستخدام أكثر من Layout Manager لترتيب محتوى الـ JFrame
طريقة إستخدام أكثر من Layout Manager لترتيب محتوى الـ JFrame
طريقة إستخدام أكثر من Layout Manager لترتيب محتوى الـ JFrame
طريقة إستخدام أكثر من Layout Manager لترتيب محتوى الـ JFrame
طريقة إستخدام أكثر من Layout Manager لترتيب محتوى الـ JFrame

المناهج السعودية

طريقة إستخدام أكثر من Layout Manager لترتيب محتوى الـ JFrame

المثال التالي يعلمك طريقة ترتيب محتوى الـ Frame بإستخدام أكثر من Layout Manager.

  • الزر Next يعرض الـ Panel التالية في الـ Panel اليمنى.
  • الزر Previous يعرض الـ Panel السابقة في الـ Panel اليمنى.
  • الزر First يعرض أول Panel تم إضافتها في الـ Panel اليمنى.
  • الزر Last يعرض آخر Panel تم إضافتها في الـ Panel اليمنى.

سنقوم بتقسيم الـ Frame كما في الصورة التالية.

مثال

Main.java

  1. import javax.swing.JFrame;
  2. import javax.swing.JButton;
  3. import javax.swing.JLabel;
  4. import javax.swing.JPanel;
  5. import java.awt.CardLayout;
  6. import java.awt.Color;
  7. import java.awt.Container;
  8. import java.awt.GridBagConstraints;
  9. import java.awt.GridBagLayout;
  10. import java.awt.GridLayout;
  11. import java.awt.event.ActionEvent;
  12. import java.awt.event.ActionListener;
  13. publicclass Main {
  14. publicstaticvoidmain(String[] args){
  15. JFrame frame = newJFrame(“CardLayout demo”)// أي قمنا بإنشاء نافذة مع وضع عنوان لها JFrame هنا أنشأنا كائن من الكلاس
  16. frame.setSize(400200)// هنا قمنا بتحديد حجم النافذة. عرضها 400 و طولها 200
  17. frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)// هنا جعلنا زر الخروج من النافذة يغلق البرنامج
  18. frame.setLayout(newGridBagLayout())// لترتيب الأشياء التي نضيفها بداخلها GridBagLayout هنا جعلنا النافذة تستخدم الـ
  19. // اليمنى Panel اليسرى و الـ Panel هنا قمنا بتعريف الـ
  20. JPanel panel_L = newJPanel();
  21. JPanel panel_R = newJPanel();
  22. // في النافذة panel_R و الـ panel_L لتحديد مكان و حجم الـ GridBagConstraints هنا قمنا بتعريف كائن من الكلاس
  23. GridBagConstraints gbc = newGridBagConstraints();
  24. // يتأثر بكامل المساحة المتوفرة من النافذة بالإتجاهين الأفقي و العامودي gbc هنا جعلنا الـ
  25. gbc.fill = GridBagConstraints.BOTH;
  26. // هنا جعلنا نسبة الجذب الأفقية و العامودية متساوي حتى يكون المحتوى دائماً مطابق لحجم الشاشة
  27. gbc.weightx = 1;
  28. gbc.weighty = 1;
  29. // في يسار النافذة panel_L هنا أضفنا الـ
  30. frame.add(panel_L, gbc);
  31. // في يمين النافذة مع إعطائها حجم جذب أكبر بعشر مرات panel_R هنا أضفنا الـ
  32. gbc.weightx = 10;
  33. frame.add(panel_R, gbc);
  34. // إلى 4 أقسام بالطول panel_L هنا قمنا بتقسيم الـ
  35. panel_L.setLayout(newGridLayout(41));
  36. // هنا قمنا بتعريف 4 أزرار
  37. JButton next = newJButton(“Next”);
  38. JButton previous = newJButton(“Previous”);
  39. JButton first = newJButton(“First”);
  40. JButton last = newJButton(“Last”);
  41. // panel_L هنا قمنا بإضافة الأزرار في الـ
  42. panel_L.add(next);
  43. panel_L.add(previous);
  44. panel_L.add(first);
  45. panel_L.add(last);
  46. // // لترتيب الأشياء التي نضيفها بداخلها فوق بعضها البعض CardLayout تستخدم الـ panel_R هنا جعلنا الـ
  47. CardLayout card = newCardLayout();
  48. Container container = panel_R;
  49. container.setLayout(card);
  50. // Panels هنا قمنا بتعريف 4
  51. JPanel p1 = newJPanel();
  52. JPanel p2 = newJPanel();
  53. JPanel p3 = newJPanel();
  54. JPanel p4 = newJPanel();
  55. // منهم Panel هنا قمنا بإعطاء لون خلفية مختلف لكل
  56. p1.setBackground(Color.white);
  57. p2.setBackground(Color.yellow);
  58. p3.setBackground(Color.cyan);
  59. p4.setBackground(Color.green);
  60. // منهم Panel هنا قمنا بإضافة عنوان في كل
  61. p1.add(newJLabel(“Panel 1”));
  62. p2.add(newJLabel(“Panel 2”));
  63. p3.add(newJLabel(“Panel 3”));
  64. p4.add(newJLabel(“Panel 4”));
  65. // panel_R الأربعة في الـ Panels هنا قمنا بإضافة الـ
  66. panel_R.add(p1);
  67. panel_R.add(p2);
  68. panel_R.add(p3);
  69. panel_R.add(p4);
  70. // التالية Panel سيتم عرض الـ next هنا قلنا أنه عند النقر على الزر
  71. next.addActionListener(newActionListener(){
  72. @Override
  73. publicvoidactionPerformed(ActionEvent e){
  74. card.next(container);
  75. }
  76. });
  77. // السابقة Panel سيتم عرض الـ previous هنا قلنا أنه عند النقر على الزر
  78. previous.addActionListener(newActionListener(){
  79. @Override
  80. publicvoidactionPerformed(ActionEvent e){
  81. card.previous(container);
  82. }
  83. });
  84. // panel_R قمنا بإضافتها في الـ Panel سيتم عرض أول first هنا قلنا أنه عند النقر على الزر
  85. first.addActionListener(newActionListener(){
  86. @Override
  87. publicvoidactionPerformed(ActionEvent e){
  88. card.first(container);
  89. }
  90. });
  91. // panel_R قمنا بإضافتها في الـ Panel سيتم عرض آخر last هنا قلنا أنه عند النقر على الزر
  92. last.addActionListener(newActionListener(){
  93. @Override
  94. publicvoidactionPerformed(ActionEvent e){
  95. card.last(container);
  96. }
  97. });
  98. // هنا جعلنا النافذة مرئية
  99. frame.setVisible(true);
  100. }
  101. }

ستظهر لك النافذة التالية عند التشغيل.
كل زر تقوم بالنقر عليه, سيعرض Panel أخرى في الـ Panel اليمنى.

طريقة ترتيب محتوى ال JFrame بإستخدام أكثر من Layout Manager في جافا

المصدر: طريقة إستخدام أكثر من Layout Manager لترتيب محتوى الـ JFrame – المناهج السعودية

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى