Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. XML
Code

بناء على تطبيق طقس AS3 مفيد مع Yahoo API

by
Difficulty:IntermediateLength:LongLanguages:

Arabic (العربية/عربي) translation by Hakima Madani (you can also view the original English article)

مع مساعدة من هذا البرنامج التعليمي، سوف تتعلم كيفية استخدام API الطقس ياهو للحصول على وعرض التنبؤات الجوية مع AS3.

معاينة النتيجة النهائية

دعونا نلقي نظرة على النتيجة النهائية وسوف نعمل نحو:

الخطوة 1: إنشاء ملف جديد

وأنا على افتراض عليك استخدام فلاش، على الرغم من أنه يمكنك القيام بذلك مع فليكس أو مشروع AS3 قياسي.

فتح فلاش، انتقل إلى الملف > جديدة، حدد "ملف فلاش" (اكشن 3.0)، ثم قم بتعيين الحجم ك 320x180px وحفظ رابطة العمل المنصف أينما تريد.

Weather Application Step 1

الخطوة 2: إنشاء فئة المستند

انتقل الآن إلى File > New، وهذه المرة اختر ملف اكشن، ثم حفظه ك Weather.as في نفس المجلد حيث الخاص بك بحفظ ملف رابطة العمل المنصف. ثم انتقل مرة أخرى إلى رابطة العمل المنصف الخاص بك، انتقل إلى خصائص وكتابة اسم ملف اكشن في الفضاء "من الدرجة الأولى". (لمزيد من المعلومات حول استخدام فئة مستند، اقرأ هذه مقدمة سريعة).

Weather Application Step 2Weather Application Step 2

الخطوة 3: إعداد فئة المستند

انتقل إلى ملف اكشن وكتابة التعليمات البرمجية لفئة المستند الخاص بك:

اختبار، وأنه ينبغي أن تتبع "هذه هي weather class بك الطقس" في إطار الإخراج.

الخطوة 4: التحقق من Yahoo Weather API

الحصول على نفسك إلى المقطع Yahoo Weather API لموقع المطورين ياهو؛ هناك سوف تجد بعض الإيضاحات حول API ياهو الطقس.

Weather Application Step 4

الخطوة 5: اسأل ل XML الخاص بك

ما نحن بحاجة إلى قراءة في الفلاش ملف XML، حيث أننا بحاجة إلى معرفة كيف يمكن تسأل عن ذلك، وبسيط جداً. أنت بحاجة إلى التفكير where المكان الذي تريد معرفة الطقس وفي unit (مئوية أو فهرنهايت) تريد الحرارة. ثم، يمكنك الحصول على XML مع هذه البيانات من خلال عنوان URL هذا:

الخطوة 6: الحصول على رقم الموقع

رقم الموقع يجب أن يكون WOEID. للبحث الخاص بك ويد، تصفح أو البحث عن مدينتك من الصفحة الرئيسية Yahoo Weather. ويد في عنوان URL الخاص بصفحة تنبؤ لتلك المدينة. يمكنك أيضا الحصول ويد بإدخال الرمز البريدي الخاص بك في الصفحة الرئيسية. على سبيل المثال، إذا كنت تبحث عن لوس أنجليس الطقس في الصفحة الرئيسية، الصفحة التنبؤ لهذه المدينة: http://weather.yahoo.com/united-states/california/los-angeles-2442047/، حيث ويد هو 2442047.

الخطوة 7: فهم XML

عند طلب أي موقع الطقس، سوف تتلقى من XML مثل هذا:

