android--RelativeLayout布局的一些理解

约定不等于承诺〃 2022-08-04 00:57 148阅读 0赞

RelativeLayout是最灵活的布局方式，个人比较喜欢使用。

其中上下，左右的位置主要是根据android:layout\_alignParentTop、android:layout\_alignParentBottom、android:layout\_alignParentLeft、android:layout\_alignParentRight来控制。

其中的控件的相对位置根据android:layout\_below="@id/"、 android:layout\_above="@id/" 、android:layout\_left="@id/" 、android:layout\_right="@id/" 来控制。

但是xml布局文件被解释的时候回按照布局文件的先后顺序执行！！

对比以下两种情况（只是给出了布局，显示的布局删除了）：

第一种：首先设置了顶部和底部，最后设置的是中间显示部分：

</RelativeLayout>  
  
  
     <RelativeLayout  
         android:id="@+id/rl\_activity\_choose\_image\_bottom"  
        android:layout\_width="match\_parent"  
        android:layout\_height="50dp"  
        android:layout\_alignParentBottom="true"  
        android:background="@color/picture\_gray"  
        android:gravity="center\_vertical"  
        android:orientation="horizontal">  
         
    </RelativeLayout>  
<LinearLayout  
        android:id="@+id/ll\_activity\_choose\_image\_middle"  
        android:layout\_width="match\_parent"  
        android:layout\_height="fill\_parent"  
        android:layout\_below="@id/ll\_top"   
        android:orientation="vertical"  
        android:layout\_centerVertical="true"  
        android:layout\_margin="10dp"  
        android:layout\_above="@id/rl\_activity\_choose\_image\_bottom">  
         
    </LinearLayout>  
  
</RelativeLayout>

此时，显示效果是如下（上中下的布局）：

![Center][]

第二种情况：（和第一种情况相比较，设置的顺序是上、中、下）

</RelativeLayout>  
<LinearLayout  
        android:id="@+id/ll\_activity\_choose\_image\_middle"  
        android:layout\_width="match\_parent"  
        android:layout\_height="fill\_parent"  
        android:layout\_below="@id/ll\_top"   
        android:orientation="vertical"  
        android:layout\_centerVertical="true"  
        android:layout\_margin="10dp" >  
         
    </LinearLayout>  
  
     <RelativeLayout  
         android:id="@+id/rl\_activity\_choose\_image\_bottom"  
        android:layout\_width="match\_parent"  
        android:layout\_height="50dp"  
        android:layout\_alignParentBottom="true"  
        android:background="@color/picture\_gray"  
        android:gravity="center\_vertical"  
        android:orientation="horizontal"

android:layout\_above="@id/ll\_activity\_choose\_image\_middle">

</RelativeLayout>  
  
  
</RelativeLayout>

此时的显示效果是：（底部被挤掉了，显示不出来）

![Center 1][]

所以，根据以上情况的对比布局文件的解析是按照xml文件的先后顺序解析的，不是总体分析后再解析。

所以要合理使用布局。建议：先将上、下规定好，中间要显示的内容就好搞定了（特别是中间的内容较小或较大时，要让其居中显示）

注：不对的地方，请指正。谢谢

[Center]: /images/20220731/c1a8f5a2f4cd4ee8b3dcef8ad0535cc8.png
[Center 1]: /images/20220731/5a1212b2b0d74b308d151b4ff90e4e2d.png