更改元素的对齐方式

对齐方式决定了元素调整大小的方式。例如,在调整网格大小时,“网格”面板中包含的左对齐元素将会拉伸到右侧。

更改元素的对齐方式

  1. 在美工板上或在“对象和时间线”下,选择要更改对齐方式的对象。

  2. 在“属性”面板的“布局”下,执行下列操作之一:

    • 通过单击“Left”Cc295167.1e3c2891-633d-4162-a3bd-d5ac53046b56(zh-cn,Expression.10).png、“Center”Cc295167.02978741-8e12-476d-afa7-165b613ea515(zh-cn,Expression.10).png、“Right”Cc295167.c0d22c24-ad68-4355-b8f2-d6a373deaf8e(zh-cn,Expression.10).png 或“Stretch”Cc295167.90aa9534-0480-4a7f-b992-1af23c71ea9c(zh-cn,Expression.10).png 来更改“HorizontalAlignment”属性。

    • 通过单击“Top”Cc295167.737a11a8-b9d6-4270-8432-f17bb11a1337(zh-cn,Expression.10).png、“Center”Cc295167.5d244079-53d6-4188-ac2b-3a31054a2cd7(zh-cn,Expression.10).png、“Bottom”Cc295167.7c84b219-479d-45e7-b2fc-2df1b5e35129(zh-cn,Expression.10).png 或“Stretch”Cc295167.fbd6b7db-d726-4f40-b8c7-b287423e6615(zh-cn,Expression.10).png 来更改“VerticalAlignment”属性。

    Cc295167.alert_note(zh-cn,Expression.10).gif说明:

    如果在“属性”面板的“布局”下,该元素的“Width”和“Height”均设置为“Auto”,则在“属性”面板中更改“HorizontalAlignment”或“VerticalAlignment”属性时,该对象会呈现折叠状态。出现这种情况时,如果不希望对象随应用程序窗口变化而调整大小,则可以设置“Height”和“Width”属性;如果希望对象随应用程序窗口变化而调整大小,则可以将“Height”和“Width”属性的设置保留为“Auto”并设置“Margin”属性。

    Cc295167.alert_tip(zh-cn,Expression.10).gif提示:

    也可以通过在美工板上移动元素,更改对齐方式。请注意,当对象移到网格面板的不同区域时,“HorizontalAlignment”和“VerticalAlignment”属性如何变化。在“网格”Cc295167.c76bbf09-1922-4f45-8d92-9c8ae64ca4a4(zh-cn,Expression.10).png 布局模式下,如果设置了对齐方式并且强制应用了边距,则在美工板上会使用一条实线来指示元素相对于其父网格的对齐方式;而如果未设置对齐方式并且未应用边距,则使用一条虚线来指示元素相对于其父网格的对齐方式。