كيفية إنشاء القطعة

...

القطعة المعمارية

الأدوات الذكية هي تطبيقات قائمة بذاتها يمكن العثور عليها عادةً مضمنة في مواقع الجهات الخارجية مثل الساعات ومؤشرات المزاد والعد التنازلي للأحداث وما إلى ذلك. وبالتالي ، فإن الأدوات المصغّرة هي تطبيقات صغيرة يسهل نشرها ، وسريعة التطوير ، وتستخدم للاستفادة من التقنيات المتقدمة عن طريق إضافة وظائف إلى التطبيقات الحالية. إذا كان بإمكانك إنشاء صفحة ويب ، فأنت تعرف كيفية إنشاء عنصر واجهة مستخدم ونشره نظرًا لاستخدامهم نفس تقنية JavaScript و DHTML و CSS. يمكن أن تكون التطبيقات المصغّرة إما ملحقات أو تطبيقات أو أدوات معلومات. عناصر واجهة الملحقات قائمة بذاتها وتعمل بشكل مستقل عن الإنترنت أو التطبيق. ترتبط أدوات التطبيق بشكل كامل بتطبيق بينما تعمل أدوات المعلومات مع بيانات الإنترنت.

العمارة

الخطوة 1

أطلق محرر النصوص وأنشئ ملف HTML. يجب أن يلتزم ملف HTML بمعيار XHTML 1.0 والإصدارات الأحدث من أجل التوافق مع أفضل ممارسات الويب القياسية الحالية. سيبدو رمز XHTML البسيط كما يلي:

فيديو اليوم

الحاجيات

الخطوة 2

استخدم ال علامة لأداء عرض ثنائي الأبعاد كامل لعنصر واجهة المستخدم إذا لزم الأمر. السمة "composite" هي إضافة أخرى للعلامة تتيح للمرء تحديد كيفية عرض الصورة ("picture.png").

الخطوه 3

استخدم Cascading Style Sheets (CSS) لتصميم عنصر واجهة المستخدم بحيث يتم عرضه بشكل موحد على جميع المستعرضات. سيحتوي جزء من ملف CSS على الأنماط التالية:

الخطوة 4

ضع الملف أعلاه في ملف منفصل. في هذا المثال ، قمنا بحفظ الملف باسم "widget.css." قم بالإشارة إلى الملف باستخدام العبارة "import" في ملف html الرئيسي كما هو موضح:

مضيفا الديناميكية

الخطوة 1

استخدم كائن "القطعة" لتوفير قدرة إضافية. على سبيل المثال ، للوصول إلى تفضيلات المستخدم ، استخدم سطر التعليمات البرمجية التالي:

widget.setPreferenceForKey (تفضيل ، مفتاح) GO widget.preferenceForKey (مفتاح) ؛

الخطوة 2

استخدم أحداث التنشيط لتجنب الاستخدام المفرط لوقت وحدة المعالجة المركزية أو موارد الشبكة بواسطة الأداة. يوضح الكود أدناه كيف يتم ذلك:

إذا (window.widget) {widget.hide = إخفاء GO widget.show = show GO

وظيفة إخفاء () {if (timeInterval == null) {timeInterval = setInterval (updateTime (true)؛ "، 500) GO}}

أضف وظائف أخرى إلى الكود كما تفضل.

الخطوه 3

قم بإنشاء ملف "Info.plist" لتحديد عنصر واجهة مستخدم وموارده. يختلف هذا الملف حسب ما يجب أن يحتويه اعتمادًا على نوع الأداة.

نصيحة

تمشيا مع استخدامات تكنولوجيا الويب ، يتم توفير ديناميكية عنصر واجهة المستخدم باستخدام JavaScript. يتيح ذلك للأداة الوصول إلى تفضيلات المستخدم على النظام ، وعكس عناصر واجهة المستخدم للوصول إلى التفضيلات ، وفتح التطبيقات الأخرى ، تستجيب لأحداث صفحة الويب وتنفذ أوامر النظام مثل أدوات سطر الأوامر و shell نصوص.