Android - 如何绘制垂直和水平线

时间:2014-05-30 10:04:48

标签: android xamarin

我无法设计垂直和水平线来分离为两个/两个/两个部分(即左侧中心的第一个图像和右侧中心的第二个图像,如三个部分),在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>

1 个答案:

答案 0 :(得分:2)

您可以使用宽度或高度为1dp的简单视图和线条的背景颜色。或者,如果此视图的父布局是LinearLayout,或TableLayout,TableRow,那么您可以使用分隔符。即

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

修改 试试这个。你只需要设置你的id和drawables

<?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>