หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

pureqml :: qmlcore: qml ถึงนักแปล JavaScript

QMLCORE เป็นชุดเครื่องมือง่าย ๆ ที่เรา (ทีมเล็ก ๆ ของผู้สนับสนุน QML) ใช้งานมาหลายปีเพื่อลดความซับซ้อนของการพัฒนา HTML5 UIS สำหรับอุปกรณ์ทั้งบนมือถือและเดสก์ท็อป มันถูกออกแบบโดยคำนึงถึง QML ดั้งเดิมในขณะที่มันไม่เข้ากันได้ 100% และปรับปรุงในบางแง่มุม แนวคิดหลักนั้นเหมือนกันดังนั้นหากคุณคุ้นเคยกับ QML ดั้งเดิมคุณสามารถเริ่มต้นได้ทันที

การใช้งาน

QMLCORE จัดเตรียมเครื่องมือที่เขียนด้วย Python โดยใช้ Python-Future ทำให้สามารถทำงานได้ที่ด้านบนของ Python ทั้งสองรุ่น โดยปกติคุณไม่จำเป็นต้องใช้โดยตรง build มอบเสื้อคลุมที่สะดวกสบายรอบตัวพวกเขาทั้งหมด

ข้อกำหนดเบื้องต้น

งูหลามที่ทันสมัย ​​(2 หรือ 3) จะไปได้ดี Jinja2 เป็นตัวเลือกที่แตกต่างกันสำหรับ templating ในกรณีที่คุณต้องการมากกว่า QML Loader ในไฟล์ HTML ของคุณในขณะที่ไม่จำเป็นสำหรับแอพขนาดเล็ก

ในการติดตั้งข้อกำหนดการรัน: 

$ pip install - r requirements . txt

วิธีการง่ายๆ

  • สร้างไดเรกทอรีโครงการ cd <project-dir>
  • โคลน qmlcore กับมัน: git clone [email protected]:pureqml/qmlcore.git
  • Run ./qmlcore/build -Boilerplate
  • ดู./src/app.qml
  • run ./qmlcore/build โปรดค้นหาไฟล์ผลลัพธ์ใน build.web/*

มันทำงานอย่างไร

คอมไพเลอร์คอมไพเลอร์ QML สแกนไดเรกทอรีต้นฉบับสำหรับไฟล์ QML และแยกวิเคราะห์แต่ละไฟล์ ชื่อไฟล์เริ่มต้นด้วยตัวอักษรตัวพิมพ์ใหญ่ที่ถือว่าเป็นส่วนประกอบตัวพิมพ์เล็กอินสแตนซ์ ตัวเลือกทั่วทั้งโครงการจะถูกเก็บไว้ในไฟล์. .manifest ผลลัพธ์ของการรวบรวมเป็นไฟล์ JavaScript เดียวที่มีการพึ่งพาขั้นต่ำ (Modernizr เท่านั้น) พร้อมที่จะใช้ในสภาพแวดล้อมมือถือและเดสก์ท็อปและมาพร้อมกับตัวอย่าง. HTML Launcher

ตัวเลือกรายการ

Manifest เป็นคอลเลกชันของแฮ็กทั่วทั้งโครงการที่เราใช้ในการทำโครงการต่าง ๆ บางคนอาจมีประโยชน์หรือไม่มีประโยชน์

  • templater - เครื่องยนต์เทมเพลตที่จะใช้เพียง 'Simple' และ 'Jinja2' ได้รับการสนับสนุนในขณะนี้
  • web-prefix -ดู -P ตัวเลือกด้านล่างระบุคำนำหน้ากฎ CSS
  • minify - FALSE/TRUE หรือคอมไพเลอร์ชื่อเป็นสตริงเท่านั้นรองรับ 'GCC' และ 'UGLIFY -JS' เท่านั้น คอมไพเลอร์ปิด Google ต้องการให้ Java ทำงาน
  • platforms ใช้แพลตฟอร์มเพิ่มเติม/*/ ไฟล์ค่าเริ่มต้นและแพลตฟอร์มเท่านั้นคือ 'เว็บ' สำหรับตอนนี้
  • path - ไดเรกทอรีเพิ่มเติมสำหรับการค้นหาแหล่งที่มาสำหรับ

