القوائم فى Adobe AIR – الجزء الاول


السلام عليكم و رحمه الله تعالى و بركاته

عندما تقوم بعمل قوائم للنوافذ فى Adobe Air قد يحيرك التركيب الذى يقوم عليه بناء القوائم لكنى قمت بعمل صوره توضيحيه لتسهل عليك فهم بناء القوائم فى AIR ، قوائم النوافذ تتكون فى أبسط صورها من Bar و هو الشريط الطويل الذى يظهر فى الصوره و هو كائن من نوع NativeMenu و يليه إسم القائمه و هو كائن من نوع NativeMenu أيضا و بداخله عناصر القائمه و هى كائنات NativeMenuItem ، و الكود التالى يوضح كيفيه عمل قائمه فى AIR بنفس الشكل فى الصوره التوضيحيه ، ملحوظه هذا المثال يفترض أنك قمت بإدراج ملف AIRAliases.js فى مقدمه الوثيقه :

// create the Menu  Bar that hold the Names .

var rootMenu = new air.NativeMenu();

// create the holder of File Menu

var fileMenu = new air.NativeMenu();

// create open menu item and attach it to File menu

var open = new air.NativeMenuItem(“Open … “);

fileMenu.addItem(open);

// create close menu item and attach it to File menu

var close = new air.NativeMenuItem(“Close”);

fileMenu.addItem(close);

// create exit menu item and attach it to File menu

var exit = new air.NativeMenuItem(“exit”);

fileMenu.addItem(exit);

//attach the File menu to the bar , and give it a name

rootMenu.addSubmenu(file,”File”);

اما الخطوه الاخيره فتتمثل فى تركيب القائمه على النافذه – و هنا يأتى الفرق بين قوائم وينددوز و قوائم ماك – حيث ان ويندوز تدعم القوائم من نوع window menu اما ماك فيدعم application menu لذلك لابد من عمل جمله شرطيه لتركيب القائمه فى النظام المناسب

// check if the current OS supports Window menus

if(air.NativeWindow.supportsMenu){

window.nativeWindow.menu = rootMenu

}

// check if the current OS supports Application menus

else if (air.NativeApplication.supportsMenu){

air.Nativeapplication.nativeApplication.menu =rootMenu;

}

أحب أبشرك انى أقوم ببرمجه framework لمبرمجى AIR بالجافاسكربت تقوم بعمل اعلاه بمنتهى السهوله كما يوضح الكود التالى

jsair.menu.create( [ { label:”File”, submenu:[ { label:”open …” } , { label:”close” } , { label:”exit” } ] } ] )

نتيجه هذا الكود كما فى الصوره أعلاه تماما … فى الدرس القادم ان شاء الله سوف أشرح كيف عمل القوائم الفرعيه + قوائم السياق context menu و القوائم التى تكون فى ال tray فى ويندوز و ال dock فى mac .

الأوسمة: , ,

2 تعليقان to “القوائم فى Adobe AIR – الجزء الاول”

  1. عبدو Says:

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

    كل التحية لك ….

  2. Ahmad Says:

    شكرا لإهتمامك بهذا المجال، أنا وضعت برنامج صغير عبر ال أدوب أبليكيشن. ولكن اكتشفت في النهاية أن الشخص الذي يريد تنزيل البرنامج على الديسكتوب يجب أن تتوفر عنده كومبيلر ل air
    هل جربت أي برنامج لك على كمبيوتر آخر?

أضف تعليقاً

إملأ الحقول أدناه بالمعلومات المناسبة أو إضغط على إحدى الأيقونات لتسجيل الدخول:

WordPress.com Logo

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   / تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   / تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   / تغيير )

Google+ photo

أنت تعلق بإستخدام حساب Google+. تسجيل خروج   / تغيير )

Connecting to %s


%d مدونون معجبون بهذه: