Languageالعربية
الفئة: إنتاج واجهة المستخدم الحركة
أداة الرسوم المتحركة لواجهة المستخدم للواجهات التفاعلية
توقف عن تسليم مقاطع الفيديو ومنحنيات بيزير الثابتة. صمم رسومًا متحركة لواجهة المستخدم سريعة الاستجابة ومعتمدة على الفيزياء واشحن نفس الملف إلى تطبيقك.
What is أداة الرسوم in ExodeUI?
ExodeUI هي أداة رسوم متحركة لواجهة المستخدم تم تصميمها خصيصًا لفرق المنتجات التي تقوم ببناء البرامج الحية. على عكس الأدوات التي تنتج فيديو ثابت أو أصول JSON الثقيلة، فإن ExodeUI يقرن لوحة الحركة المرئية مع فيزياء الربيع وأجهزة الحالة، ويحفظ النتيجة كملف .exode واحد مفتوح يتم تشغيله في حزم وقت التشغيل في React، Vue، Svelte، Angular، Solid، React Native، SwiftUI وFlutter.
العمارة الأساسية
لماذا يختار المهندسون والمصممون ExodeUI
Design, logic and motion in one file that runs inside your app.
فيزياء الربيع في الوقت الحقيقي
استبدل منحنيات المدة الهشة بفيزياء الصلابة والكتلة والتخميد الطبيعية التي تتفاعل بسلاسة مع سرعة المستخدم.
منطق آلة الحالة المرئية
حالات التحويم المعقدة والسحب والتحميل بشكل مرئي دون كتابة آلاف الأسطر من انتقالات CSS الهشة.
تصدير رمز الإنتاج الأصلي
قم بتشغيل نفس الملف في React، وVue، وSvelte، وAngular، وSolid، وReact Native، وSwiftUI، وFlutter، مع المدخلات والأحداث التي يتحكم فيها الكود الخاص بك.
تتبع الإيماءات المستمر
تتبع السحب والقذف والضغط والمؤشر من الدرجة الأولى مع الزخم المستمر واكتشاف الاصطدام الحدودي.
التقييم الموضوعي
كيف يقارن ExodeUI بـ Traditional UI Animation Tools
Where ExodeUI is stronger, and what to weigh before you switch.
ExodeUI
- يتم تشغيل ملف واحد مفتوح في ثمانية أوقات تشغيل إطارية
- محرك فيزيائي مدمج مع سرعة وزخم حقيقيين
- الرسم البياني لعقدة آلة الحالة المرئية لمنطق التفرع
- المدخلات والأحداث التي يتحكم فيها رمز التطبيق الخاص بك
Traditional UI Animation Tools
- إخراج مقاطع فيديو MP4 الثابتة أو GIFs أو After Effects JSONs الثقيلة
- الإطارات الرئيسية الخطية المستندة إلى الوقت والتي تنقطع عندما يقاطع المستخدم التفاعل
- يجب على المطورين إعادة بناء كل منحنى الرسوم المتحركة يدويًا في التعليمات البرمجية
- عادةً ما يجب ترميز الحالات التفاعلية يدويًا حول اللاعب
تسليم المطور
استخدامه في التعليمات البرمجية الخاصة بك
Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.
استيراد { ExodeUICanvas } من 'exodeui'؛
// الينابيع والحالات والتوقيت موجودة في ملف .exode (المصمم في ملف
// المحرر). يمرر الكود الخاص بك المدخلات ويسمع الأحداث مرة أخرى.
وظيفة التصدير InteractiveButton () {
العودة (
<ExodeUICanvas
src = "/interactive_button.bexode"
المدخلات = {{ تم الضغط عليها }}
onTrigger={(name) => console.log('حدث ExodeUI:', الاسم)}
/>
);
}هل لديك أسئلة؟
الأسئلة المتداولة
بناء مكونات حية بحركة حقيقية.
Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.