Smart UI Layout & Design Controls for Blazor
用於建構 Blazor 使用者介面的版面與設計元件。
- 提供用於建構與組織介面內容的版面元件。
- 支援回應式設計與 UI 元素的彈性排列。
- 透過以元件為基礎的設定與 Blazor 應用程式整合。
起價:
| 包含在以下產品 | |
|---|---|
| Smart UI (Smart HTML Elements) | 載入中 |
版面配置容器
此集合包含用於定義版面結構的元件，例如面板、區段與容器。這些元件可讓開發人員將介面元素組織成應用程式內的結構化區域。
內容組織
支援在使用者介面中組織內容，讓元素得以分組與排列。這有助於以清楚且易於維護的方式建構應用程式版面。
回應式版面支援
這些元件支援回應式行為，讓版面能夠適應不同的螢幕尺寸與裝置類型。這可確保在桌面與行動環境中維持一致的呈現效果。
彈性定位
提供在版面中定位與對齊元素的選項。這使開發人員能夠控制介面元件的放置與間距。
間距與對齊控制
包含外距、內距與對齊的設定，可精確控制介面中的版面間距與視覺結構。
面板與容器管理
支援管理面板與容器，讓內容區域得以分組與區隔。這使開發人員能夠建立模組化且結構化的介面區段。
樣式與佈景主題
這些元件支援樣式與佈景主題設定，讓版面元素能與應用程式整體的設計與視覺識別保持一致。
動態版面調整
可根據組態或應用程式狀態動態調整版面，支援彈性的介面行為與內容排列。
Blazor 整合
這些版面與設計元件可與 Blazor 應用程式整合，並支援伺服器端與 WebAssembly 主機模型。
產品相容性
請查看以下詳細資訊，以確保此產品在您的環境中受支援。
元件類型
- .NET
- JavaScript
.NET 版本
- .NET 10 LTS
- .NET 9 STS
- .NET 8 LTS
- .NET 7 STS
- .NET 6 LTS
- .NET 5 / .NET Core 3.1
.NET 平台
- .NET Blazor / WebAssembly
JavaScript 平台
- Angular
- React
- Vanilla JavaScript
- Vue.js
- Web 元件
IDE 支援
- Visual Studio
關於Smart HTML Elements
Smart HTML Elements，由 JQWidgets Ltd. 推出，是一個建立於 JavaScript、HTML5 和 CSS3 之上的 UI 框架，專為打造響應式與跨平台網頁應用程式而設計。Smart HTML Elements 位於保加利亞的 Sofia，提供超過 70 種網頁元件，包括資料表格、圖表、排程器與輸入元件。其元件圍繞著強大的核心打造，提供資料繫結、進階事件處理、本地化、無障礙性，以及跨瀏覽器與裝置的適應能力等功能。開發人員選擇 Smart HTML Elements，因為它零相依性、容易自訂，並與 Angular、React、Vue 和 Blazor 等框架相容，同時還提供完整的文件。
