Language繁體中文
分類：生活介面架構
生活軟體互動 UI 設計工具
繪製靜態矩形並將其稱為介面設計的時代已經結束。設計能夠回應手勢、尊重物理原理並清晰溝通的生活軟體。
What is 生活軟體互動 UI in ExodeUI?
互動式 UI 設計是創建使用者介面的學科，其行為類似於觸覺、物理系統，而不是靜態圖片。 ExodeUI 是一個互動式 UI 設計引擎，它以響應式、有狀態和實體驅動的 UI 元素取代靜態畫布框架，這些元素直接發送到生產軟體。
核心架構
為什麼工程師和設計師選擇 [ExodeUI
Design, logic and motion in one file that runs inside your app.
生活畫佈建築
在建立按鈕、模式和滑桿時，直接在畫布上與它們互動。無需觸發單獨的原型模式。
Core Architecture
視覺邏輯節點
將事件（點擊、拖曳、懸停）連接到條件和狀態轉換，而無需處理複雜的命令式程式碼。
Core Architecture
多狀態組件
使用無縫彈簧插值設計全面的組件狀態（預設、懸停、焦點、活動、載入、錯誤、成功）。
Core Architecture
直接開發人員協調
設計師在視覺狀態下思考；開發人員在狀態機中思考。 ExodeUI 兩種語言都很流利。
Core Architecture
客觀評價
ExodeUI 相比如何 Static Wireframing Tools
Where ExodeUI is stronger, and what to weigh before you switch.
The ExodeUI Architecture
優勢ExodeUI
- 組件在繪圖畫布上即時且可交互
- 模擬真實操作系統彈簧、觸控和手勢
- 保證狀態同步錯誤所導致的 UI bug 為零
- 匯出與視覺設計 100% 相符的生產程式碼
Compared with
Trade-offsStatic Wireframing Tools
- 繪製沒有時間或邏輯概念的惰性二維向量形狀
- 原型感覺遲緩且缺乏真實的身體反應
- 無法處理現實的動態資料或複雜的狀態分支
- 讓開發人員猜測過渡速度和物理感覺
開發者交接
在您的程式碼中使用它
Your app loads the compiled file through the ExodeUI runtime and talks to it through inputs and events.
從 'exodeui' 導入 { ExodeUICanvas }；
// 彈簧、狀態和計時位於 .exode 檔案中（設計於
// 編輯器）。您的代碼傳遞輸入並聽取事件返回。
導出函數 LivingAuthButton() {
返回（
<ExodeUI畫布
src =“/living_auth_button.bexode”
onTrigger={(name) => console.log('ExodeUI 事件：', name)}
/>
）；
}有疑問嗎？
常見問題解答
透過真實的運動建構生命組件。
Start free in the browser or download the desktop app. Compile spring physics and state machines directly to React and SwiftUI.