相对布局定位

Question

我正在尝试创建一个Relative Layout，它具有一个图标，其中下方有一条垂直线，文本位于右侧。该文本将是一个段落，所以该行应该与文本减去图标的大小一样长。现在我的布局正确显示了图标和文本，但我根本没有看到垂直线。这是我的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="match_parent" 
    android:padding="0dp"> 

<ImageView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:paddingStart="2dp" 
    android:paddingEnd="2dp" 
    android:id="@+id/icon" 
    android:layout_alignParentTop="true" 
    android:layout_alignParentStart="true" /> 

<View 
    android:layout_width="2dp" 
    android:layout_height="match_parent" 
    android:paddingStart="2dp" 
    android:paddingEnd="2dp" 
    android:background="@android:color/darker_gray" 
    android:id="@+id/view" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentStart="true" 
    android:layout_below="@+id/icon" /> 

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:paddingStart="2dp" 
    android:paddingEnd="2dp" 
    android:textAppearance="?android:attr/textAppearanceMedium" 
    android:text="Medium Text" 
    android:id="@+id/content" 
    android:layout_alignParentTop="true" 
    android:layout_toEndOf="@+id/icon" /> 
</RelativeLayout> 

我想，我会额外的填充添加到我的View居中一次我真正得到它，以显示

Answer 1

这个问题是因为填充您添加到垂直线。基本上你有一个2dp的视图宽度，但你有4dp的填充，所以没有显示。将您的视图标签更新为：

<View 
    android:layout_width="2dp" 
    android:layout_height="match_parent" 
    android:background="@android:color/darker_gray" 
    android:id="@+id/view" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentStart="true" 
    android:layout_below="@+id/icon" /> 

您发布的布局似乎不会按照您的要求进行。试试这个：

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:padding="0dp"> 

    <LinearLayout 
     android:id="@+id/left_container" 
     android:orientation="vertical" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent"> 

     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:paddingStart="2dp" 
      android:paddingEnd="2dp" 
      android:id="@+id/icon"/> 

     <View 
      android:layout_width="2dp" 
      android:layout_height="match_parent" 
      android:background="@android:color/darker_gray" 
      android:id="@+id/view" 
      android:layout_gravity="center_horizontal" /> 

    </LinearLayout> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:paddingStart="2dp" 
     android:paddingEnd="2dp" 
     android:textAppearance="?android:attr/textAppearanceMedium" 
     android:text="Medium Text" 
     android:id="@+id/content" 
     android:layout_alignParentTop="true" 
     android:layout_toEndOf="@+id/left_container" />