ห้องสมุดส่วนประกอบ UI สำหรับการสร้างแอพ Kaios ส่วนประกอบและมุมมองทั้งหมดสามารถนำทางได้โดยใช้ d-pad และ softkeys ของโทรศัพท์
ข้อควรระวัง: รายละเอียดสไตล์ของส่วนประกอบบางอย่างได้รับการปรับปรุงเมื่อเร็ว ๆ นี้ซึ่งยังไม่ได้สะท้อนให้เห็นในการใช้งานนี้ โปรดดูบทความบล็อก Kaios ในสื่อ
Kaiui ยังไม่ได้ถูกนำไปใช้กับ NPM เพื่อสร้างและเล่นกับแอพสาธิต Run:
npm install
npm start
สำหรับใช้ใน Kaios Emulator คุณต้องสร้าง
npm build
และอัปเดตแฮชของไฟล์ JS และ CSS ใน index.html ด้วยตนเองก่อนที่จะทำงาน
สเป็คทั้งหมดสามารถพบได้ที่นี่
| ชื่อ | ดูตัวอย่าง | รายละเอียด |
|---|---|---|
| ส่วนหัว | ![]() | ![]() |
| แท็บ | ![]() | ![]() |
| คีย์ | ![]() | ![]() |
| รายการข้อความ | ![]() | ![]() |
| รายการข้อความตัวถัง | ![]() | |
| รายการไอคอน | ![]() | |
| รายการลูกศร | ![]() | |
| เครื่องแยก | ![]() | ![]() |
| ช่องทำเครื่องหมาย | ![]() | ![]() |
| ปุ่มตัวเลือก | ![]() | |
| ความคืบหน้า | ![]() | ![]() |
| ความคืบหน้า | ![]() | |
| ตัวเลื่อน | ![]() | ![]() |
| ปุ่ม | ![]() | ![]() |
| ป้อนข้อมูล | ![]() | ![]() |
รายละเอียดการนำทางสามารถดูได้ที่นี่
| ชื่อ | ดูตัวอย่าง |
|---|---|
| Tabview | ![]() |
| ListView | ![]() |
| ชื่อ | ดูตัวอย่าง | รายละเอียด |
|---|---|---|
| ขนมปังปิ้ง | ![]() | ![]() |
การแจ้งเตือนนั้นจัดทำโดย KAIOS เองเมื่อคุณใช้ API การแจ้งเตือนมาตรฐานในขณะที่แอปของคุณกำลังทำงานอยู่หรือ PUSH API หากคุณต้องการการแจ้งเตือนแบบพุช แอพที่ติดตั้งจำเป็นต้องขออนุญาตสำหรับสิ่งนี้ผ่านไฟล์ Manifest เพียงเพิ่มบรรทัดนี้ไปยังส่วนการอนุญาตของไฟล์ manifest.webapp ของคุณ
"desktop-notification": {}
เมื่อเพิ่มสิ่งนี้แล้วคุณสามารถส่งการแจ้งเตือนผู้ใช้โดยไม่จำเป็นต้องขออนุญาต
สีที่ได้มาตรฐานและรูปแบบตัวอักษรพบได้ในไดเรกทอรีธีม เหล่านี้เป็นไปตามมาตรฐานการพิมพ์ Kaios ขณะนี้คุณสามารถปรับแต่งสีโฟกัสของส่วนประกอบผ่านอุปกรณ์ประกอบฉากสีอักษรเป็น WIP
Kaiui ใช้ไอคอนที่กำหนดเองที่มีให้ในพอร์ทัลนักพัฒนา Kaios สิ่งเหล่านี้รวมอยู่ในตัวอักษร KAI-ICONS และรวมอยู่ในชั้นเรียน SASS/CSS
มีงานมากมายที่ต้องทำในการสร้างส่วนประกอบ UI มากขึ้นการเขียนการทดสอบและการรวมการพิมพ์ (อาจใช้การไหล) โปรดดูที่ปัญหาที่เปิดอยู่ในปัจจุบันและคู่มือการสนับสนุนของเรา