在執行階段自動調整元素大小
在調整元素大小時，如果未正確設定 [屬性] 面板中 [版面配置] 下的屬性，所獲得的結果可能會與預期不同。影響元素大小的屬性是寬度、高度、對齊方式以及邊界屬性。例如，如果您希望當應用程式視窗的大小變更時，能在執行階段自動調整元素的大小，您必須將 [Width] 或 [Height] 設為 [Auto]，選取想要的 [HorizontalAlignment] 與 [VerticalAlignment]，然後使用 [Margin] 屬性來調整大小。
在執行階段自動調整元素大小
在畫板或 [互動] 面板的 [物件與時間軸] 下，按一下要調整大小的元素以加以選取。
在 [屬性] 面板的 [版面配置] 下，按一下 [設為自動調整] 按鈕
.png "Cc295141.aa9ec064-22f8-4b62-9eed-3f4772362d22(zh-tw,Expression.10).png")
。或是按一下 [Width] 與 [Height] 屬性旁的 [進階屬性選項] 標記 .png "Cc295141.d6ba8f4a-b8a2-445a-af0b-a267dfade6e1(zh-tw,Expression.10).png")
，然後按一下 [自動]。.gif "注意事項")
注意事項：當您將元素的寬度與高度設為 [自動] 時，該元素的大小可能會減少，直到您調整邊界屬性，將元素邊緣拉往容器元素的邊緣。
[Width] 與 [Height] 下所列的下層屬性，會根據包含元素的版面配置面板類型而有所不同。例如，若父項元素為 [格線] 版面配置面板，您會看見 [Row]、[RowSpan]、[Column] 以及 [ColumnSpan] 屬性。如果父項元素為 [畫布]，您會看見 [Left] 與 [Top] 屬性。您可以設定這些屬性，以決定元素在版面配置面板中的位置。
注意事項：如果父項元素為 [StackPanel]，子元素在 [寬度] 與 [高度] 下不會有額外的屬性，因為版面配置會由 [StackPanel] 的 [Orientation] 屬性決定，而且在 [物件與時間軸] 下會依提供的順序堆疊所有子元素。
在 [屬性] 面板的 [版面配置] 下，若要設定 [HorizontalAlignment] 與 [VerticalAlignment] 屬性，請按下列其中一個按鈕：
[左]
.png "Cc295141.1e3c2891-633d-4162-a3bd-d5ac53046b56(zh-tw,Expression.10).png")
[置中]
.png "Cc295141.02978741-8e12-476d-afa7-165b613ea515(zh-tw,Expression.10).png")
[右]
.png "Cc295141.c0d22c24-ad68-4355-b8f2-d6a373deaf8e(zh-tw,Expression.10).png")
[延展]
.png "Cc295141.90aa9534-0480-4a7f-b992-1af23c71ea9c(zh-tw,Expression.10).png")
最後，設定 [Margin] 屬性，決定您的元素與容器元素邊緣相距的距離。
注意事項：這些邊界值會保持為靜態值。換句話說，如果應用程式視窗的大小縮得夠小，您的元素便會完全消失。您可以透過設定最小寬度與最小高度屬性，防止您的元素消失不見。在 [屬性] 面板的 [版面配置] 下，按一下 [顯示進階屬性] 按鈕
.png "Cc295141.81e110f1-4068-4299-957d-0693cea95088(zh-tw,Expression.10).png")
，然後在 [MinWidth] 與 [MinHeight] 屬性中輸入值。