Android-如何繪制垂直和水平線

Question

我無法使用垂直線和水平線進行設計，以在Android設計中將其分隔為兩個/兩個/兩個部分（即，左側中心的第一幅圖像和右側中心的第二幅圖像，如這三個部分）。 誰能幫我一下。

<LinearLayout
android:id="@+id/HomeFirstlayout"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_marginTop="30dp"
android:layout_marginLeft="-60dp"
android:orientation="vertical">
<ImageButton
        android:id="@+id/TravelRequestimg"
        android:src="@drawable/TravelRequest"
        android:layout_width="wrap_content"
        android:background="@null"
        android:layout_height="wrap_content"/>              
    <View
        android:layout_width="120dp"
        android:layout_height="1dp"
        android:background="#808080"
        android:layout_alignParentRight="true" 
        android:layout_marginBottom="6dp"/>                 
    <ImageButton
        android:id="@+id/Settlementimg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/Settlement"
        android:background="@null"/>
     </LinearLayout>
    <LinearLayout
android:id="@+id/HomeFirstlayout"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_marginTop="30dp"
android:layout_marginLeft="30dp"                
android:orientation="vertical">
<View
    android:layout_width="1dp"
    android:layout_height="480dp"
    android:background="#808080"
    android:layout_alignParentRight="true" />
   </LinearLayout>
  <LinearLayout
android:id="@+id/HomeFirstlayout"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_marginTop="30dp" 
android:layout_marginLeft="30dp"                    
android:orientation="vertical">
    <ImageButton
        android:id="@+id/TravelRequestimg"
        android:src="@drawable/TravelRequest"
        android:layout_width="wrap_content"
        android:background="@null"
        android:layout_height="wrap_content"/>              
    <View
        android:layout_width="120dp"
        android:layout_height="1dp"
        android:background="#808080"
        android:layout_alignParentRight="true" 
        android:layout_marginBottom="6dp"/>                 
    <ImageButton
        android:id="@+id/Settlementimg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/Settlement"
        android:background="@null"/>
  </LinearLayout>

Answer 1

您可以使用寬度或高度為1dp且線條背景顏色為簡單的視圖。 或者，如果此視圖的父級布局是LinearLayout或TableLayout，TableRow，則可以使用分隔線。 即

android:showDividers="middle"
android:divider="@drawable/your_divider_drawable"

編輯：試試這個。 您只需要重新設置ID和可繪制對象

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" >

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentLeft="true"
            android:layout_toLeftOf="@+id/divider"
            android:background="@null"
            android:src="@android:drawable/ic_delete" />

        <View
            android:id="@id/divider"
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:layout_centerHorizontal="true"
            android:background="#808080" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:layout_toRightOf="@id/divider"
            android:background="@null"
            android:src="@android:drawable/ic_delete" />
    </RelativeLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#808080" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" >

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentLeft="true"
            android:layout_toLeftOf="@+id/divider"
            android:background="@null"
            android:src="@android:drawable/ic_delete" />

        <View
            android:id="@id/divider"
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:layout_centerHorizontal="true"
            android:background="#808080" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:layout_toRightOf="@id/divider"
            android:background="@null"
            android:src="@android:drawable/ic_delete" />
    </RelativeLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#808080" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" >

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentLeft="true"
            android:layout_toLeftOf="@+id/divider"
            android:background="@null"
            android:src="@android:drawable/ic_delete" />

        <View
            android:id="@id/divider"
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:layout_centerHorizontal="true"
            android:background="#808080" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:layout_toRightOf="@id/divider"
            android:background="@null"
            android:src="@android:drawable/ic_delete" />
    </RelativeLayout>

</LinearLayout>