ما هو دور WebKit فى AIR

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

عند برمجتك ال AIR عن طريق HTML/CSS/Javascript فإن المترجم لكل هذه التقنيات هو WebKit المترجم الموجود فى المتصفح safari على الكمبيوتر و ال iphone و قد إختارته شركه ADOBE بعد البحث لأسباب كثيره أهمها انه مفتوح المصدر و مجتمع المطورين فيه يزداد و التطوير فيه مستمر و دائما يقوم بطرح توصيات منظمه W3C للعمل عليها و دمجها فى المترجم مثل DOM specifications و CSS level specification و HTML و توصيات مجموعه WHATWG بالإضافه إلى ماتضيفه WebKit على غيره من المتصفحات فعلى سبيل المثال فى ال CSS يمكنك عمل حواف دائريه للعناصر بدون إستخدام الهاكات او المكاتب التى أعدت لذلك مثل rounded corners كل ماعليك هو إستخدام الخواص الجديده و الحصريه فى WebKit و المثال التالى يوضح ذلك

-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-top-right-radius:20px;
-webkit-border-top-left-radius:20px;

و الصوره توضح العنصر ذو الحواف الدائريه عن طريق أربع أسطر من الكود فقط بدون تعقيدات المكاتب و الهاكات

و لذلك عليك معرفه خواص المترجم عن ظهر قلب و هذه الروابط ستفيدك

ال CSS فى بيئه ال AIR و المرجع الشامل لكل خواص ال CSS فى WebKit

ال javascript فى بيئه AIR

ال HTML فى ال AIR

و أخيرا موقع webkit

و إذا كان لديك إستفسار إترك تعليق او راسلنى

framework لمبرمجى ال AIR بالجافاسكربت

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

قد ذكرت من قبل انى أكتب framework لمرمجين ال AIR بالجافاسكربت و قد أنهيت اليوم الجزء الخاص بالنوافذ NativeWindows و القوائم NativeMenus حيث يمكنك عمل قوائم فى غايه التعقيد فى أسطر قليله جدا جدا جدا و كذلك عمل نوافذ و تخصيصها بدون معاناه و بعد كتابه هذا المقال سوف أبدأ فى العمل فى الجزء الخاص بالسحب و الإلقاء Drag and drop ، بالنسبه لل Syntax فهو شبيه إلى حد ما ب YUI حيث أن كل الكائنات تحت namespace واحد يمكنك التوصل إليها من خلاله كل ما عليك مثلا لعمل نافذه جديده هو الطريقه create داخل الكائن windiw ال parameter الذى هو عباره عن خصائص النافذه كلها ، فور قرب الإنتهاء من ال framework سوف أكتب فى مدونه خاصه بها سوف أجعلها باللغه الانجليزيه لسببين أنى اريد أهتمام عالمى من المبرمجين بالإضافه إلى أن العرب لا يساعدون فى مثل هذه الأشياء إلا من رحم ربى ، و سوف أطرحها للأختبار قبل أن أنزع منها اللقب Beta ، ان لم تكن تعلمت ال AIR حتى الان فأبدا حالا فهو لا يحتج منك إلا خبره بالجافاسكربت و بعض ال HTML و ال CSS حتى يمكنك إستخدام قدراته فى عمل تطبيقات سطح المكتب

س و ج - كيف و أين أتعلم Adobe AIR و أصبح محترف بها ؟

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

لاتوجد طريقه للتعلم أفضل من التعلم من المصدر ، إذا كنت تريد برمجه ال AIR عن طريق javascript فإضغط هنا بالإضافه إلى تحميل كتاب adobe integrated runtime for javascript developers و إن كنت تريد برمجه ال AIR عن طريق Flash فإضغط هنا و لو كنت تريد برمجه ال AIR عن طريق FLEX فإضغط هنا ، قم بتحميل ال reference الخاص بالتقنيه التى ترغب فى البرمجه بها ستجده شامل جدا و سيغنى عنك الكثير من البحث ، هذا بالإضافه إلى adobe air forum و هو المنتدى الخاص بالنقاش حول الاير فإن لم تشارك به قم بمتابعته عن طريق ال RSS فالمشاكل التى ستقرأها ستزيد من خبرتك ، أخيرا قم بمتابعتى لأنى سأكتب ان شاء الله بكثره عن AIR لمبرمجين ال javascript

لابد أن تتعلم Adobe AIR - لماذا ؟

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

لابد أن تتعلم Adobe AIR لهذين السببين من وجهه نظرى :

1- ستتمكن من برمجه desktop apps برامج تعمل على سطح المكتب من خلال تقنيات الويب مثل javascript او flash او flex بدون تعلم اللغات المعقده مثل C او Java او غيرهما من لغات سطح المكتب

2- البرنامج الذى تكتبه سوف يعمل على Windows و MAC OS و Linux بدون تغيير الكود و عمل أصدار لكل نظام كما فى غيرها من التقنيات او اللغات

س و ج - كيف يمكن عمل نافذه قابله للسحب فى AIR

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

عندما تقوم ببرمجه window فى AIR بدون systemChrome ستجد انها ثابته فى المكان التى ظهرت منه ولا يوجد وسيله لتحريكها او عمل drag لها … لأنه لايوجد إطار لها ، كل الموجود هو ال body لصفحه ال html فقط … إذا السؤال هو كيف أجعل هذه النافذه قابله للسحب ؟

الحل الاول : هذا الكود يجعل النافذه قابله للسحب من أى نقطه بها

document.addEventListener(”mousedown”,function(){

window.nativeWindow.startMove();

});

الحل الثانى : هذا الكود يجعل النافذه قابله للسحب من العنصر الذى يحتوى على id مساوى dragHandler

var dragHandler = document.getElementById(”dragHandler”);

dragHandler.addEventListener(”mousedown”,function(){

window.nativeWindow.startMove();

});

هذه الأكواد تقوم بتسجيل وظيفه بداخلها window.nativeWindow.startMove و التى تقوم بتحريك النافذه تحت الحدث mousedown و عندما يطلق المستخدم الماوس يتم إطلاق الحدث mouseUp و بذلك ينتهى سحب النافذه