PositionLayout简介

PositionLayout意为确切位置布局，我们也可以称为绝对布局，该布局指定了子组件在其中的具体位置(x/y坐标)。由于需要指定子组件的x/y精确坐标，其布局的灵活性较差，在没有绝对定位的情况下相比其他类型的布局更加难以维护，因此不建议使用。

常用属性及示例

PositionLayout是以setContentPosition(float x, float y)方法来设置子组件的具体位置，x为组件左上角距离父组件左边距的距离，y为组件左上角距离父组件上边距的距离。我们在XML中定义好布局和组件，先不设置其具体位置。

1. <?xml version="1.0" encoding="utf-8"?> 
2. <PositionLayout 
3.     xmlns:ohos="http://schemas.huawei.com/res/ohos" 
4.     ohos:height="match_parent" 
5.     ohos:width="match_parent"> 
6.     <Text 
7.         ohos:id="$+id:txtOne" 
8.         ohos:height="match_content" 
9.         ohos:width="match_content" 
10.         ohos:text="Text One" 
11.         ohos:padding="20vp" 
12.         ohos:background_element="$graphic:background_text_global"/> 
13.  
14.     <Text 
15.         ohos:id="$+id:txtTwo" 
16.         ohos:height="match_content" 
17.         ohos:width="match_content" 
18.         ohos:text="Text Two" 
19.         ohos:padding="20vp" 
20.         ohos:background_element="$graphic:background_text_global"/> 
21.  
22.     <Text 
23.         ohos:id="$+id:txtThree" 
24.         ohos:height="match_content" 
25.         ohos:width="match_content" 
26.         ohos:text="Text Three" 
27.         ohos:padding="20vp" 
28.         ohos:background_element="$graphic:background_text_global"/> 
29. </PositionLayout> 

从XML定义来看，我们是使用了三个Text显示组件，运行后模拟器界面应该也是三个组件，但实际效果呢?我们发现三个组件重叠在一起，第三个显示在最上边。若你想看看其他两个组件，你可以把他们的宽高设置成不一样的值，第一个组件的宽高最大，第二个相对第一个组件小点，第三个组件相对第二个小点，然后给他们不同的背景色，这样你就可以看出三个组件重叠在一起的效果。