Share via


HOW TO:建構動態配置

WPF Designer for Visual Studio 提供的許多 Panel 控制項可以支援動態位置。 藉由將面板控制項加入為另一個面板控制項的子項目,即可以結合面板控制項。 您可以使用下列面板控制項,在應用程式中動態定位項目:

Grid 定義的區域可以用資料列和資料行定位子項目。 StackPanelWrapPanel 會自動以資料列或資料行定位子項目。 DockPanel 會自動沿著邊緣定位子項目。 如需不同面板的詳細資訊,請參閱使用絕對和動態位置進行配置

重要

可能的話,最好是使用動態配置。動態配置是最具彈性的,能適應內容的變更 (例如當地語系化),並最能讓使用者掌控他們的環境。如需絕對配置的範例,請參閱 HOW TO:根據絕對位置建構配置

設定視窗的動態行為屬性

建立新視窗時,您可以設定屬性讓動態配置具有最大的彈性。

若要設定視窗的動態行為屬性

  1. 在 [設計] 檢視中選取視窗。

  2. 在 [屬性] 視窗中,為 Window 設定下列屬性:

    屬性

    作用

    ResizeMode

    CanResize

    這樣可以讓使用者調整視窗大小,給控制項更多空間。

    SizeToContent

    WidthAndHeight

    這樣可以讓視窗在內容展開時自動調整大小。

設定面板的動態行為屬性

在視窗中或是面板中加入新面板 (例如 GridDockPanelStackPanel) 時,您可以設定屬性讓動態配置具有最大的彈性。

若要設定面板的動態行為屬性

  1. 在 [設計] 檢視中選取面板。

  2. 在 [屬性] 視窗中,為 Panel 設定下列屬性:

    屬性

    作用

    Width

    Auto

    面板會縮放至填入父視窗或面板的寬度。

    Height

    Auto

    面板會縮放至填入父視窗或面板的高度。

設定方格的動態行為屬性

您可以使用 Auto 和星號大小,以協助建立可以隨內容動態調整大小的方格。 使用自動大小可以讓控制項配合其內容,即使在內容大小變更時。 星號大小用於依照加權比例配置可用空間。 如需詳細資訊,請參閱 Star

當使用 [設計] 檢視建立新資料列和資料行時,根據預設,他們是以 Star 大小建立的。 如需詳細資訊,請參閱 HOW TO:在方格中加入資料列和資料行

提示

您可能會發現在 [集合編輯器] 中加入資料列和資料行,然後再於 XAML 編輯器中設定資料列寬度和資料行高度,是比較輕鬆的方式。

若要設定方格的動態行為屬性

  1. 在 [設計] 檢視中選取方格。

  2. 在 [屬性] 視窗中,找出 ColumnDefinitions 屬性,然後按一下屬性值資料行中的省略符號按鈕。

    [集合編輯器] 隨即出現。

    1. 選取或加入新資料行定義。

    2. 使用 Auto 和星號大小設定資料行寬度以得到最大彈性。

    3. 按一下 [確定] 關閉 [集合編輯器],並返回 WPF Designer。

    注意

    Width 屬性設定為 Auto 的資料行會暫時隱藏,因為他們沒有任何內容。如果要避免這種情況,您可以在工作時使用星號大小,並於完成時變更為 Auto。

  3. 在 [屬性] 視窗中,找出 RowDefinitions 屬性,然後按一下屬性值資料行中的省略符號按鈕。

    [集合編輯器] 隨即出現。

    1. 選取或加入新資料列定義。

    2. 使用 Auto 和星號大小設定資料列高度以得到最大彈性。

    3. 按一下 [確定] 關閉 [集合編輯器],並返回 WPF Designer。

    注意

    Height 屬性設定為 Auto 的資料列會暫時隱藏,因為他們沒有任何內容。如果要避免這種情況,您可以在工作時使用星號大小,並於完成時變更為 Auto。

設定控制項的動態行為屬性

在視窗中或是面板中加入新控制項時,您可以設定屬性讓動態配置具有最大的彈性。 您應該要避免為控制項設定特定大小,才能確保視窗或內容變更時,控制項會動態調整大小。

若要設定控制項的動態行為屬性

  1. 在 [設計] 檢視中選取控制項。

  2. 在 [屬性] 視窗中,為控制項設定下列屬性:

    屬性

    作用

    Width

    Auto

    控制項會配合內容水平展開。

    Height

    Auto

    控制項會配合內容垂直展開。

    MinWidth

    0

    控制項可以依需要盡可能水平縮減。

    MinHeight

    0

    控制項可以依需要盡可能垂直縮減。

    MaxWidth

    Infinity

    控制項可以依需要盡可能水平展開。

    MaxHeight

    Infinity

    控制項可以依需要盡可能垂直展開。

    注意

    顯示的值是預設值。

請參閱

工作

逐步解說:建構動態配置

概念

WPF 設計工具中的對齊方式

版面配置

WPF 和 Silverlight 設計工具概觀

其他資源

配置逐步解說