LanguageБългарски
Категория: Production UI Motion
Инструмент за анимация на потребителския интерфейс за интерактивни интерфейси
Спрете да предавате видеоклипове и статични криви Безие. Проектирайте отзивчиви, управлявани от физиката UI анимации и изпратете същия файл към вашето приложение.
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
- Линейни базирани на времето ключови кадри, които се прекъсват, когато потребителят прекъсне взаимодействието
- Разработчиците трябва ръчно да възстановят всяка крива на анимация в кода
- Интерактивните състояния обикновено трябва да се кодират ръчно около плейъра
Разработчик Handoff
Използването му във вашия код
Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.
импортиране { ExodeUICanvas } от 'exodeui';
// Пружини, състояния и синхронизиране на живо във файла .exode (проектиран в
// редактор). Вашият код предава входове и чува събитията обратно.
функция за експортиране InteractiveButton() {
връщане (
<ExodeUIПлатно
src="/interactive_button.bexode"
входове={{ натиснат }}
onTrigger={(име) => console.log('ExodeUI събитие:', име)}
/>
);
}Имате въпроси?
Често задавани въпроси
Изградете живи компоненти с реално движение.
Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.