الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

Pureqml :: Qmlcore: QML إلى JavaScript Translator

QMLCore هي مجموعة بسيطة من الأدوات التي نستخدمها (فريق صغير من دعاة QML) منذ سنوات لتبسيط تطوير HTML5 UIs لكل من أجهزة الهاتف المحمول وسطح المكتب. تم تصميمه مع وضع QML الأصلي في الاعتبار ، في حين أنه غير متوافق بنسبة 100 ٪ وتحسين في بعض الجوانب. المفاهيم الرئيسية هي نفسها ، لذلك إذا كنت على دراية بـ QML الأصلي ، فيمكنك البدء على الفور.

الاستخدام

يوفر QMLCORE مجموعة أدوات مكتوبة في Python باستخدام Python-Future ، مما يسمح بتشغيله فوق كلا إصدارات Python. عادة لا تحتاج إلى استخدامها مباشرة. يوفر build غلاف مناسب حولهم.

المتطلبات الأساسية

أي ثعبان حديث (2 أو 3) سوف يسير على ما يرام. يعد Jinja2 خيارًا مختلفًا للتطبيق في حال كنت تريد أكثر من QML Loader في ملف HTML الخاص بك ، في حين أنه غير مطلوب للتطبيقات الصغيرة.

لتثبيت المتطلبات تشغيل: 

$ pip install - r requirements . txt

إرشاد بسيط

  • إنشاء دليل المشروع ، cd <project-dir>
  • clone qmlcore إلى ذلك: git clone [email protected]:pureqml/qmlcore.git
  • تشغيل ./qmlcore/build -boilerplate
  • انظر إلى ./src/app.qml
  • تشغيل ./qmlcore/build يرجى العثور على الملفات الناتجة في build.web/**

كيف تعمل

يقوم برنامج التحويل البرمجي QML بفحص أدلة المصدر لملفات QML وتوصيف كل منها. اسم الملف بدءًا من حرف كبير يعتبر مكونًا ، تم إنشاء مثيل له. يتم تخزين خيارات على مستوى المشروع في ملف .manifest . نتيجة التجميع هي ملف JavaScript واحد مع الحد الأدنى من التبعيات (Modernizr فقط) ، وعلى استعداد للاستخدام في بيئة الأجهزة المحمولة وسطح المكتب ويرافقه عينة. HTML Launcher.

خيارات واضحة

Meanyest هي مجموعة من الاختراقات على مستوى المشروع التي استخدمناها لتخفيف المشاريع المختلفة. بعضهم قد يكون أو لا يكون مفيدًا.

  • templater - Template Engine لاستخدامه ، فقط "بسيط" و "Jinja2" مدعومون في الوقت الحالي
  • web-prefix -انظر -P الخيار أدناه ، حدد بادئة قواعد CSS
  • minify - اسم False/True أو برنامج التحويل البرمجي كسلسلة ، فقط "GCC" و "Uglify -JS" مدعومون. يتطلب برنامج التحويل البرمجي لإغلاق Google تشغيل Java.
  • تستخدم platforms منصة إضافية/*/ ملفات ، الافتراضي والمنصة فقط هي "الويب" في الوقت الحالي
  • path - أدلة إضافية للبحث عن مصادر عن

إنشاء خيارات سطر أوامر الأداة

  • -m, --minify Minify مع الخيار الافتراضي ('Uglify-JS')
  • -k, --keep على المصدر الأصلي بعد التقليل ، مفيد لتصحيح تحذيرات التصحيح
  • -d, --devel التطوير ، والاستمرار في التشغيل وانتظار التغييرات ، يتطلب وحدة عدم التغلب
  • -p, --web-prefix prefix ، يتم إزالة قواعد CSS الافتراضية ، يضيف بادئة QML- '، مما يتيح لك تبادل HTML/QML.
  • -u, --update-translation ، محددة في manitest.languages
  • -j, --jobs Run N Jobs بشكل متوازٍ
  • --boilerplate تهيئة الحد الأدنى لبدء أسرع في الدليل الحالي.

المنصات المدعومة

