مكتبة مكون واجهة المستخدم لبناء تطبيقات Kaios. جميع المكونات ومناظر المشاهدات قابلة للملاحة باستخدام لوحة D و Softkeys للهاتف.
تحذير: تم تحديث مواصفات بعض المكونات مؤخرًا ، والتي لم تنعكس بعد في هذا التنفيذ. يرجى الرجوع إلى مقالة مدونة Kaios على Medium.
لم يتم نشر Kaiui بعد في NPM. للبناء واللعب مع تشغيل التطبيق التجريبي:
npm install
npm start
للاستخدام في محاكي Kaios يجب أن تبني
npm build
وتحديث تجزئة ملفات JS و CSS في index.html يدويًا قبل التشغيل.
يمكن العثور على جميع المواصفات هنا
| اسم | معاينة | المواصفات |
|---|---|---|
| رأس | ![]() | ![]() |
| علامات التبويب | ![]() | ![]() |
| المفتاح الناعم | ![]() | ![]() |
| عنصر قائمة النص | ![]() | ![]() |
| عنصر قائمة نص الجسم | ![]() | |
| عنصر قائمة الأيقونة | ![]() | |
| عنصر قائمة السهم | ![]() | |
| فاصل | ![]() | ![]() |
| مربع الاختيار | ![]() | ![]() |
| زر الراديو | ![]() | |
| تقدم إلى التنزيل | ![]() | ![]() |
| تقدم التقدم | ![]() | |
| شريط التمرير | ![]() | ![]() |
| زر | ![]() | ![]() |
| مدخل | ![]() | ![]() |
يمكن العثور على تفاصيل التنقل هنا
| اسم | معاينة |
|---|---|
| Tabview | ![]() |
| ListView | ![]() |
| اسم | معاينة | المواصفات |
|---|---|---|
| نخب | ![]() | ![]() |
يتم توفير الإخطارات بواسطة Kaios نفسها عند استخدام API الإشعارات القياسية أثناء تشغيل تطبيقك ، أو واجهة برمجة تطبيقات الدفع إذا كنت تريد إشعارات الدفع. تحتاج التطبيقات المثبتة إلى طلب إذن لهذا من خلال ملف البيان. فقط أضف هذا السطر إلى قسم الأذونات في ملف manifest.webapp الخاص بك.
"desktop-notification": {}
بمجرد إضافة ذلك ، يمكنك إرسال إشعارات المستخدم دون الحاجة إلى طلب الإذن.
تم العثور على ألوان موحدة وأسلوب الخط في دليل الموضوعات. هذه تتبع معيار الطباعة Kaios. حاليًا يمكنك تخصيص لون التركيز للمكونات من خلال الدعائم ، لون الخط هو WIP.
يستخدم Kaiui أيقونات مخصصة متوفرة على بوابة مطور Kaios. يتم تضمين هذه في خط Kai-icons وتأملت كطبقات Sass/CSS.
هناك الكثير من العمل الذي يتعين القيام به على بناء المزيد من مكونات واجهة المستخدم ، واختبارات الكتابة ، ودمج الكتابة (ربما باستخدام التدفق). يرجى إلقاء نظرة على القضايا المفتوحة حاليًا ودليلنا المساهمين