• 1.横虚线 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line" > <!--其中,破折线的宽度为dash...

    效果图:

    代码:

    1.横虚线

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="line"
        >
            <!--其中,破折线的宽度为dashWith,破折线之间的空隙的宽度为dashGap,当dashGap=0dp时,为实线-->
            <stroke
                android:dashGap="3dp"
                android:dashWidth="8dp"
                android:width="1dp"
                android:color="@color/btn_blue" />
            <!-- 虚线的高度 -->
            <size android:height="1dp" />
    
    </shape>

    2.竖直虚线

    这里是先写横虚线,然后再通过旋转获得竖直虚线:

    横虚线:

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="line"
        >
            <!--其中,破折线的宽度为dashWith,破折线之间的空隙的宽度为dashGap,当dashGap=0dp时,为实线-->
            <stroke
                android:dashGap="10dp"
                android:dashWidth="15dp"
                android:width="1dp"
                android:color="#DCDCDC" />
            <!-- 虚线的高度 -->
            <size android:height="1dp" />
    
    </shape>

    竖直虚线:

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item
            android:left="-600dp"
            android:right="-600dp">
            <rotate android:drawable="@drawable/gray_imaginary_line_h"
                android:visible="true"
                android:fromDegrees="90"/>
        </item>
    
    </layer-list>

     

    源码+使用资源下载:

    https://download.csdn.net/download/yonghuming_jesse/10678013

     

          最后推荐给一些想进大厂或者还没有拿到心仪offer的攻城狮们一本书,由大厂java面试官胡书敏编写,满满的干货,助你进到想去的公司。

    展开全文
  • Android实现虚线的方法

    2015-09-02 14:58:24
    有图又真相,先上图再说。点击效果:设置虚线:[html] view plaincopyxml version="1.0" ...> shape xmlns:android="http://schemas.android.com/apk/res/androidandroid:shape="line" > stroke andro

    有图又真相,先上图再说。


    点击效果:




    设置虚线:

    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <shape xmlns:android="http://schemas.android.com/apk/res/android"  
    3.     android:shape="line" >  
    4.     <stroke  
    5.         android:dashGap="3dp"  
    6.         android:dashWidth="6dp"  
    7.         android:width="1dp"  
    8.         android:color="#63a219" />  
    9.     <!-- 虚线的高度 -->  
    10.     <size android:height="1dp" />  
    11. </shape>  

    其中,破折线的宽度为dashWith,破折线之间的空隙的宽度为dashGap,当dashGap=0dp时,为实线


    设置圆角:

    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <shape xmlns:android="http://schemas.android.com/apk/res/android"   
    3.     android:shape="rectangle">  
    4.     <!-- 填充颜色 -->  
    5.     <solid android:color="#FFFFFF"></solid>  
    6.     <!-- 线的宽度,颜色灰色 -->  
    7.     <stroke android:width="1dp" android:color="#63a219"></stroke>          
    8.     <!-- 矩形的圆角半径 -->  
    9.     <corners android:radius="10dp" />         
    10. </shape>  

    设置渐变填充和四个圆角半径:
    1. <shape xmlns:android="http://schemas.android.com/apk/res/android"   
    2.     android:shape="rectangle">  
    3.     <!--分別對應上面左圆角的半径,上面右圆角的半径,下面左圆角的半径,下面右圆角的半径-->  
    4.     <corners    
    5.           android:topLeftRadius="0dp"  
    6.           android:topRightRadius="7dp"  
    7.           android:bottomLeftRadius="0dp"  
    8.           android:bottomRightRadius="7dp"/>  
    9.     <!--設置漸變-->  
    10.     <gradient android:startColor="#9cff00"   
    11.           android:endColor="#197600"  
    12.           android:angle="270"/>  
    13.     <stroke     
    14.         android:width="1dp"   
    15.         android:color="#63a219" />   
    16. </shape>  


    设置渐变点击效果:

    1. <style name="list_item_top">  
    2.     <item name="android:clickable">true</item>  
    3.     <item name="android:focusable">true</item>  
    4.     <item name="android:paddingTop">10dip</item>  
    5.     <item name="android:paddingBottom">10dip</item>  
    6.     <item name="android:paddingLeft">10dip</item>  
    7.         <item name="android:paddingRight">10dip</item>  
    8.         <item name="android:gravity">center_vertical</item>  
    9.         <item name="android:background">@drawable/background_view_rounded_top</item>  
    10. </style>  

    1. <?xml version="1.0" encoding="UTF-8"?>  
    2. <inset xmlns:android="http://schemas.android.com/apk/res/android"  
    3.     android:insetLeft="1.0px"  
    4.     android:insetRight="1.0px" >  
    5.   
    6.     <selector>  
    7.         <item android:state_pressed="true">  
    8.             <shape>  
    9.                 <gradient  
    10.                     android:angle="270.0"  
    11.                     android:endColor="@color/base_end_color_pressed"  
    12.                     android:startColor="@color/base_start_color_pressed" />  
    13.   
    14.                 <corners  
    15.                     android:bottomLeftRadius="0.0dip"  
    16.                     android:bottomRightRadius="0.0dip"  
    17.                     android:radius="2.0dip"  
    18.                     android:topLeftRadius="10.0dip"  
    19.                     android:topRightRadius="10.0dip" />  
    20.                   
    21.                 <stroke   
    22.                     android:width="1dp"   
    23.                     android:color="#eededede" />  
    24.             </shape>  
    25.         </item>  
    26.         <item>  
    27.             <shape>  
    28.                 <gradient  
    29.                     android:angle="270.0"  
    30.                     android:endColor="@color/base_end_color_default"  
    31.                     android:startColor="@color/base_start_color_default" />  
    32.   
    33.                 <corners  
    34.                     android:bottomLeftRadius="0.0dip"  
    35.                     android:bottomRightRadius="0.0dip"  
    36.                     android:radius="2.0dip"  
    37.                     android:topLeftRadius="11.0dip"  
    38.                     android:topRightRadius="11.0dip" />  
    39.                   
    40.                 <stroke   
    41.                     android:width="1dp"   
    42.                     android:color="#eededede" />  
    43.             </shape>  
    44.         </item>  
    45.     </selector>  
    46.   
    47. </inset>  



    重新补充:好久没有关注自己的博客,没有注意到各位的评论,关于4.0以上设备虚线会变实线的问题,下面几位仁兄已经给出了答案,

    代码中可以添加:

    1. line.setLayerType(View.LAYER_TYPE_SOFTWARE, null);  

    xml中可以添加:

    1. android:layerType="software"  

    谢谢大家的参与!


    源码免费下载地址:免费下载

    http://download.csdn.net/detail/lan410812571/5925371


    展开全文
  • 绘制水平虚线: line_horizontal.xml <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line" > <!-- 破折线的宽度为...

    绘制水平虚线: line_horizontal.xml

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="line" >
        <!-- 破折线的宽度为dashWith,破折线之间的空隙的宽度为dashGap,当dashGap=0dp时,为实线-->
        <stroke
            android:dashGap="2dp"
            android:dashWidth="2dp"
            android:width="1dp"
            android:color="@color/Gray" />
        <!-- 虚线的高度 -->
        <size android:height="1dp" />
    </shape>
    

    绘制垂直虚线: line_vertical.xml

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item
            android:left="-600dp"
            android:right="-600dp">
            <!-- drawable指定水平虚线 fromDegrees指定旋转90-->
            <rotate android:drawable="@drawable/line_horizontal"
            android:visible="true"
            android:fromDegrees="90" />
        </item>
    </layer-list>
    

    使用示例:

    注意:使用的使用需要添加android:layerType=“software”

    <TextView
                android:layout_width="30dp"
                android:layout_height="1dp"
                android:background="@drawable/line_horizontal"
                android:layerType="software"/>
    <TextView
                android:layout_width="1dp"
                android:layout_height="30dp"
                android:background="@drawable/line_vertical"
                android:layerType="software"/>
    
    展开全文
  • Android 虚线

    2017-06-19 13:23:43
    水平虚线 android:shape="line" xmlns:android="http://schemas.android.com/apk/res/android"> android:dashWidth="2dp" android:da

    水平虚线

    <?xml version="1.0" encoding="utf-8"?>
    <shape
        android:shape="line"
        xmlns:android="http://schemas.android.com/apk/res/android">
        <stroke
            android:dashWidth="2dp"
            android:dashGap="2dp"
            android:color="@color/dash"
            android:width="1dp"
            />
    </shape>

    竖直虚线:

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list
        xmlns:android="http://schemas.android.com/apk/res/android">
        <item
            android:left="-300dp"
            android:right="-300dp"
            >
            <rotate
     android:drawable="@drawable/horizontal_dash"
                android:fromDegrees="90"
                android:visible="true"/>
    
        </item>
    </layer-list>

    View:

     <View
          android:id="@+id/top_dash"
          android:layout_width="1dp"
          android:layout_height="0dp"
          android:layout_weight="1"
          android:layerType="software"
          android:background="@drawable/vertical_dash"/>

    注意:竖直虚线时View的高度要大于虚线设定的宽度,否则显示不出来。

    展开全文
  • 宽度

    废话不多说。。。上图

    1. 水平虚线
    在这里插入图片描述

    2. 竖直虚线
    在这里插入图片描述
    在项目的res文件夹drawable下面去创建:

    水平虚线:line_stroke

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="line">
        <stroke
            android:width="1dp"    ---》  宽度
            android:color="@color/line"   ----》虚线颜色
            android:dashGap="4dp"    ----》虚线间隔宽度
            android:dashWidth="6dp"/>  ---》虚线的宽度
    </shape>
    

    竖直虚线:line_vertical

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item
            android:left="-600dp"
            android:right="-600dp">  ---》 让其居中显示
            <rotate android:drawable="@drawable/line_stroke"   ----》引用水平虚线的drawable
                android:visible="true"   
                android:fromDegrees="90"  ---》设置旋转度90度
                />
        </item>
    </layer-list>
    

    最后一步。。。。xml

           <TextView
                android:layout_width="2dp"
                android:layout_height="match_parent"
                android:layout_centerHorizontal="true"
                android:layerType="software"    ---》记得添加属性
                android:background="@drawable/line_vertical"/>
    
            <TextView
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:layout_centerVertical="true"
                android:layerType="software"  ---》记得添加属性
                android:background="@drawable/line_stroke" />
    

    总结,肯定有人疑问为什么要用textView去显示虚线呢,不用View去展示(layerType属性也必须加上,否者也会报错)
    之前在项目中用了8.0之后,有时候在项目中会神奇地报错:

    错误呢,之前出错的,现在找不到了

    我讲述一下吧。。。。

    主要报错的是绘制的竖直虚线
    它会报你res下drawable中的line_vertical中的no drawable(希望能够帮助到你)

    展开全文
  • android用shape画虚线

    2018-07-21 22:19:21
    一直以为android的shape能画直线,虚线,矩形,圆形等,画直线也就算了,用一个view设一下高度和颜色,就可以出来一条直线了。所以说这个对我来说经常不用,圆形是可以,看看我应用里的消息提示框都是这样生成的,好...
  • 简单的只能直接上代码了: 效果图:   1.drawable中的文件:dotted_line.xml ...shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line"&g
  • 有图又真相,先上图再说。 设置虚线: <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line" > android:dashGap="3dp" android:dashWidth="6dp
  • 画一条虚线作为分割线 1.先写一个shape,命名为shape_line_dash.xml 虚线 ?xml version="1.0" encoding="utf-8"?&gt; &lt;shape xmlns:android="...
  • Android利用shape画虚线

    2016-01-12 15:34:05
    我们知道,想在Android xml中画出一条直线,很简单: android:layout_width="match_parent" android:layout_height="1px" android:background="@color/fragment_mine_line_color"/> 如果想要画出一条虚线呢? ...
  • android 如何画虚线

    2018-12-24 16:29:20
    今天遇到要做一个订单的界面,于是就想在订单上画虚线,然后我就自己做了个shape文件。 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;shape xmlns:android="...
  • 项目当中需要绘制一个虚线圆和虚线椭圆,记录一下,以免忘记
  • 虚线

    2018-07-25 21:50:15
    xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line" android:useLevel="false"&gt; &lt;size android:height="1dp" android...
  • Android里面的竖虚线

    2017-06-29 09:20:49
    1.在Android中写横虚线比较简单,写竖虚线的话稍微麻烦点: 需要将写的虚线旋转: 这里面旋转角度设置为90 到90。<rotate xmlns:android="http://schemas.android.com/apk/res/android" android:fromDegrees="90...
  • Android虚线的使用

    2019-07-25 12:16:32
    <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line"> <...--width设置虚线宽度-->...--dashGap设置虚线空隙宽度--...
  • Android中绘制虚线

    2017-01-24 10:14:00
    概述今天给大家介绍两种实现虚线的方式方式一:利用shape绘制 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line"> android:width="3px
  • android 圆形虚线背景

    2019-09-26 16:15:06
    <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <...-- 填充颜色 -->...solid android...
  • Android自定义view绘制虚线最近项目中有个需求,通过自定义view的方式绘制虚线别的不多说先看一眼效果这个需求在我们的开发中应该是一个很常见的需求了吧,有人会说有更简单的实现方式,对,但是你试过么,比如网上...
  • android xml画虚线

    2018-04-03 13:58:41
    直接上代码1,虚线xml文件&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="...
  • Android画一条虚线

    2017-04-12 20:04:27
    首先在drawable里面创建一个bg_dotted_line.xml代码如下<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android=...android:shape="line"> android:width="1dp
1 2 3 4 5 ... 20
收藏数 7,552
精华内容 3,020