LanguageTiếng Việt
Danh mục: Chuyển động giao diện người dùng sản xuất
Công cụ hoạt hình UI cho giao diện tương tác
Dừng việc cung cấp video và các đường cong bezier tĩnh. Thiết kế hoạt ảnh giao diện người dùng có tính đáp ứng, dựa trên vật lý và gửi cùng một tệp đến ứng dụng của bạn.
What is Công cụ in ExodeUI?
ExodeUI là một công cụ hoạt hình giao diện người dùng được thiết kế dành riêng cho các nhóm sản phẩm xây dựng phần mềm sống động. Không giống như các công cụ xuất video tĩnh hoặc nội dung JSON nặng, ExodeUI ghép một canvas chuyển động trực quan với máy trạng thái và vật lý lò xo, đồng thời lưu kết quả dưới dạng một tệp .exode mở mà các gói thời gian chạy phát trong React, Vue, Svelte, Angular, Solid, React Native, SwiftUI và Flutter.
Kiến trúc cốt lõi
Vì sao kỹ sư và nhà thiết kế chọn ExodeUI
Design, logic and motion in one file that runs inside your app.
Vật lý mùa xuân thời gian thực
Thay thế các đường cong thời gian giòn bằng vật lý có độ cứng, khối lượng và giảm chấn tự nhiên phản ứng linh hoạt với vận tốc của người dùng.
Logic máy trạng thái trực quan
Kết nối các trạng thái di chuột, hoạt động, kéo và tải phức tạp một cách trực quan mà không cần viết hàng nghìn dòng chuyển tiếp CSS mong manh.
Xuất mã sản xuất gốc
Phát cùng một tệp trong React, Vue, Svelte, Angular, Solid, React Native, SwiftUI và Flutter, với các đầu vào và sự kiện mà mã của bạn kiểm soát.
Theo dõi cử chỉ liên tục
Theo dõi kéo, ném, chụm và con trỏ hạng nhất với khả năng phát hiện va chạm ranh giới và động lượng liên tục.
Đánh giá khách quan
ExodeUI so với Traditional UI Animation Tools
Where ExodeUI is stronger, and what to weigh before you switch.
ExodeUI
- Một tệp đang mở chạy trong tám thời gian chạy khung
- Động cơ vật lý nhúng với vận tốc và động lượng thực
- Biểu đồ nút máy trạng thái trực quan cho logic phân nhánh
- Đầu vào và sự kiện mà mã ứng dụng của bạn kiểm soát
Traditional UI Animation Tools
- Xuất ra video MP4 tĩnh, GIF hoặc After Effects JSON nặng
- Các khung hình chính dựa trên thời gian tuyến tính bị hỏng khi người dùng làm gián đoạn tương tác
- Nhà phát triển phải xây dựng lại thủ công mọi đường cong hoạt ảnh trong mã
- Các trạng thái tương tác thường phải được mã hóa bằng tay xung quanh trình phát
Bàn giao cho đội phát triển
Dùng trong mã của bạn
Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.
nhập {ExodeUICanvas } từ 'exodeui';
// Lò xo, trạng thái và thời gian tồn tại trong tệp .exode (được thiết kế trong
// trình soạn thảo). Mã của bạn chuyển đầu vào vào và nghe lại các sự kiện.
hàm xuất InteractiveButton() {
trở lại (
<ExodeUIVải
src="/interactive_button.bexode"
đầu vào={{ đã nhấn }}
onTrigger={(name) => console.log('ExodeUI sự kiện:', name)}
/>
);
}Bạn có câu hỏi?
Câu hỏi thường gặp
Tạo component sống động với chuyển động thật.
Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.