Android 上面的布局、下面的布局和左边的布局；I don’我不在相对的地方工作

我想使用XML来布局这样的视图

它适用于大多数设备，但在某些设备上也没用。圆点显示得很好，但线条没有显示出来。如果使用上面的layout_、下面的layout_和layout_alignLeft来获取线的位置有任何问题

这是我的密码

<RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:clipChildren="false"
            android:layout_marginBottom="32px"
            android:layout_marginTop="32px">

            <TextView
                android:id="@+id/tv_date1"
                style="@style/style_text_result_date"
                android:text="06-20\n星期一"/>

            <TextView
                android:id="@+id/tv_date2"
                style="@style/style_text_result_date"
                android:layout_below="@id/tv_date1"
                android:text="06-15\n星期二"/>

            <TextView
                android:id="@+id/tv_date3"
                style="@style/style_text_result_date"
                android:layout_below="@id/tv_date2"
                android:text="06-16\n星期三"/>

            <ImageView
                android:id="@+id/iv1"
                android:layout_width="20px"
                android:layout_height="20px"
                android:layout_alignBaseline="@id/tv_date1"
                android:layout_marginLeft="56px"
                android:layout_toRightOf="@id/tv_date1"
                android:src="@drawable/selector_icon_result"/>

            <ImageView
                android:id="@+id/iv2"
                android:layout_width="20px"
                android:layout_height="20px"
                android:layout_alignBaseline="@id/tv_date2"
                android:layout_marginLeft="56px"
                android:layout_toRightOf="@id/tv_date1"
                android:src="@drawable/selector_icon_result"/>

            <ImageView
                android:id="@+id/iv3"
                android:layout_width="20px"
                android:layout_height="20px"
                android:layout_alignBaseline="@id/tv_date3"
                android:layout_marginLeft="56px"
                android:layout_toRightOf="@id/tv_date1"
                android:src="@drawable/selector_icon_result"/>

            <FrameLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@id/tv_date1"
                android:layout_alignTop="@id/tv_date1"
                android:layout_marginLeft="56px"
                android:layout_toRightOf="@id/iv1">

                <TextView
                    android:id="@+id/tv_desc1"
                    style="@style/style_text_result_right"
                    android:layout_marginRight="0dp"
                    android:layout_gravity="center"/>
            </FrameLayout>

            <FrameLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@id/tv_date2"
                android:layout_alignTop="@id/tv_date2"
                android:layout_marginLeft="56px"
                android:layout_toRightOf="@id/iv2">

                <TextView
                    android:id="@+id/tv_desc2"
                    style="@style/style_text_result_right"
                    android:layout_marginRight="0dp"
                    android:layout_gravity="center"/>
            </FrameLayout>

            <FrameLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@id/tv_date3"
                android:layout_alignTop="@id/tv_date3"
                android:layout_marginLeft="56px"
                android:layout_toRightOf="@id/iv3">

                <TextView
                    android:id="@+id/tv_desc3"
                    style="@style/style_text_result_right"
                    android:layout_marginRight="0dp"
                    android:layout_gravity="center"/>
            </FrameLayout>

            <ImageView
                android:id="@+id/connect1"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_above="@id/iv2"
                android:layout_alignLeft="@id/iv1"
                android:layout_below="@id/iv1"
                android:layout_marginLeft="9px"
                android:src="@drawable/shape_vertical_line"/>

            <ImageView
                android:id="@+id/connect2"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_above="@id/iv3"
                android:layout_alignLeft="@id/iv1"
                android:layout_below="@id/iv2"
                android:layout_marginLeft="9px"
                android:src="@drawable/shape_vertical_line"/>
        </RelativeLayout>

这是一个更好的布局解决方案。附加样式文件以检查代码@style/style\u text\u result\u right我通过自定义视图解决了这个问题。