القوائم فى 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 .

الأوسمة: adobe air, AIR, javascript