相對佈局定位

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" />