สร้างตัวเลือกบรรทัดคำสั่งเครื่องมือ

  • -m, --minify minify ด้วยตัวเลือกเริ่มต้น ('uglify-js')
  • -k, --keep เก็บแหล่งที่มาดั้งเดิมหลังจาก minification, มีประโยชน์สำหรับการดีบักคำเตือน minification
  • -d, --devel โหมดการพัฒนา -พัฒนาต่อไปและรอการเปลี่ยนแปลงต้องใช้โมดูล inotify
  • -p, --web-prefix หน้าเว็บ-PREFIX, ลบกฎ CSS เริ่มต้น, เพิ่มคำนำหน้า 'QML-' สำหรับพวกเขา, ช่วยให้คุณสามารถแลกเปลี่ยน HTML/QML ได้
  • -u, --update-translation อัปเดตการแปลอัพเดต, ที่ระบุไว้ใน Manifest.languages
  • -j, --jobs ทำงาน n งานขนานกัน
  • --boilerplate ประกาศเริ่มต้นขั้นต่ำสุดสำหรับการเตะเร็วขึ้นในไดเรกทอรีปัจจุบัน

แพลตฟอร์มที่รองรับ

เราสนับสนุนแพลตฟอร์มที่แตกต่างกันมากมายและตัวแปรการรวมวิดีโอ

แพลตฟอร์มที่โดดเด่นที่สุดคือ:

  • เว็บเบราว์เซอร์ HTML5 (เห็นได้ชัด) กับ Addons ที่แตกต่างกัน:
    • ชากะ
    • dash.js
    • Video.js ส่วนขยายเว็บ
  • อิเลคตรอนจ์
  • Android (เครื่องยนต์พื้นเมืองและ Cordova)
  • iOS (Cordova)
  • SmartTV Platorms:
    • ทีวี Android ใด ๆ ผ่านการสนับสนุน Android ดั้งเดิม
    • LG (NetCast และ WebOS)
    • Samsung SmartTV (Orsay and Tizen)
    • Operatv
  • แพลตฟอร์ม STB จำนวนมาก (ส่วนตัว)
  • เครื่องยนต์ C ++ ดั้งเดิมที่มีข้อกำหนดขั้นต่ำ (EGL หรือ LinuxFB) (ส่วนตัว)

สำหรับรายการแพลตฟอร์มที่รองรับทั้งหมดดูที่นี่และที่นี่ หรือเพียงแค่ถามเรา

การสนับสนุน Android ดั้งเดิม

repo หลักสำหรับการใช้งาน Android PureQML คือ https://github.com/pureqml/qmlcore-android

เพื่อสร้างแอพ Android ดั้งเดิมคุณต้อง:

  • ติดตั้ง Android SDK และตั้งค่าตัวแปรสภาพแวดล้อม ANDROID_HOME
  • Run ./qmlcore/platform/pure.femto/build-android-native.sh

การแปลเป็นภาษาท้องถิ่น

QMLCORE ใช้ QT-Approach เพื่อการแปล คุณเขียนโค้ดในภาษาเริ่มต้นของคุณจากนั้นสร้าง/อัปเดต (build -u) .ts ไฟล์แปลภาษาแปลด้วยนักภาษาศาสตร์ QT และรวบรวมโครงการของคุณ QMLCore รับรู้ฟังก์ชั่น TR, QSTR, QStranslate เช่นเดียวกับ Macros QT_TR_NOOP/QT_TRANSLATE_NOOP

ควบคุมไลบรารี

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

ฐานข้อมูลที่มาจากชุมชนของการแมปคอนโทรลเลอร์เกม

โครงการ Apache Cordova

Apache Cordova เป็นกรอบการพัฒนามือถือโอเพนซอร์ซ ช่วยให้คุณใช้เทคโนโลยีเว็บมาตรฐาน - HTML5, CSS3 และ JavaScript สำหรับการพัฒนาข้ามแพลตฟอร์ม https://cordova.apache.org

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด