!23956 【挑单4.0-Beta2】翻译完成 23302+23179：布局约束示例图整改+属性描述更新

Merge pull request !23956 from ester.zhou/cherry-pick-1693908073

en/application-dev/reference/arkui-ts/ts-universal-attributes-layout-constraints.md

@@ -11,7 +11,7 @@ Layout constraints refer to constraints on the aspect ratio and display priority
 
 | Name             | Type  | Description                                      |
 | --------------- | ------ | ---------------------------------------- |
-| aspectRatio     | number | Aspect ratio of the component, which can be obtained using the following formula: Width/Height.<br>Since API version 9, this API is supported in ArkTS widgets.|
+| aspectRatio     | number | Aspect ratio of the component, which can be obtained using the following formula: Width/Height.<br>Since API version 9, this API is supported in ArkTS widgets.<br>The default value varies by API version.<br>API version 9 and earlier: **1.0**<br>API version 10: none<br>**NOTE**<br>This attribute does not take effect when it is not set or is set to an invalid value.<br>For example, if a **\<Row>** component has only its width set and does not have any child component, then when **aspectRatio** is not set or is set to a negative value, the height of the **\<Row>** component is 0. |
 | displayPriority | number | Display priority for the component in the layout container. When the space of the parent container is insufficient, the component with a lower priority is hidden.<br>The digits after the decimal point are not counted in determining the display priority. That is, numbers in the [x, x + 1) range are considered to represent the same priority. For example, **1.0** and **1.9** represent the same priority.<br>Since API version 9, this API is supported in ArkTS widgets.<br>**NOTE**<br>This attribute is valid only for the **\<Row>**, **\<Column>**, and **\<Flex>** (single-row) container components.|
 
 ## Example
@@ -73,11 +73,11 @@ struct AspectRatioExample {
 
 **Figure 1** Portrait display
 
-![en-us_image_0000001256978379](figures/en-us_image_0000001256978379.gif)
+![en-us_image_0000001219744205](figures/en-us_image_0000001219744205.PNG)
 
 **Figure 2** Landscape display
 
-![en-us_image_0000001212218476](figures/en-us_image_0000001212218476.gif)
+![en-us_image_0000001174264382](figures/en-us_image_0000001174264382.PNG)
 
 ### Example 2