HOW TO:根據絕對位置建構配置

更新:2007 年 11 月

Windows Presentation Foundation (WPF) Designer for Visual Studio 提供的 Canvas 面板控制項可以支援絕對位置。您可以使用 Canvas 面板控制項,在應用程式中絕對定位項目。

重要事項:

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

加入面板控制項

根據預設,每個新的 WPF 應用程式包含具有 Grid 面板的 Window。若要根據絕對位置建立配置,必須使用 Canvas 面板。在這個程序中,您會移除預設 Grid 並加入 Canvas

若要加入面板控制項

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

    注意事項:

    您可以使用許多方式選取方格,例如在方格內任何地方按一下,或是使用 TAB 鍵。如需如何在 WPF 設計工具中選取項目的詳細資訊,請參閱 HOW TO:在設計介面上選取並移動項目

  2. 按 DELETE 鍵刪除 Grid

  3. 從 [工具箱] 的 [控制項] 群組中,將 Canvas 控制項拖曳到 Window

  4. (選擇性) 在 [屬性] 視窗中,將 Canvas 的 Height 屬性設定為 Auto。

    Canvas 會縮放至填入 Window 的高度。

  5. (選擇性) 在 [屬性] 視窗中,將 Canvas 的 Width 屬性設定為 Auto。

    Canvas 會縮放至填入 Window 的寬度。

  6. 在 [檔案] 功能表上按一下 [全部儲存]。

將控制項加入面板中

接下來,您會將控制項加入面板中,並使用 CanvasLeftTop 附加屬性以絕對定位控制項。

若要將控制項加入面板中

  1. 從 [工具箱] 拖曳控制項到 Canvas 上。

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

    • Canvas.Left

    • Canvas.Top

    注意事項:

    有兩組屬性互斥 (Mutually Exclusive):Left / RightTop / Bottom。在 [屬性] 視窗中只有公開 LeftTop,但您可以在 XAML 編輯器中指定 RightBottom。如果同時指定 LeftRight,則只會使用最後一個宣告。如果同時指定 TopBottom,則只會使用最後一個宣告。

  3. 重複步驟 1 和 2,直到所有必要的控制項都已加入到面板中。

  4. 在 [檔案] 功能表上按一下 [全部儲存]。

請參閱

工作

逐步解說:根據絕對位置建構配置

概念

使用絕對和動態位置進行配置

WPF 設計工具中的對齊方式

配置系統

WPF 設計工具概觀

其他資源

配置逐步解說