RelativeLayout设置居中对齐问题

最新推荐文章于 2024-04-03 10:43:26 发布

原创最新推荐文章于 2024-04-03 10:43:26 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#移动开发

Android UI控件专栏收录该内容

5 篇文章

订阅专栏

本文介绍在Android开发中，如何正确地使RelativeLayout内的子View实现居中对齐。指出设置RelativeLayout的layout_gravity=center并不能使子View居中，而应在每个子View中设置如layout_centerVertical=true等属性。

在RelativeLayout中，想要layout中的各种控件相对于父RelativeLayout为居中对齐，一般情况下，我们可以设置RelativeLayout的layout_gravity="center",如下代码：

<RelativeLayout 
	 		        android:layout_width="fill_parent"
	 		        android:layout_height="wrap_content"
	 		        android:background="@drawable/insurance_kinds_bg"
	 		        android:gravity="center">
	 		        <TextView 
	 		            android:layout_width="wrap_content"
	 		            android:layout_height="wrap_content"
	 		            android:text="待选配件列表"
	 		            android:textSize="18px"
	 		            android:textColor="@color/red"
	 		            android:layout_centerVertical="true"
	 		            android:layout_alignParentLeft="true"/>
	 		        <Button 
	 		            android:layout_width="wrap_content"
	 		            android:layout_height="wrap_content"
	 		            android:text="添加>>"
	 		            android:textSize="18px"
	 		            android:layout_centerVertical="true"
	 		            android:layout_alignParentRight="true"/>
	 		    </RelativeLayout>

但在实际使用时，TextView和Button并不能放在中间，即layout_gravity=“center”并未起到作用。要想作居中显示，不能在RelativeLayout中设置layout_gravity="center",而是应该在每个子view中进行设置，如下

<RelativeLayout 
	 		        android:layout_width="fill_parent"
	 		        android:layout_height="wrap_content"
	 		        android:background="@drawable/insurance_kinds_bg"
	 		        android:gravity="center">
	 		        <TextView 
	 		            android:layout_width="wrap_content"
	 		            android:layout_height="wrap_content"
	 		            android:text="待选配件列表"
	 		            android:textSize="18px"
	 		            android:textColor="@color/red"
	 		            android:layout_centerVertical="true"
	 		            android:layout_alignParentLeft="true"/>
	 		        <Button 
	 		            android:layout_width="wrap_content"
	 		            android:layout_height="wrap_content"
	 		            android:text="添加>>"
	 		            android:textSize="18px"
	 		            android:layout_centerVertical="true"
	 		            android:layout_alignParentRight="true"/>
	 		    </RelativeLayout>

这样即可达到想要的效果