(إذا كنت تريد أن تفهم جميع XML، يرجى زيارة /http://developer.yahoo.com/weather).

لتطبيق هذا ما نحتاج إليه هو العلامة yweather:location، والعلامة yweather:atmosphere والعلامات yweather:forecast: علامة الموقع سوف تعطينا النص للموقع وعلامة الغلاف الجوي سوف تعطينا الرطوبة وعلامات تنبؤ سيتيح لنا درجة الحرارة الحالية وفي اليوم التالي.

خطوة 8: تحليل

الآن أن لدينا فهم أفضل لجميع تلك XML، ما نحتاج إلى القيام به تعيين البيانات إلى المتغيرات بحيث يمكننا استخدام تلك البيانات لإعداد التطبيق الخاص بنا. لذلك نحن بحاجة إلى إنشاء بعض المتغيرات وتحميل XML. هذا كيف يمكنك أن تفعل ذلك (ضع التعليمات البرمجية في الأماكن ذات الصلة في فئة المستند الخاص بك):

دعونا نذهب على ذلك المقطوع من التعليمات البرمجية.

تحتاج المتغير xmlData_ إلى تعريف خارج جميع الوظائف (أنا قمت بتعريف فإنه كمتغير خاص) لأنك سوف تحتاج إلى الحصول عليه في كل مكان في التعليمات البرمجية، ليس فقط داخل دالة واحدة.

الوظيفة الأولى، ()loadXML، تحميل ملف XML في فلاش؛ نحن نستخدم وحدة إصغاء حدث للتحقق عند اكتماله، ثم قم بتشغيل ()loadData.

يعين الدالة ()loadData البيانات المتلقاة إلى المتغير xmlData_ التي أنشأناها مسبقاً. يمكننا استخدام مساحة اسم لأن ذلك هو كيف قررت ياهو لإعداد على XML (يمكنك العثور على المزيد حول مساحات الأسماء في livedocs.adobe.com). المتغيرات الأخرى في هذه الدالة استخراج المعلومات التي نريد أن تظهر في التطبيق لدينا من XML.

(AS3でXMLを解析する方法についての詳細は、Dru KeppleのAS3 : 101  -  XML tutorialを調べてください。)

الخطوة 9: إنشاء حقول النص

الآن نحن بحاجة إلى عرض تلك المعلومات. للقيام بذلك يمكن إنشاء حقول النص في التعليمات البرمجية وتعيين شكل والنص، ولكن أنا أفضل استخدام IDE فلاش، توفيرا للوقت. حتى الحصول على الإبداع، ونحن بحاجة إلى ثمانية حقول النص: الحرارة والرطوبة، ودرجة الحرارة القصوى ودرجة الحرارة الدنيا لليوم الحالي. ثم نحن بحاجة إلى أقصى درجة الحرارة ودرجة الحرارة الدنيا لليوم التالي، واحدة لاسم اليوم التالي وأكثر واحد يعرض الموقع. أنهم جميعا بحاجة إلى أن تكون حقول النص dynamic حيث أننا يمكن تعيين المعلومات.

لا تنسى أن تعطي جميع تيكستفيلدس الخاص بك أسماء المثيل؛ لقد اختار temphumiditymaxminmaxtminttomorrow وstate.

Weather Application Step 9

الخطوة 10: عرض المعلومات

والآن بعد أن أنشأنا حقول النص، نحن بحاجة إلى تعيين المعلومات التي نحن retreived من XML. لذلك نحن بحاجة إلى اسم مثيل لكل حقل النص والمعلومات التي لدينا بالفعل، مثل هذا (إضافة إلى الدالة ()loadData الموجودة الخاصة بك):

تذكر حقول النص الثمانية الذي خلقنا؟ يتعين علينا الآن أن استخدام هذه الأسماء هنا في التعليمات البرمجية. أن بيان التبديل لأننا لا نريد لإظهار فقط "Wed", "Thu" أو "Fri"، نريد الاسم بالكامل.

الخطوة 11: إضافة بعض الأنماط

الآن لدينا نص فقط؛ فإنه سيكون من الرائع لإضافة بعض الرموز تبعاً للأحوال الجوية لهذا اليوم. ذلك هو ما نحن بحاجة إلى إنشاء أو ابحث عن مجموعة من الرموز الطقس وتعيين رمز اعتماداً على الطقس. نحن تحميل صورة واحدة من ياهو، ولكن من غير أن الجميل ذا سوف نجد لدينا مجموعة. لذلك، تحميل مجموعة من الرموز واستيرادها إلى فلاش، ثم تصدير كل واحد اكشن مع اسم فئة مناسبة:

Weather Application Step 11

أنا باستخدام الرموز من جارماهيس ويمكن تنزيلها من garmahis.com. كبيرة بفضل جارماهيس للسماح لنا استخدامها!

الخطوة 12: إضافة الرمز

الآن لدينا لتحميل الرمز الصحيح تبعاً للتعليمات البرمجية الطقس التي لدينا في موقعنا XML. تماما مثل أسماء الأيام، يمكننا أن نفعل ذلك مع تبديل كبيرة حقاً.. ولكن أولاً نحن بحاجة إلى إنشاء قصاصة فيلم تحتوي على الرمز.

والآن الرموز:

وفي هذه الحالة فقط تستخدم الرموز 13 ولكن يمكنك استخدام أكثر إذا كنت تريد، أو أقل، وأن إليك. فقط تذكر، ياهو يستخدم رموز 40، حيث تضطر إلى تعيين لهم جميعا إلى رمز. يمكنك أن ترى قائمة بمعاني رموز كل في developer.yahoo.com.

الخطوة 13: إضافة تأثير الوجه

حسنا، لقد غطت الجزء الصعب؛ الآن دعنا جعلها تبدو لطيفة. وإذا كنا نريد لإضافة المزيد من المعلومات أو لتغيير الموقع سوف نحتاج المزيد من المساحة، حيث سنقوم بوضع كافة التي أنشأناها في قصاصة فيلم واحد. للقيام بذلك، فقط قم بتحديده جميعا، اضغط F8 (لتحويله إلى رمز) والتصدير الخاص بك رمز جديد اكشن، مع اسم فئة من Font. ثم محوه من المرحلة وإنشاء الخلفية، وتحويل هذا إلى قصاصة فيلم وتصديره اكشن جداً، مع اسم فئة من الخلف.

My Front symbol
My Back symbol

الآن دعنا نسميها من لدينا ملف اكشن:

الخطوة 14: إعداد توين

لدينا لدينا قصاصة الفيلم، حتى الآن نحن بحاجة إلى أن تجعل من الوجه. لذلك نحن ذاهبون لاستخدام مكتبة Tweener الذي يمكن العثور عليه في /http://code.google.com/p/tweener. تحميل، واستخراج فإنه حيث يكون المجلد \caurina\ في نفس المجلد مثل فلوريدا FLA بك

لهذا المشروع نحن ذاهبون إلى استخدام وظيفة واحدة فقط من ذلك: أننا سوف تجعل من الوجه باستخدام الدالة ()turnAround لتبدو باردة. ضع التعليمات البرمجية التالية في الأماكن المناسبة في فئة المستند الخاص بك:

الخطوة 15: إضافة المواقع

الآن أن لدينا المزيد من المساحة في الظهر ويمكن أن نضيف المزيد من الدول أو معلومات أو أي شيء تريد. باختصار، سوف تضيف المزيد من المواقع. ما نحتاج إلى القيام به هو الذهاب إلى الفلاش واضغط Ctrl + F7 (في Windows) أو (Command + F7 (Mac للكشف عن مكونات الفريق. اسحب "مربع التحرير والسرد" إلى المكتبة الخاصة بك، ثم هذا إضافة إلى فئة المستند الخاص بك:

الخطوة 16: يتمتع!

تتمتع الآن بالتطبيق الخاص بك، إضافة يتوهم الأشياء والائتمانات (لا ننسى ياهو!)

الاستنتاج

ويتعين علينا الآن تطبيق الطقس لدينا أمل تعلمت الكثير، إذا كان لديك أي أسئلة ترك تعليق فقط.

أمل كنت تحب هذا البرنامج التعليمي، شكرا للقراءة!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.