WPF 設計工具中的對齊方式

WPF Designer for Visual Studio 提供各種視覺提示以協助開發人員,進行使用者介面上控制項的對齊和配置。 邊界對於維持控制項邊緣和視窗邊緣間的距離非常好用。 對齊線提供的視覺提示指出控制項與其他控制項對齊的時間點。 格線的好用處在於將大組的控制項對齊和配置於格線狀的模式中。 本主題介紹 WPF Designer中的邊界、對齊線和格線。

WPF Designer 中的對齊方式

邊界

在 WPF Designer中,邊界一詞代表控制項邊緣和其裝載容器邊緣之間的間距量。 在 WPF Designer中選取控制項後,控制項邊緣和容器邊緣間的黑線即代表邊界。 當出現的邊界線條從控制項整個延伸至視窗邊緣,則代表邊界是固定的。 在視窗調整大小時,該控制項邊緣和該視窗邊緣間的距離就會維持不變。 相反地,在邊界線條顯示成 Stub,沒有延伸到視窗邊緣時,則代表邊界不是固定的,而該控制項邊緣和該視窗邊緣間的距離就可以變更。 例如,如果控制項的上和左邊界是固定的,當視窗調整大小時,相對於視窗的左上角,控制項就會維持其位置。 另一方面,如果下和右邊界是固定的,當視窗調整大小時,相對於視窗的左上角,控制項的位置就會變動。 如果相反側的邊界 (例如上和下邊界) 是固定的,當視窗調整大小時,控制項就會隨著自動縮放。 如需如何設定控制項邊界的詳細資訊,請參閱 HOW TO:在 WPF 設計工具中設定控制項的邊界

對齊線

對齊線是視覺提示,可以協助視窗中控制項相對於其他控制項間的對齊。 在視窗上拖曳控制項時,在控制項與另一個控制項對齊時,就會出現對齊線。 出現的紅線對齊線會連接拖曳的控制項與其對齊的控制項。 當視窗中控制項的上、下、左或右邊緣與其他控制項的同一邊緣對齊時,就會出現對齊線。 對於部分控制項,對齊線也會在對齊文字基線時出現。 如需使用對齊線的詳細資訊,請參閱 HOW TO:同時對齊文字基線和邊界HOW TO:關閉對齊線

格線

在 WPF Designer中,格線可以用來對齊使用 Grid 容器控制項配置的控制項。 格線表示 Grid 的資料列和資料行間的內文區塊。 當控制項定位於 Grid 資料列、資料行或儲存格內時,顯示的邊界是相對於 Grid 資料列、資料行或儲存格的框線,而對齊線可用於將控制項對齊資料列或資料行的側邊。 如需使用格線的詳細資訊,請參閱 HOW TO:在方格中加入資料列和資料行

請參閱

其他資源

WPF 設計工具

使用資源