如何根据屏幕宽度调整虚线

Question

如何在UI中修复全行宽的虚线？在我的屏幕虚线中没有完全适合屏幕的宽度，请参见下图。如果移动宽度较小，我手动使用TextView用于短划线移动到下一行如果移动宽度较厚则会在下方留下一些空格。

我的代码如下：

  <ScrollView
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/border5" >

            <ImageView
                android:id="@+id/test_button_image"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:paddingLeft="5dp"
                android:src="@drawable/iicon" >
            </ImageView>

            <TextView
                android:id="@+id/test_button_text2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/test_button_image"
                android:layout_toRightOf="@+id/test_button_image"
                android:paddingLeft="10dp"
                android:paddingTop="10dp"
                android:text="Description"
                android:textColor="#000000"
                android:textSize="15sp"
                android:textStyle="bold" >
            </TextView>

            <TextView
                android:id="@+id/test_button_text23"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/test_button_text2"
                android:layout_below="@+id/test_button_text2"
                android:paddingBottom="10dp"
                android:paddingLeft="10dp"
                android:text="-------------------------------------------------"
                android:textColor="#000000" >
            </TextView>

            <TextView
                android:id="@+id/description"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignLeft="@+id/test_button_text2"
                android:layout_below="@+id/test_button_text23"
                android:paddingBottom="10dp"
                android:paddingLeft="10dp"
                android:text=" "
                android:textColor="#000000" >
            </TextView>
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/border5" >

            <ImageView
                android:id="@+id/test_button_image20"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentTop="true"
                android:paddingLeft="5dp"
                android:src="@drawable/iicon" >
            </ImageView>

            <TextView
                android:id="@+id/test_button_text12"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/test_button_image20"
                android:layout_toRightOf="@+id/test_button_image20"
                android:paddingLeft="10dp"
                android:paddingTop="10dp"
                android:text="Contains"
                android:textColor="#000000"
                android:textSize="15sp"
                android:textStyle="bold" >
            </TextView>

            <TextView
                android:id="@+id/test_button_text5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/test_button_text12"
                android:layout_toRightOf="@+id/test_button_image20"
                android:paddingBottom="10dp"
                android:paddingLeft="10dp"
                android:text="---------------------------------------"
                android:textColor="#000000" >
            </TextView>

            <com.schoollunchapp.HorizontalListView
                android:id="@+id/listview2"
                android:layout_width="wrap_content"
                android:layout_height="150dp"
                android:layout_below="@+id/test_button_text5"
                android:background="#ffffff" />
        </RelativeLayout>

Answer 1

我尝试创建虚线但不能完全满足您的要求。

<强>抽拉/ dotted.xml：

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

    <stroke
       android:color="#C7B299"
       android:dashWidth="10px"
       android:dashGap="10px" />
</shape>

<强> view.xml用

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/dotted" /> 

如需更多理解，请参阅this answer。希望它有所帮助。

Answer 2

这对我有用：）

drawable / dotted.xml ：

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

    <stroke
        android:dashWidth="10dp"
        android:dashGap="9dp"
        android:width="3dp"
        android:color="#757575" />
</shape>

布局/my_activity.xml：

<ImageView
    android:layout_width="match_parent"
    android:layout_height="35dp"
    android:src="@drawable/dotted" />