نحن ندعم العديد من المنصات المختلفة ومتغيرات تكامل الفيديو.

أبرز المنصات هي:

  • HTML5 Web Browser (من الواضح) مع إضافات مختلفة:
    • شاكا
    • dash.js
    • تمديد الفيديو. js
  • الإلكترون
  • Android (المحرك الأصلي و Cordova)
  • iOS (Cordova)
  • Platorms SmartTV:
    • أي تلفزيون Android عبر دعم Android الأصلي.
    • LG (Netcast و WebOS)
    • Samsung SmartTV (Orsay و Tizen)
    • OperAtv
  • العديد من منصات STB (من القطاع الخاص)
  • محرك C ++ الأصلي مع الحد الأدنى من المتطلبات (EGL أو Linuxfb) (خاص)

للحصول على القائمة الكاملة للمنصة المدعومة ، انظر هنا وهنا. أو بدلاً من ذلك فقط اسألنا.

دعم Android الأصلي

repo الرئيسي لتنفيذ Android الأصلي PureQML هو https://github.com/pureqml/qmlcore-droid.

من أجل بناء تطبيق Android الأصلي ، تحتاج إلى:

  • قم بتثبيت Android SDK وقم بتعيين متغير بيئة ANDROID_HOME
  • تشغيل ./qmlcore/platform/pure.femto/build-android-native.sh

التوطين

يستخدم QMLCORE QT-approach إلى التوطين. تكتب الرمز في لغتك الافتراضية ، ثم قم بإنشاء/تحديث (Build -U). Transplation Files ، وترجمتها باستخدام Qt Linguist وتجميع مشروعك. QMLCORE يتعرف على وظيفة TR ، QSTR ، QSTRANSLATE ، بالإضافة إلى وحدات ماكرو QT_TR_NOUP/QT_TRANSLATE_NOUP.

مكتبة التحكم

يحتوي QMLCORE على الحد الأدنى العاري لعناصر التحكم في النظام الأساسي: الصور والنصوص والمستطيلات وفئات إعادة عرض النموذج. الضوابط المختلفة التي قد تكون مفيدة هي في مستودع منفصل. ما عليك سوى استنساخه عبر git clone [email protected]:pureqml/controls.git في مشروعك وهذا كل شيء!

اختلافات QML

قواعد

نطلب فاصلة فاصلة بعد كل عبارة. قد يتغير هذا في المستقبل.

ركز

أكبر تباين مع QML الأصلي هو كيفية تنفيذ التركيز. نحن نهدف إلى التركيز "المتسق دائمًا" في كل مكان. يجب عليك وضع علامة على كل مكون قادر على التركيز مع focus: true; الممتلكات ، والباقي يجب أن يعمل دون التغيير والتبديل. نحن نقدم العديد من الخصائص المريحة للتعامل مع التركيز بسهولة:

  • ActiveFocus - هذا العنصر له تركيز حالي وحصل على أي إدخال المستخدم أولاً
  • مركّز - هذا العنصر له تركيز حالي في الوالدين ، ولكن ليس بالضرورة يركز على الصعيد العالمي

ملاحظات التخصيص العشوائية

إضافة ميزات Modernizr

يرجى استخدام الأمر التالي للحصول على صفحة بناء Modernizr المخصصة: head -n2 dist/modernizr-custom.js | tail -n1 أو السطر الثاني فقط من ملف modernizr-custom.js

شكرًا

مشروع Modernizr

يخبرك Modernizr بما يتميز به HTML و CSS و JavaScript الذي يقدمه متصفح المستخدم. https://modernizr.com/

قاعدة بيانات وحدة التحكم في لعبة SDL

قاعدة بيانات من مصادر مجتمعية من تعيينات وحدة تحكم اللعبة https://github.com/gabomdq/sdl_gamecontrollerdb

مشروع Apache Cordova

Apache Cordova هو إطار تطوير الهاتف المحمول مفتوح المصدر. يتيح لك استخدام تقنيات الويب القياسية - HTML5 و CSS3 و JavaScript لتطوير المنصات. https://cordova.apache.org

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل