HOW TO:根據絕對位置建構配置
WPF Designer for Visual Studio 提供的 Canvas 面板控制項可以支援絕對位置。 您可以使用 Canvas 面板控制項,在應用程式中絕對定位項目。
重要事項 |
---|
可能的話,最好是使用動態配置。 動態配置是最具彈性的,能適應內容的變更 (例如當地語系化),並最能讓使用者掌控他們的環境。 如需動態配置的範例,請參閱 HOW TO:建構動態配置和逐步解說:建構動態配置。 |
加入面板控制項
根據預設,每個新的 WPF 應用程式包含具有 Grid 面板的 Window。 若要根據絕對位置建立配置,必須使用 Canvas 面板。 在這個程序中,您會移除預設 Grid 並加入 Canvas。
若要加入面板控制項
在 [設計] 檢視中選取方格。
注意事項 您可以使用許多方式選取方格,例如在方格內任何地方按一下,或是使用 TAB 鍵。 如需如何在 WPF 設計工具中選取項目的詳細資訊,請參閱 HOW TO:在設計介面上選取並移動項目。
按 DELETE 鍵刪除 Grid。
(選擇性) 在 [屬性] 視窗中,將 Canvas 的 Height 屬性設定為 Auto。
(選擇性) 在 [屬性] 視窗中,將 Canvas 的 Width 屬性設定為 Auto。
在 [檔案] 功能表上按一下 [全部儲存]。
將控制項加入面板中
接下來,您會將控制項加入面板中,並使用 Canvas 的 Left 和 Top 附加屬性以絕對定位控制項。
若要將控制項加入面板中
從 [工具箱] 拖曳控制項到 Canvas 上。
在 [屬性] 視窗中,為控制項設定下列屬性:
Canvas.Left
Canvas.Top
注意事項 有兩組屬性互斥 (Mutually Exclusive):Left / Right 和 Top / Bottom。 在 [屬性] 視窗中只有公開 Left 和 Top,但您可以在 XAML 編輯器中指定 Right 和 Bottom。 如果同時指定 Left 和 Right,則只會使用最後一個宣告。 如果同時指定 Top 和 Bottom,則只會使用最後一個宣告。
重複步驟 1 和 2,直到所有必要的控制項都已加入到面板中。
在 [檔案] 功能表上按一下 [全部儲存]。