如何在textview下面显示虚线

时间:2013-08-29 09:57:53

标签: android android-layout

这是我的代码,下面显示textview中心的虚线,我想在textview下面显示如下:

textview with dashed lines

如何更改此项以显示在textview虚线下方

<?xml version="1.0" encoding="utf-8"?>

<TableRow xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="match_parent"
       android:layout_height="match_parent" >

   <TextView

       android:id="@+id/apprentTemp"
       android:textColor="#000000"
       android:background="@drawable/dotted"
       android:paddingLeft="10dp"
       android:gravity="left"/>

    <TextView
      android:id="@+id/localTime"
      android:textColor="#000000"
      android:background="@drawable/dotted"
      android:gravity="center"/>

</TableRow>

       <----   dashed.xml   -->

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

   <stroke
       android:color="#000000"
       android:dashWidth="5px"
       android:dashGap="5px" />

</shape>

5 个答案:

答案 0 :(得分:5)

试试这个

<强> dashed.xml

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

    <stroke
        android:dashGap="2dip"
        android:dashWidth="2dip"
        android:color="@android:color/black" />

    <size android:width="60dp"
          android:height="6dp"/>

</shape>

然后使用

android:drawableBottom="@drawable/dashed"  

TextView

而不是

android:background="@drawable/dotted"

<强>输出:

Line_below_textview

答案 1 :(得分:4)

使用

android:drawableBottom="@drawable/dotted"

代替

android:background="@drawable/dotted"

修改

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item
    android:left="-5dp"
    android:right="-5dp"
    android:top="-5dp">
    <shape
        android:shape="rectangle">

        <stroke
            android:width="1dp"
            android:dashGap="5dp"
            android:dashWidth="5dp"
            android:color="@android:color/black" />
    </shape>
</item>

</layer-list>

答案 2 :(得分:0)

试试这个

  <TextView
 android:id="@+id/total"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:gravity="right"
 android:text="TextView" 
 android:drawableBottom="@drawable/dividerline"/>

制作一个xml,如下所示

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

    <size
        android:height="1dp"
        android:width="70dp" />

    <solid android:color="@android:color/black" />

</shape>

答案 3 :(得分:0)

这就是我的方法。只需进行少量修改即可工作。

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item
    android:gravity="center_vertical"
  >
    <shape
        android:shape="line">
        <stroke
            android:width="1dp"
            android:dashGap="0dp"
            android:dashWidth="5dp"
            android:color="@color/statusLight" />
    </shape>
</item>

enter image description here


只需将android:dashGap添加到所需的任何值即可。

答案 4 :(得分:0)

如果要在视图中心显示虚线,请使用以下代码。像--------或继续----------

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item
    android:left="-5dp"
    android:right="-5dp"
    android:gravity="center_vertical">
    <shape
        android:shape="line">
        <stroke
            android:width="1dp"
            android:dashGap="2dp"
            android:dashWidth="5dp"
            android:color="@android:color/darker_gray" />
    </shape>
</item>