Android UI - 如何使TextViews重叠的视图分隔符可见?

时间:2017-04-03 17:35:48

标签: android android-layout

视图分隔符似乎与TextView元素重叠,并且在某些情况下在较大分辨率的屏幕上不可见。

代码:

<?xml version="1.0" encoding="utf-8"?>
<!-- This is the fragment  to be displayed for a section associated with a tab -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/activity_fragment3"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#F2F3F4"
    android:baselineAligned="false">

    <LinearLayout
        android:id="@+id/acc"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingBottom="5dp"
        android:background="@color/black"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/imageView"
            android:layout_width="wrap_content"
            android:layout_height="90dp"
            android:layout_gravity="center"
            android:paddingTop="5dp"
            app:srcCompat="@drawable/account" />

        <TextView
            android:id="@+id/accName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="Paul Johnston"
            android:textColor="@color/white"
            android:textSize="24sp" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/options"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/acc"
        android:orientation="vertical"
        android:layout_marginTop="45dp"
        android:background="@color/white">

        <View
            android:layout_width="match_parent"
            android:layout_height="0.1dp"
            android:background="#9e9e9e"
            android:layout_marginBottom="8dp"/>
    <TextView
            android:id="@+id/rentSpace"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="8dp"
            android:text="Rent Your Space"
            android:textSize="16sp"
            android:drawableEnd="@drawable/arrow_right"
            android:layout_marginEnd="8dp"
            android:drawableStart="@drawable/rentspace"
            android:drawablePadding="8dp" />

        <View
            android:layout_width="match_parent"
            android:layout_height="0.1dp"
            android:background="#9e9e9e"
            android:layout_marginTop="8dp"
            android:layout_marginBottom="8dp"
            android:layout_marginStart="45dp"/>

        <TextView
            android:id="@+id/accBooking"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="8dp"
            android:text="My Bookings"
            android:textSize="16sp"
            android:drawableEnd="@drawable/arrow_right"
            android:layout_marginEnd="8dp"
            android:drawableStart="@drawable/bookings"
            android:drawablePadding="8dp"/>

        <View
            android:layout_width="match_parent"
            android:layout_height="0.1dp"
            android:background="#9e9e9e"
            android:layout_marginTop="8dp"
            android:layout_marginBottom="8dp"
            android:layout_marginStart="45dp"/>

        <TextView
            android:id="@+id/payDetails"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="8dp"
            android:text="Payment"
            android:textSize="16sp"
            android:drawableEnd="@drawable/arrow_right"
            android:layout_marginEnd="8dp"
            android:drawableStart="@drawable/payment"
            android:drawablePadding="8dp"/>

        <View
            android:layout_width="match_parent"
            android:layout_height="0.1dp"
            android:background="#9e9e9e"
            android:layout_marginTop="8dp"
            android:layout_marginBottom="8dp"
            android:layout_marginStart="45dp"/>

        <TextView
            android:id="@+id/accnt"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="8dp"
            android:text="Account"
            android:textSize="16sp"
            android:drawableEnd="@drawable/arrow_right"
            android:layout_marginEnd="8dp"
            android:drawableStart="@drawable/settings"
            android:drawablePadding="8dp"/>

        <View
            android:layout_width="match_parent"
            android:layout_height="0.1dp"
            android:background="#9e9e9e"
            android:layout_marginTop="8dp"
            android:layout_marginBottom="8dp"
            android:layout_marginStart="45dp"/>

        <TextView
            android:id="@+id/accAbout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="8dp"
            android:text="About"
            android:textSize="16sp"
            android:drawableEnd="@drawable/arrow_right"
            android:layout_marginEnd="8dp"
            android:drawableStart="@drawable/help"
            android:drawablePadding="8dp"/>

        <View
            android:layout_width="match_parent"
            android:layout_height="0.1dp"
            android:layout_marginTop="8dp"
            android:background="#9e9e9e" />
    </LinearLayout>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="20dp">

        <TextView
            android:id="@+id/appLegal"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentStart="true"
            android:text="Legal"
            android:textSize="10sp" />

        <TextView
            android:id="@+id/Version"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentEnd="true"
            android:text="v1.0"
            android:textSize="10sp" />
    </RelativeLayout>
</RelativeLayout>

结果: dividers gradually fade and disappear

有关如何解决此问题的任何建议?

1 个答案:

答案 0 :(得分:1)

我认为你的分隔符与textviews不重叠。当您使用Linearlayout vertical方向时。

试试这个:增加分隔符的height

  <View
        android:layout_width="match_parent"
        android:layout_height="1dp"  //change here
        android:layout_marginTop="8dp"
        android:background="#9e9e9e" />

您的身高android:layout_height="0.1dp"在高分辨率设备中将无法显示,因为此设备的每个密度的像素数更多。

或者,您可以根据不同的dpi级别使用dimens.xml中的不同维度值。

像:

dimens.xml (hdpi)

dimens.xml (xhdpi)等。