HOW TO:建構動態配置
WPF Designer for Visual Studio 提供的許多 Panel 控制項可以支援動態位置。 藉由將面板控制項加入為另一個面板控制項的子項目,即可以結合面板控制項。 您可以使用下列面板控制項,在應用程式中動態定位項目:
Grid 定義的區域可以用資料列和資料行定位子項目。 StackPanel 和 WrapPanel 會自動以資料列或資料行定位子項目。 DockPanel 會自動沿著邊緣定位子項目。 如需不同面板的詳細資訊,請參閱使用絕對和動態位置進行配置。
重要
可能的話,最好是使用動態配置。動態配置是最具彈性的,能適應內容的變更 (例如當地語系化),並最能讓使用者掌控他們的環境。如需絕對配置的範例,請參閱 HOW TO:根據絕對位置建構配置。
設定視窗的動態行為屬性
建立新視窗時,您可以設定屬性讓動態配置具有最大的彈性。
若要設定視窗的動態行為屬性
在 [設計] 檢視中選取視窗。
在 [屬性] 視窗中,為 Window 設定下列屬性:
屬性
值
作用
這樣可以讓使用者調整視窗大小,給控制項更多空間。
這樣可以讓視窗在內容展開時自動調整大小。
設定面板的動態行為屬性
在視窗中或是面板中加入新面板 (例如 Grid、DockPanel 或 StackPanel) 時,您可以設定屬性讓動態配置具有最大的彈性。
若要設定面板的動態行為屬性
在 [設計] 檢視中選取面板。
在 [屬性] 視窗中,為 Panel 設定下列屬性:
屬性
值
作用
Auto
面板會縮放至填入父視窗或面板的寬度。
Auto
面板會縮放至填入父視窗或面板的高度。
設定方格的動態行為屬性
您可以使用 Auto 和星號大小,以協助建立可以隨內容動態調整大小的方格。 使用自動大小可以讓控制項配合其內容,即使在內容大小變更時。 星號大小用於依照加權比例配置可用空間。 如需詳細資訊,請參閱 Star。
當使用 [設計] 檢視建立新資料列和資料行時,根據預設,他們是以 Star 大小建立的。 如需詳細資訊,請參閱 HOW TO:在方格中加入資料列和資料行。
提示
您可能會發現在 [集合編輯器] 中加入資料列和資料行,然後再於 XAML 編輯器中設定資料列寬度和資料行高度,是比較輕鬆的方式。
若要設定方格的動態行為屬性
在 [設計] 檢視中選取方格。
在 [屬性] 視窗中,找出 ColumnDefinitions 屬性,然後按一下屬性值資料行中的省略符號按鈕。
[集合編輯器] 隨即出現。
選取或加入新資料行定義。
使用 Auto 和星號大小設定資料行寬度以得到最大彈性。
按一下 [確定] 關閉 [集合編輯器],並返回 WPF Designer。
注意
Width 屬性設定為 Auto 的資料行會暫時隱藏,因為他們沒有任何內容。如果要避免這種情況,您可以在工作時使用星號大小,並於完成時變更為 Auto。
在 [屬性] 視窗中,找出 RowDefinitions 屬性,然後按一下屬性值資料行中的省略符號按鈕。
[集合編輯器] 隨即出現。
選取或加入新資料列定義。
使用 Auto 和星號大小設定資料列高度以得到最大彈性。
按一下 [確定] 關閉 [集合編輯器],並返回 WPF Designer。
注意
Height 屬性設定為 Auto 的資料列會暫時隱藏,因為他們沒有任何內容。如果要避免這種情況,您可以在工作時使用星號大小,並於完成時變更為 Auto。
設定控制項的動態行為屬性
在視窗中或是面板中加入新控制項時,您可以設定屬性讓動態配置具有最大的彈性。 您應該要避免為控制項設定特定大小,才能確保視窗或內容變更時,控制項會動態調整大小。
若要設定控制項的動態行為屬性
在 [設計] 檢視中選取控制項。
在 [屬性] 視窗中,為控制項設定下列屬性:
屬性
值
作用
Auto
控制項會配合內容水平展開。
Auto
控制項會配合內容垂直展開。
0
控制項可以依需要盡可能水平縮減。
0
控制項可以依需要盡可能垂直縮減。
Infinity
控制項可以依需要盡可能水平展開。
Infinity
控制項可以依需要盡可能垂直展開。
注意
顯示的值是預設值。