ComponentOne Blazor UI Layout and Design Controls
輕鬆在 Blazor 應用程式中建立優雅且有條理的版面配置。
- 使用可收合的 Accordion 內容區段來組織資訊密集的畫面。
- 使用 Window popovers 或 modal dialogs 呈現情境式 UI。
- 透過可設定的展開與視窗互動來控制版面行為。
起價:
基於 Accordion 的內容分組
將相關 UI 組織成一組堆疊的窗格，使用者可依需要展開與收合。Accordion 支援互動式展開行為，適合以精簡版面呈現密集資訊，有助於減少捲動，並在不離開目前視圖的情況下保留次要細節。
單一或多個項目展開
可依您的畫面互動模式設定一次只展開一個項目，或維持多個窗格同時開啟。這種彈性可協助您實作常見的 disclosure 版面、設定頁面與詳細資料面板，同時保持內容結構可預測。
方向性版面選項
以不同方向呈現展開後的 Accordion 版面，以符合您的頁面結構與可用空間。這讓您能將 disclosure 區域調整為側邊欄、堆疊區段或其他配置，使展開效果與周遭 UI 元素搭配起來更自然。
響應式呈現與動畫
透過 Accordion 元件中的響應式呈現與動畫轉場，提供精緻的展開與收合體驗。這些行為可幫助使用者追蹤頁面上哪些內容發生變化，特別適合資訊量大的表單與儀表板。
用於任意內容的 Window 彈出層
使用 Window 顯示小型任意內容彈出層，支援 popovers 與 modal dialogs。可用來呈現編輯器、確認視窗、情境細節或輔助工作流程，而不需離開目前頁面，同時保有彈出層內容的完全可自訂性。
相對於擁有者的 Popover 位置
建立與擁有者元素綁定的 popovers，其可見性由該擁有者控制，且位置相對於它計算。這種模式非常適合情境式說明、內嵌操作與輕量選擇器，讓彈出層看起來像是錨定在某個 UI 元素上。
Modal Dialog 呈現
建立不含擁有者元素的 dialogs，使其置中顯示，並在視覺上與底層內容分離。這可支援像是確認與多步驟輸入這類需要專注的互動，讓使用者在繼續操作頁面前先完成或關閉彈出層。
可拖曳與可調整大小的行為
透過涵蓋可拖曳性與可調整大小性的屬性來設定 Window 行為。讓使用者可拖曳標頭重新定位彈出層，並在適當時調整大小，為進階使用者以及包含資料輸入或豐富內容的畫面提供更彈性的工作流程。
定位與彈出層控制
控制 Window 的定位與彈出層行為，以符合您的應用程式 UX 需求。可選擇 popup 的顯示方式、放置位置，以及它與頁面其餘部分的互動方式，讓不同畫面與互動類型之間都能維持一致的彈出層模式。
產品相容性
請查看以下詳細資訊，以確保此產品在您的環境中受支援。
元件類型
- .NET
.NET 版本
- .NET 10 LTS
- .NET 9 STS
- .NET 8 LTS
- .NET 6 LTS
.NET 平台
- .NET Blazor / WebAssembly
關於MESCIUS
MESCIUS，前身為 GrapeCity，是一家於日本成立、以開發者為核心的領先品牌，擁有超過 30 年的歷史。它以廣泛的軟體元件套件而聞名，包括報表框架、試算表程式庫，以及面向日本市場的輸入控制項。ActiveReports、SPREAD、InputMan 和 ComponentOne 等熱門產品同時支援 .NET 和 JavaScript 生態系統，並廣泛應用於關鍵業務應用程式。MESCIUS 提供經過驗證的可靠性、完善的日文化支援，以及強大的技術支援等獨特優勢，使其成為建構複雜且在地化系統的 IT 專業人士與軟體開發人員值得信賴的選擇。
