6

我想在 xml 中绘制一条垂直虚线,使用shape.

我用了这个例子:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="line">

<size
android:height="400dp"
android:width="4dp"/>

<stroke
        android:color="#000000"
        android:dashWidth="100dp"
        android:dashGap="10dp" />
</shape>

然后:

<View android:id="@+id/vertical_line"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:background="@drawable/dotted_line"
      android:layout_marginLeft="27dp"/>

但它不起作用。我该怎么做?

4

3 回答 3

28

我尝试了一些东西,我喜欢可绘制的解决方案,并发现这很有效。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
    android:top="-8dp"
    android:bottom="-8dp"
    android:left="-8dp">
    <shape>
        <solid android:color="@android:color/transparent"/>
        <stroke
            android:width="4dp"
            android:color="#df0000"
            android:dashGap="4dp"
            android:dashWidth="4dp"/>
    </shape>
</item>
</layer-list>

诀窍是负的 top bottom 和 left 值,因为它们现在设置在对象之外,只留下一条虚线。

它在以下视图中使用。

<View
android:layout_width="4dp"
android:layout_height="match_parent"
android:background="@drawable/dash_line_vertical"
android:layerType="software" />
于 2017-12-06T13:12:15.907 回答
3

尝试这个

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line" >

    <size
        android:height="400dp"
        android:width="4dp" />

    <stroke
        android:dashGap="10dp"
        android:dashWidth="100dp"
        android:color="#000000" />

</shape>

然后像这样使用

<LinearLayout
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:background="@drawable/dot_line"
    android:orientation="vertical" >
</LinearLayout>
于 2013-11-04T08:41:25.523 回答
-2
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="90"
    android:toDegrees="90" >

    <shape android:shape="line" >

    <stroke
        android:color="#000000"
        android:dashWidth="100dp"
        android:dashGap="10dp"/>
    </shape>

</rotate>
于 2017-03-23T07:37:17.303 回答