RelativeLayout在Marshmallow之前的设备上中断

时间:2017-04-13 15:57:58

标签: android android-layout android-relativelayout

填充列表视图时遇到问题。以下是我对列表项的布局。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingTop="10dp"
    android:paddingBottom="10dp"
    android:paddingLeft="10dp"
    android:paddingRight="10dp">

    <CheckBox
        android:id="@+id/item_pay_periods_check_box"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_alignParentLeft="true"
        android:button="@drawable/btn_check"
        android:layout_below="@+id/item_pay_periods_date"
        android:layout_marginTop="5dp"
        android:layout_marginRight="5dp"
        android:visibility="visible"/>

    <TextView
        android:id="@+id/item_pay_periods_date"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Mon Sep 12"
        android:textSize="13sp"
        android:layout_toRightOf="@+id/item_pay_periods_check_box"
        android:layout_alignParentTop="true"/>

    <TextView
        android:id="@+id/item_pay_periods_time_in"
        android:layout_width="70dp"
        android:layout_height="wrap_content"
        android:text="12:00 am"
        android:layout_toRightOf="@+id/item_pay_periods_check_box"
        android:layout_below="@+id/item_pay_periods_date"
        android:layout_marginTop="5dp"
        android:textSize="13sp"/>

    <TextView
        android:id="@+id/item_pay_periods_time_out"
        android:layout_width="70dp"
        android:layout_height="wrap_content"
        android:textSize="13sp"
        android:layout_below="@+id/item_pay_periods_time_in"
        android:text="12:00 am"
        android:layout_toRightOf="@+id/item_pay_periods_check_box"
        android:layout_marginTop="5dp"/>

    <TextView
        android:id="@+id/item_pay_periods_service_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Attendant care service service service"
        android:textSize="13sp"
        android:textStyle="bold"
        android:layout_alignBaseline="@+id/item_pay_periods_time_in"
        android:layout_toRightOf="@+id/item_pay_periods_time_in"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:maxLines="1"
        android:ellipsize="end"
        android:layout_toLeftOf="@+id/item_pay_periods_duration"
        android:layout_toStartOf="@+id/item_pay_periods_duration" />

    <TextView
        android:id="@+id/item_pay_periods_activities"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:maxLines="1"
        android:ellipsize="end"
        android:text="Housework, shopping, shopping, shopping"
        android:layout_below="@+id/item_pay_periods_service_name"
        android:layout_toRightOf="@+id/item_pay_periods_time_out"
        android:layout_marginLeft="5dp"
        android:layout_alignBaseline="@+id/item_pay_periods_time_out"
        android:layout_marginRight="5dp"
        android:layout_toLeftOf="@+id/item_pay_periods_duration"
        android:layout_toStartOf="@+id/item_pay_periods_duration"
        android:visibility="visible"/>


    <LinearLayout
        android:id="@+id/itemPayPeriodsNotesLayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_below="@+id/item_pay_periods_activities"
        android:layout_toRightOf="@+id/item_pay_periods_time_out"
        android:layout_marginLeft="5dp"
        android:layout_toLeftOf="@+id/item_pay_periods_duration"
        android:layout_toStartOf="@+id/item_pay_periods_duration"
        android:layout_marginTop="5dp">

        <ImageView
            android:id="@+id/item_pay_periods_img_tag"
            android:layout_width="15dp"
            android:layout_height="15dp"
            android:src="@drawable/ic_tag"
            android:layout_gravity="center_vertical"/>

        <TextView
            android:id="@+id/item_pay_periods_notes"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:maxLines="1"
            android:ellipsize="end"
            android:text="made trip to CVC"
            android:textSize="13sp"
            android:layout_marginLeft="5dp"
            android:layout_gravity="center_vertical"/>

    </LinearLayout>

    <TextView
        android:id="@+id/item_pay_periods_duration"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="5h 00m"
        android:textSize="13sp"
        android:layout_alignBaseline="@+id/item_pay_periods_time_in"
        android:layout_alignBottom="@+id/item_pay_periods_time_in"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:visibility="visible"/>

    <ImageView
        android:id="@+id/item_pay_periods_img_submit_check_icon"
        android:layout_width="15dp"
        android:layout_height="15dp"
        android:src="@drawable/ic_check"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:tint="@color/blue"
        android:visibility="visible"/>

    <TextView
        android:id="@+id/item_pay_periods_entry_status"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@+id/item_pay_periods_img_submit_check_icon"
        android:text="Rejected"
        android:textSize="12sp"
        android:textColor="@color/red"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true" />

</RelativeLayout>

这是它在Marshmallow和Nougat设备上的外观

Not overlapping views

这就是它在Lollipop和棒棒糖前设备上的表现

Overlapping views

谁能告诉我为什么会这样?或者有人遇到过这样的问题?提前谢谢。

0 个答案:

没有答案