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

时间：2022-10-12 08:11:22

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

 

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

 

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



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

----------------------------------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的属性标签-----------------------------------------
标签：
相关文章