布局使用记录RelativeLayout/ConstraitLa

1.RelativeLayout 设置android:gravity="center_vertical”不管用
如果是要求所有的控件是在RelativeLayout中上下居中，需要给每个控件设置android:layout_centerVertical="true”，不能直接在RelativeLayout中设置android:gravity="center_vertical”，如果设置这个，第一个控件会垂直居中展示，但是后面的控件会和第一个控件top对齐展示，并不是居中展示；
布局xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    xmlns:tools="http://schemas.android.com/tools"
    android:paddingLeft="15dp"
    android:paddingTop="10dp"
    android:paddingBottom="10dp"
    android:paddingRight="12dp"
    android:gravity="center_vertical">

    <com.uxin.base.view.AvatarLayout
        android:id="@+id/al_comment_user_avartar"
        style="@style/avatar_30" />

    <TextView
        android:id="@+id/tv_role_comment_content"
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:background="@drawable/radio_rect_f4f4f4_c17"
        android:textSize="14sp"
        android:textColor="@color/color_2b2727"
        android:gravity="center_vertical"
        tools:text="颜值担当"
        android:paddingLeft="40dp"
        android:paddingRight="13dp"
        android:ellipsize="end"
        android:singleLine="true"/>

    <TextView
        android:id="@+id/tv_like_count"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawableStart="@drawable/radio_kl_icon_cover_top_comment_fabulous_s"
        android:textColor="@color/black_27292B"
        android:textSize="12sp"
        tools:text="655"
        android:layout_toLeftOf="@+id/iv_more"
        android:layout_marginRight="26dp" />

    <ImageView
        android:id="@+id/iv_more"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/icon_more_small"
        android:layout_alignParentRight="true" />
</RelativeLayout>

以上xml展示为：

image.png

需要给每个控件添加android:layout_centerVertical="true"，不能通过android:gravity="center_vertical”来控制ReletaiveLayout的所有控件居中展示；

RelativeLayout中 gone之后的布局错位问题

image.png

如以上布局，是写在relativelayout中，“TA的群组”是在图标的右边，“更多”的左边，如果把图标imageview设置为gone，图标右边的控制失效，如下图所示，“TA的群组”跑到了右边紧挨着”更多“

image.png

实际是想图标消失了，“TA的群组”是在左边显示，可以用relativelayout中的layout_alignWithParentIfMissing属性：

android:layout_alignWithParentIfMissing="true"

2.ConstraitLayout
详细的属性解释：https://www.jianshu.com/p/17ec9bd6ca8a
注意，约束布局一般是要给view控件的上下左右四个方向都要加上约束；
有一个注意点，要用0dp代替match_parent,
layout_width设置为0dp，第一排除了iv_head以外的空间都被tv_word占用，layout_width如果设置为wrap_content，文字很多时会超出屏幕展示；

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="88dp"
    xmlns:app="http://schemas.android.com/apk/res-auto">

   <ImageView
       android:id="@+id/iv_head"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       app:layout_constraintLeft_toLeftOf="parent"
       android:src="@drawable/gashapon_share_logo"
       app:layout_constraintTop_toTopOf="parent"
       app:layout_constraintBottom_toBottomOf="parent"
       app:layout_constraintRight_toLeftOf="@id/tv_word"/>
 
    <TextView
        android:id="@+id/tv_word"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="祝你生日快乐,祝你生日快乐,祝你生日快乐,祝你生日快乐,祝你生日快乐"
        app:layout_constraintLeft_toRightOf="@id/iv_head"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintRight_toRightOf="parent"/>


</android.support.constraint.ConstraintLayout>