RelativeLayout中子控件的android:layout_centerVertical="true"失效问题分析

1.显示效果

首先来看一下显示效果，001是一个带背景的TextView，设置了

android:layout_centerVertical="true"

属性，但却没有居中显示。

---

2.代码

xml布局文件的完整代码如下：

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/rl"     android:layout_width="180dip"    android:layout_height="40dip"    android:gravity="center_vertical"    android:background="@android:color/black"    >    <TextView        android:id="@+id/tv_channel_num"        android:layout_width="30dip"        android:layout_height="30dip"        android:text="001"        android:gravity="center"        android:textSize="@dimen/mytextsize3"        android:textColor="@color/channel_num_textcolor"        android:background="@mipmap/channe_button_2_channel_normal"        android:textStyle="bold"        android:layout_alignParentLeft="true"        android:layout_marginRight="8dip"        android:layout_centerVertical="true"        android:layout_marginLeft="5dip"        />    <TextView        android:id="@+id/tv_channel_name_2"        android:layout_width="120dip"        android:layout_height="wrap_content"        android:gravity="center_vertical"        android:textSize="@dimen/mytextsize3"        android:layout_toRightOf="@+id/tv_channel_num"        android:layout_marginLeft="5dip"        android:textColor="@color/channel_list_textcolor"        android:ellipsize="marquee"        android:marqueeRepeatLimit="marquee_forever"        android:singleLine="true"/>    <TextView        android:id="@+id/tv_channel_name_1"        android:layout_width="120dip"        android:layout_height="wrap_content"        android:gravity="center_vertical"        android:layout_centerVertical="true"        android:layout_toRightOf="@+id/tv_channel_num"        android:layout_marginLeft="5dip"        android:textSize="@dimen/mytextsize3"        android:textColor="@color/channel_list_textcolor"        android:visibility="invisible"        android:ellipsize="marquee"        android:marqueeRepeatLimit="marquee_forever"        android:singleLine="true"/>    <TextView        android:id="@+id/tv_current_program"        android:layout_width="120dip"        android:layout_height="wrap_content"        android:textSize="@dimen/mytextsize8"        android:layout_marginLeft="5dip"        android:layout_toRightOf="@+id/tv_channel_num"        android:layout_below="@+id/tv_channel_name_2"        android:textColor="@color/channel_list_textcolor"        android:ellipsize="marquee"        android:marqueeRepeatLimit="marquee_forever"        android:singleLine="true"        android:visibility="invisible"/></RelativeLayout>

---

3.分析

在dpi为320的机器上调试发现，TextView的top是15，bottom是75，但是正常来说，居中应该是10和70啊，是哪里不对呢，15是哪里来的的呢？

后来发现，如果把RelativeLayout的android:gravity="center_vertical"去掉，保留TextView的android:layout_centerVertical="true"，或者反过来，保留RelativeLayout的设置，去掉TextView的设置，TextView都是居中的。

事情蹊跷，一点点来。
在去掉RelativeLayout的android:gravity="center_vertical"时，它的蓝图如下

可以看到，TextView是居中的

而此时，如果加上RelativeLayout的android:gravity="center_vertical"，蓝图就变成了下面这样：

整个RelativeLayout里面的控件整体下移了大概有5的距离，而它们之间的相对位置没有变化，因此，结论就很显然了，图1中，因为tv_channel_name_2是紧贴上边缘的，所以RelativeLaout里的所有控件作为一个整体，top是0，它们距离下边缘的大小是10，所以此时如果设置RelativeLayout的android:gravity="center_vertical"，那么必将整体下移5。

由此也可以推断，RelativeLayout的android:gravity="center_vertical"属性，是在所有子空间都摆好之后才去计算并最终生效的。

---

4.结论

最后的结论就是，要想达到效果，把RelativeLayout的android:gravity="center_vertical"去掉吧

---

5.补充

最后，再参考一篇博文，父布局为RelativeLayout，textview设置layout_gravity=”center_vertical”无效。
我在评论里面反驳了博主的观点，加深一下理解