android 自定义控件——（三）水平线、虚线

----------------------------------View虚线或者直线（源代码下有属性解释）-----------------------------------------------------

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAAGqCAMAAADZWARSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJFQzBFOTc4OUY0OTExRTY5MDA0QUE4RDU0NTIyQkMzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJFQzBFOTc5OUY0OTExRTY5MDA0QUE4RDU0NTIyQkMzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkVDMEU5NzY5RjQ5MTFFNjkwMDRBQThENTQ1MjJCQzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkVDMEU5Nzc5RjQ5MTFFNjkwMDRBQThENTQ1MjJCQzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz66QCQUAAABgFBMVEWlrdzm5uZEVbfN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" alt="" width="348" height="137" />

一、shape 样式：（在drawable新建--》new--》Drawable resource file 并把原父级标签selector改为shape ）

<!--只能画水平线，画不了竖线；-->
<!--线的高度是通过stroke的android:width属性设置的；-->
<!--size的android:height属性定义的是整个形状区域的高度；-->
<!--size的height必须大于stroke的width，否则，线无法显示；-->
<!--线在整个形状区域中是居中显示的；-->
<!--线左右两边会留有空白间距，线越粗，空白越大；-->

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line">
    <stroke
        android:width="5dp"
        android:color="#4ec5ff"
        android:dashGap="2dp"
        android:dashWidth="10dp" />
</shape>

二、style 样式：

<style name="line">

    <item name="android:background">@drawable/buttonlinestyle</item>
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">40dp</item>
</style>

三、Button控件调用style样式：

<!--引用虚线的view需要添加属性android:layerType，值设为"software"，否则显示不了虚线。-->

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.ly.blogtest.MainActivity">

<LinearLayout
    style="@style/line"
    android:id="@+id/linearLayout"
    android:orientation="horizontal"
   android:layerType="software"
   >

</LinearLayout>

</RelativeLayout>

----------------------------------View虚线或者直线-----------------------------------------------------

---------------------------------画水平线、虚线注意-----------------------------------------------

1. 只能画水平线，画不了竖线；
2. 线的高度是通过stroke的android:width属性设置的；
3. size的android:height属性定义的是整个形状区域的高度；
4. size的height必须大于stroke的width，否则，线无法显示；
5. 线在整个形状区域中是居中显示的；
6. 线左右两边会留有空白间距，线越粗，空白越大；
7. 引用虚线的view需要添加属性android:layerType，值设为"software"，否则显示不了虚线。

---------------------------------划线注意-----------------------------------------------

----------------------------------android:shape属性指定形状------------------------------

• rectangle: 矩形，默认的形状，可以画出直角矩形、圆角矩形、弧形等
• oval: 椭圆形，用得比较多的是画正圆
• line: 线形，可以画实线和虚线
• ring: 环形，可以画环形进度条

----------------------------------android:shape属性指定形状------------------------------

----------------------------------shape的属性标签-----------------------------------------

<shape>
            <!-- 实心 -->
            <solid android:color="#ff9d77"/>
            <!-- 渐变 -->
            <gradient
                android:startColor="#ff8c00"
                android:endColor="#FFFFFF"
                android:angle="270" />
            <!-- 描边 -->
            <stroke
                android:width="2dp"
                android:color="#dcdcdc" />
            <!-- 圆角 -->
            <corners
                android:radius="2dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>

• solid: 设置形状填充的颜色，只有android:color一个属性

  • android:color 填充的颜色

• padding: 设置内容与形状边界的内间距，可分别设置左右上下的距离

  • android:left 左内间距
  • android:right 右内间距
  • android:top 上内间距
  • android:bottom 下内间距

• gradient: 设置形状的渐变颜色，可以是线性渐变、辐射渐变、扫描性渐变

  • android:type 渐变的类型
    • linear 线性渐变，默认的渐变类型
    • radial 放射渐变，设置该项时，android:gradientRadius也必须设置
    • sweep 扫描性渐变
  • android:startColor 渐变开始的颜色
  • android:endColor 渐变结束的颜色
  • android:centerColor 渐变中间的颜色
  • android:angle 渐变的角度，线性渐变时才有效，必须是45的倍数，0表示从左到右，90表示从下到上
  • android:centerX 渐变中心的相对X坐标，放射渐变时才有效，在0.0到1.0之间，默认为0.5，表示在正中间
  • android:centerY 渐变中心的相对X坐标，放射渐变时才有效，在0.0到1.0之间，默认为0.5，表示在正中间
  • android:gradientRadius 渐变的半径，只有渐变类型为radial时才使用
  • android:useLevel 如果为true，则可在LevelListDrawable中使用

• corners: 设置圆角，只适用于rectangle类型，可分别设置四个角不同半径的圆角，当设置的圆角半径很大时，比如200dp，就可变成弧形边了

  • android:radius 圆角半径，会被下面每个特定的圆角属性重写
  • android:topLeftRadius 左上角的半径
  • android:topRightRadius 右上角的半径
  • android:bottomLeftRadius 左下角的半径
  • android:bottomRightRadius 右下角的半径

• stroke: 设置描边，可描成实线或虚线。

  • android:color 描边的颜色
  • android:width 描边的宽度
  • android:dashWidth 设置虚线时的横线长度
  • android:dashGap 设置虚线时的横线之间的距离

----------------------------------shape的属性标签-----------------------------------------