如何在3個顯示值之間添加垂直分隔線？

Question

我有3個值連續顯示在屏幕上，我需要在它們之間添加2-3個垂直分隔線。問題是每當我在它們之間添加視圖/分隔線時，它們都會向左或向右移動太多，一些值被切斷/消失。我在想，如果有一種方法去abotu它，下面是同我的XML代碼：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:foo="http://schemas.android.com/apk/res/com.justin.abc" 
    android:layout_width="20dp" 
    android:layout_height="match_parent" 
    android:orientation="horizontal" 
    android:paddingBottom="8dp" 
    android:paddingLeft="20dp" 
    android:paddingTop="8dp" > 

    <LinearLayout 
     android:id="@+id/layout1" 
     android:layout_width="2dp" 
     android:layout_height="match_parent" 
     android:orientation="vertical" > 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal" > 

      <com.justin.abc.utils.FontView 
       android:id="@+id/symbol" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:paddingRight="3dp" 
       android:textColor="@color/white" 
       android:textSize="12sp" 
       foo:customFont="Roboto-Bold.ttf" /> 

      <com.justin.abc.utils.FontView 
       android:id="@+id/arrow" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:textSize="14sp" 
       foo:customFont="Roboto-Bold.ttf" /> 
     </LinearLayout> 

     <FrameLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" > 

      <TextView 
       android:id="@+id/value1_back" 
       style="@style/abc.TextView.ListsTextView.Header" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:padding="3dp"/> 

      <com.justin.abc.utils.FontView 
       android:id="@+id/change" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:textSize="15sp" 
       foo:customFont="Roboto-Bold.ttf" /> 
     </FrameLayout> 
    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/layout2" 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:orientation="vertical" > 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal" > 

      <com.justin.abc.utils.FontView 
       android:id="@+id/symbol2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:paddingRight="3dp" 
       android:textColor="@color/white" 
       android:textSize="12sp" 
       foo:customFont="Roboto-Bold.ttf" /> 

      <com.justin.abc.utils.FontView 
       android:id="@+id/dashboard_markets_arrow2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:textSize="14sp" 
       foo:customFont="Roboto-Bold.ttf" /> 
     </LinearLayout> 

     <FrameLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" > 

      <TextView 
       android:id="@+id/value2_back" 
       style="@style/abc.TextView.ListsTextView.Header" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:padding="3dp"/> 

      <com.justin.abc.utils.FontView 
       android:id="@+id/change2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:textSize="15sp" 
       foo:customFont="Roboto-Bold.ttf" /> 
     </FrameLayout> 
    </LinearLayout> 

    <LinearLayout 
     android:id="@+id/layout3" 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:orientation="vertical" > 

     <LinearLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal" > 

      <com.justin.abc.utils.FontView 
       android:id="@+id/dashboard_markets_symbol3" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:paddingRight="3dp" 
       android:textColor="@color/white" 
       android:textSize="12sp" 
       foo:customFont="Roboto-Bold.ttf" /> 

      <com.justin.abc.utils.FontView 
       android:id="@+id/dashboard_markets_arrow3" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:textSize="14sp" 
       foo:customFont="Roboto-Bold.ttf" /> 
     </LinearLayout> 

     <FrameLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" > 

      <TextView 
       android:id="@+id/value3_back" 
       style="@style/abc.TextView.ListsTextView.Header" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:padding="3dp"/> 

      <com.justin.abc.utils.FontView 
       android:id="@+id/change3" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:textSize="15sp" 
       foo:customFont="Roboto-Bold.ttf" /> 
     </FrameLayout> 
    </LinearLayout> 

</LinearLayout> 

我需要在後臺添加一個層或打抱不平支持相同或者我需要改變這種結構？ 謝謝！ 賈斯汀

即使添加的android後：比重=「中心」我仍然看到了相同的結果

Answer 1

由於@Gru說，你可以使用layout1和layout2和layout2和layout3之間的視圖的黑線。

正如您所指出的，這將在layout2和layout3的內容的左邊緣。到比特分開了這一點，一個簡單的解決方案是增加行：

android:paddingLeft="20dp" 

到layout1，layout2和layout3，同時從頂部LinearLayout移除它。這不會實現精確的居中，但它會給每個塊的左邊緣一個相等的文本，我認爲這看起來是正確的。

Answer 2

將此放在你已經在你的問題中提到的每個值之間。

<View android:layout_height="fill_parent" android:layout_width="2px" android:background="#000000"/>

應該給你值之間的黑條。