XAML - 佈局



控制元件的佈局對於應用程式的可用性非常重要且至關重要。需要在應用程式中排列一組 GUI 元素。在選擇佈局面板時,需要考慮一些重要事項;

  • 子元素的位置。
  • 子元素的大小。
  • 重疊子元素彼此疊加的分層。

當應用程式在不同的螢幕解析度上使用時,控制元件的固定畫素排列不起作用。XAML 提供了一套豐富的內建佈局面板來以適當的方式排列 GUI 元素。一些最常用和流行的佈局面板如下所示 -

序號 面板及描述
1 StackPanel

StackPanel 是 XAML 中一個簡單且有用的佈局面板。在 StackPanel 中,子元素可以根據方向屬性以水平或垂直方式排列在單行中。

2 WrapPanel

在 WrapPanel 中,子元素根據方向屬性從左到右或從上到下按順序排列。

3 DockPanel

DockPanel 定義一個區域,用於相對於彼此排列子元素,無論是水平還是垂直。使用 DockPanel,您可以輕鬆地使用 Dock 屬性將子元素停靠到頂部、底部、右側、左側和中心。

4 CanvasPanel

CanvasPanel 是基本佈局面板,其中子元素可以使用相對於 Canvas 任意一側(例如左側、右側、頂部和底部)的座標明確定位。

5 GridPanel

GridPanel 提供了一個靈活的區域,該區域由行和列組成。在 Grid 中,子元素可以以表格形式排列。

廣告

© . All rights reserved.