LanguageTürkçe
Kategori: Prodüksiyon Kullanıcı Arayüzü Hareketi
Etkileşimli Arayüzler için Kullanıcı Arayüzü Animasyon Aracı
Videoları ve statik bezier eğrilerini dağıtmayı bırakın. Duyarlı, fizik odaklı kullanıcı arayüzü animasyonları tasarlayın ve aynı dosyayı uygulamanıza gönderin.
What is Etkileşimli Arayüzler in ExodeUI?
ExodeUI, canlı yazılım geliştiren ürün ekipleri için özel olarak tasarlanmış bir kullanıcı arayüzü animasyon aracıdır. Statik video veya ağır JSON varlıkları çıkaran araçların aksine ExodeUI, görsel bir hareket tuvalini yay fiziği ve durum makineleriyle eşleştirir ve sonucu, çalışma zamanı paketlerinin React, Vue, Svelte, Angular, Solid, React Native, SwiftUI ve SwiftUI'te oynatıldığı tek bir açık .exode dosyası olarak kaydeder. Flutter.
Temel mimari
Mühendisler ve tasarımcılar neden ExodeUI seçiyor
Design, logic and motion in one file that runs inside your app.
Gerçek Zamanlı Bahar Fiziği
Kırılganlık süresi eğrilerini, kullanıcı hızına akıcı bir şekilde tepki veren doğal sertlik, kütle ve sönümleme fiziği ile değiştirin.
Görsel Durum Makinesi Mantığı
Binlerce satırlık hassas CSS geçişleri yazmadan, karmaşık vurgulu, aktif, sürükleme ve yükleme durumlarını görsel olarak bağlayın.
Yerel Üretim Kodu Dışa Aktarma
Kodunuzun kontrol ettiği girişler ve olaylarla aynı dosyayı React, Vue, Svelte, Angular, Solid, React Native, SwiftUI ve Flutter'te oynatın.
Sürekli Hareket Takibi
Sürekli momentum ve sınır çarpışma tespiti ile birinci sınıf sürükleme, fırlatma, kıstırma ve işaretçi takibi.
Nesnel değerlendirme
ExodeUI şununla nasıl karşılaştırılır: Traditional UI Animation Tools
Where ExodeUI is stronger, and what to weigh before you switch.
ExodeUI
- Açık bir dosya sekiz çerçeve çalışma zamanında çalışır
- Gerçek hız ve momentuma sahip yerleşik fizik motoru
- Dallanma mantığı için görsel durum makinesi düğüm grafiği
- Uygulama kodunuzun kontrol ettiği girişler ve olaylar
Traditional UI Animation Tools
- Statik MP4 videolarının, GIF'lerin veya ağır After Effects JSON'lerin çıktısını verir
- Kullanıcı etkileşimi kesintiye uğrattığında bozulan doğrusal zamana dayalı anahtar kareler
- Geliştiricilerin koddaki her animasyon eğrisini manuel olarak yeniden oluşturması gerekir
- Etkileşimli durumların genellikle oynatıcının etrafında elle kodlanması gerekir
Geliştirmeye devir
Kodunuzda kullanma
Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.
'exodeui'den { ExodeUICanvas }'ı içe aktarın;
// Yaylar, durumlar ve zamanlama .exode dosyasında yayındadır (
// editör). Kodunuz girdileri iletir ve olayları geri duyar.
dışa aktarma işlevi InteractiveButton() {
dönüş (
<ExodeUICanvas
src = "/interactive_button.bexode"
girişler={{ basıldı }}
onTrigger={(name) => console.log('ExodeUI olayı:', name)}
/>
);
}Sorunuz mu var?
Sık sorulan sorular
Gerçek hareketle yaşayan bileşenler oluşturun.
Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.