Wijmo Angular Wijmo Designer
在 Angular 開發中用於 Wijmo 控制項的視覺化設計工具。
- 在 Angular 中以視覺化方式設計與設定 Wijmo 元件。
- 互動式編輯屬性、版面配置與資料繫結。
- 從視覺化設定產生可直接用於 Angular 的標記。
視覺化元件設定
透過互動式設計介面設定 Wijmo UI 元件。使用會反映元件 API 的屬性編輯器來調整屬性、樣式與行為，讓開發人員在初始設計階段無需手動編輯標記即可定義控制項設定。
Angular 範本產生
根據視覺化設定產生相容於 Angular 的範本。設計工具會輸出符合 Angular 元件語法的標記，讓設計更容易轉移到既有專案中，並維持與既定應用程式結構的一致性。
資料繫結設定
以視覺方式為資料表、圖表及其他資料感知元件定義與管理資料繫結。將資料來源對應至元件屬性並設定繫結路徑，協助開發人員在與即時應用程式資料服務整合前驗證設定。
版面配置與容器管理
在版面容器中排列元件，以建立結構化的使用者介面。調整對齊、大小與位置來建模回應式版面，支援企業與業務應用程式中常見的 Angular 版面模式。
屬性檢視與編輯
在結構化面板中檢視元件屬性，顯示可設定的選項。修改格式、互動設定與視覺屬性等值，同時即時預覽其在設計畫布上的效果。
事件設定支援
將元件事件納入設計流程進行檢視與設定。識別可用的事件掛鉤，並準備之後可在應用程式程式碼庫中與 Angular 元件邏輯連接的事件繫結。
主題與樣式調整
套用並測試樣式選項，以評估元件在不同視覺設定下的呈現方式。調整與外觀相關的屬性，先使其符合專案設計需求，再於應用層級樣式表中完成最終樣式設定。
元件結構視覺化
檢視已設定元件的階層結構，以了解巢狀與關聯關係。這項結構總覽有助於在包含多個互動元素的複雜表單與儀表板中維持清晰度。
與 Angular 專案整合
透過納入產生的標記與設定，將已設定元件轉移至 Angular 應用程式。此設計工具支援視覺化設計與程式碼實作在標準 Angular 開發流程中協同運作的工作流程。
產品相容性
請查看以下詳細資訊，以確保此產品在您的環境中受支援。
元件類型
- JavaScript
JavaScript 平台
- Angular
關於MESCIUS
MESCIUS，前身為 GrapeCity，是一家於日本成立、以開發者為核心的領先品牌，擁有超過 30 年的歷史。它以廣泛的軟體元件套件而聞名，包括報表框架、試算表程式庫，以及面向日本市場的輸入控制項。ActiveReports、SPREAD、InputMan 和 ComponentOne 等熱門產品同時支援 .NET 和 JavaScript 生態系統，並廣泛應用於關鍵業務應用程式。MESCIUS 提供經過驗證的可靠性、完善的日文化支援，以及強大的技術支援等獨特優勢，使其成為建構複雜且在地化系統的 IT 專業人士與軟體開發人員值得信賴的選擇。
