أهلا وسهلا بكم

نافذة الحوار هي نافذة فرعية مستقلة تهدف إلى حمل إشعار للمستخدم  بعيدًا عن نافذة التطبيق الرئيسية. تقدم معظم مربعات الحوار أنواع عديدة من الرسائل كرسالة خطأ أو تحذير أو معلومات للمستخدم و توفر لغة الجافا الفئة #joptionpane لتنفيذ تلك المهمة



لكن تلك الفئة تقدم مربع حوارى يفتقد الشكل و التصميم العصري الذى يجارى التغير فى لغات البرمجة الاخري مثل jQuery لذلك عكف مطورى منتدى مصر التقني على انشاء مربع حوارى جديد تم تسميته #EgyDialog ليكون بديل عن مربعات الحوار التقليدية joptionpane

أولا :تعرف على الفئة #EgyDialog

الفئة #EgyDialog هى أحد الفئات الرئسية من المكتبة #EgySwingX الجارى انشائها حاليا من مطورى منتدى مصر التقني لانشاء عناصر رسومية جذابة لمطورى javaSwing ...تستخدم الفئة #EgyDialog لعرض رسائل التنبية باشكال و تاثيرات حركة مختلفة وذلك على النحو التالى :

1_توفر لك الفئة أربعة أنواع من الرسائل وهى :
     

• success
  
• info      
  
• warning     
  
• error 
        
  

2_توفر لك ثلاثة انماط أو ثلاثة تصاميم وهى على النحو التالى :
 

• Style1
  
• Style2   
  
• Style3         
   
  

إنظر للصور الموضحة أدناه :

3_توفر لك ثلاثة أنواع من تاثير الحركة وهى :

• تأثر التلاشى FadeIn_Out
  
• تاثير الانزلاق الرئسي V_Slide  
  
• تأثير الانزلاق الافقي H_Slide 
  

4_ توفر لك خمس أمكان من الشاشة لاتجاة الظهور وهى :

• TopRight
  
• TopLeft
  
• Center
  
• BottomRight
  
• BottomLeft
  

ثانيا :كيفية الاستخدام 

الآن ، آمل أن يكون لديك معرفة كافية بالفئة #EgyDialog من المقدمة أعلاه ، ولكن من أجل الفهم ، سنتناول الأساسيات بالشرح وكيفية الاستخدام وذلك على النحو التالى :

1_يجب تنزيل الملف EgySwingX_V1.jar المرفق و إدراجة لمشروعك 


2_ إتسيراد الفئات اللازمة للعمل وذلك باستخدام الشفرة التالية :

الكود:


import EgySwing.Alert.EgyDialog;
import EgySwing.Alert.EgyDialog.Animation;
import EgySwing.Alert.EgyDialog.Message_Style;
import EgySwing.Alert.EgyDialog.Message_Type;
import EgySwing.Alert.EgyDialog.Position;

3_ يمكن استخدام أحد المشيدات التالية لانشاء المربع الحوارى كما يحلوا لك وذلك على النحو التالى :

الكود:

public EgyDialog(String message)

يقوم هذا المشيد بانشاء مربع حوارى يحتوي على نص رسالة و يظهر فى منتصف الشاشة بدون اى تاثير للحركة وياخذ النمط الرئيسي للرسالة كما فى الشكل التالى :

الكود:

public EgyDialog(String message ,String Title)

يقوم هذا المشيد بانشاء مربع حوارى يحتوي على نص رسالة , عنوان للرسالة و يظهر فى منتصف الشاشة بدون اى تاثير للحركة وياخذ النمط الرئيسي للرسالة كما فى الشكل أعلاه 

الكود:

EgyDialog(String message ,Message_Style s,Message_Type type,Position p)

يقوم هذا المشيد بانشاء مربع حوارى يحتوي على نص رسالة مع ثلاثة باراميترات على النحو التالى :

الباراميتر الاول :#Message_Style وهى الطريقة التى تحدد نمظ و مظهر الرسالة و تاخذ الدوال التالية :

الكود:

Message_Style.Style1;
Message_Style.Style2;
Message_Style.Style3


 
الباراميتر الثاني :#Message_Type وهى الطريقة التى تحدد رمز الرسالة و تاخذ الدوال التالية :

الكود:

Message_Type.Error;
Message_Type.Info;
Message_Type.Warning;
Message_Type.Success;


الباراميتر الثالث :#Position و هى الطريقة التى تحدد موضع ظهور الرسالة وتاخذ الدوال التالية :

الكود:

Position.TopRight;
Position.TopLeft;
Position.Center;
Position.BottomRight;
Position.BottomLeft;


الكود:

public EgyDialog(String message ,Message_Style s,Message_Type type,Position p,Animation Animation,boolean AutoHide)

يقوم هذا المشيد بانشاء مربع حوارى يحتوي على نص رسالة مع خمسة باراميترات على النحو التالى :

الباراميتر الاول :#Message_Style وهى الطريقة التى تحدد نمظ و مظهر الرسالة.
الباراميتر الثاني :#Message_Type وهى الطريقة التى تحدد رمز الرسالة .
الباراميتر الثالث :#Position و هى الطريقة التى تحدد موضع ظهور الرسالة على النافذة .
الباراميتر الرابع :#Animation و هى الطريقة التى تحدد تاثير الحركة على ظهور واخفاء الرسالة وتاخذ القيم التالية :

الكود:


Animation.FadeIn_Out;
Animation.V_Slide;
Animation.H_Slide; break


الباراميتر الخامس :#AutoHide و هى قيمة منطقية تحدد الاخفاء التلقائى للرسالة من عدمه ...القيمة الافتراضية true

الكود:

public EgyDialog(String message ,Message_Style s,Message_Type type,Position p,Animation Animation,boolean AutoHide,int delay)

يقوم هذا المشيد بانشاء مربع حوارى يحتوي على نص رسالة مع خمسة باراميترات على النحو التالى :

الباراميتر الاول :#Message_Style وهى الطريقة التى تحدد نمظ و مظهر الرسالة.
الباراميتر الثاني :#Message_Type وهى الطريقة التى تحدد رمز الرسالة .
الباراميتر الثالث :#Position و هى الطريقة التى تحدد موضع ظهور الرسالة على النافذة .
الباراميتر الرابع :#Animation و هى الطريقة التى تحدد تاثير الحركة على ظهور واخفاء الرسالة
الباراميتر الخامس :#AutoHide و هى قيمة منطقية تحدد الاخفاء التلقائى للرسالة من عدمه ...القيمة الافتراضية true
الباراميتر السادس :#delay و هى قيمة رقمية int تحدد الفترة الزمنية لابقاء ظهور الرسالة  ...القيمة الافتراضية 3000 ملى ثانية.

و توجد مشيدات اخرى يمكنك الكشف عنها بنفسك و اليكم مثال كامل على النحو التالى :

الكود:


import EgySwing.Alert.EgyDialog;
import EgySwing.Alert.EgyDialog.Animation;
import EgySwing.Alert.EgyDialog.Message_Style;
import EgySwing.Alert.EgyDialog.Message_Type;
import EgySwing.Alert.EgyDialog.Position;

public class NewJFrame extends javax.swing.JFrame {

    Message_Style S;
    Message_Type T;
    Animation An;
    Position P;
    boolean AutoHide;
  
    public NewJFrame() {
        initComponents();
    }

  
 private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {                                        
    
         switch (MESSAGE_Type.getSelectedIndex()) {
            
             case 0:T=Message_Type.Error; break;
             case 1:T=Message_Type.Info; break;
             case 2:T=Message_Type.Warning; break;
             case 3:T=Message_Type.Success; break;  
             }
        
         switch (Style_Type.getSelectedIndex()) {
            
             case 0:S=Message_Style.Style1; break;
             case 1:S=Message_Style.Style2; break;
             case 2:S=Message_Style.Style3; break;
            
             }
         switch (Position_Type.getSelectedIndex()) {
            
             case 0:P=Position.TopRight; break;
             case 1:P=Position.TopLeft; break;
             case 2:P=Position.Center; break;
             case 3:P=Position.BottomRight; break;
             case 4:P=Position.BottomLeft; break;
             }
        
          switch (Animation_Type.getSelectedIndex()) {
            
             case 0:An=Animation.FadeIn_Out; break;
             case 1:An=Animation.V_Slide; break;
             case 2:An=Animation.H_Slide; break;
            
             }
        int delay;
       new EgyDialog(Text_MESSAGE.getText(),S, T,P,An,Auto_Hide.isSelected(),3000);
                                          
    }

المثال و المكتبة بالمرفقات

للرفع

السنى كتب:نريد المكتبة كاملة  #EgySwingX

وانا ايضا