Android开发:Shape详细解读

 日常开发中,我们会遇到一些Button、Textview...等控件的背景是圆角矩形、圆形...等,和android默认的控件背景矩形不一致,此时shape的作用就体现出来了,我们可以根据shape属性画出很多我们意想不到的背景图案,下面我会把所有shape的属性都介绍一下。本文参考自https://www.cnblogs.com/lang-yu/p/6112052.html

1  shape标签:

    android:shape

      rectangle: 矩形,默认的形状,可以画出直角矩形、圆角矩形、弧形等

      oval: 椭圆形,用得比较多的是画正圆

      line: 线形,可以画实线和虚线

      ring: 环形,可以画环形进度条

    android:tint:给shape着色

    android:tintMode:着色模式(有关tint和tintMode请参看文章:http://blog.csdn.net/u010687392/article/details/47399719)

    android:dither:将在位图的像素配置与屏幕不同时(例如:ARGB 8888 位图和 RGB 565 屏幕)启用位图的抖动;值为“false”时则停用抖动。默认值为 true。

    android:visible:暂时还不清楚控制什么隐藏。

      android:useLevel:如果为true,则可在LevelListDrawable中使用。这通常应为“false”,否则形状不会显示。

    android:thickness:环的厚度,指内环与外环的环间距。(只适用于shape为ring)

    android:thicknessRatio:浮点型,以环的宽度比率来表示环的厚度,默认为9,表示环的厚度为环的宽度除以9,该值会被android:thickness覆盖(只适用于shape为ring)

      android:innerRatio:内环半径(只适用于shape为ring)

    android:innerRadiusRatio:浮点型,以环的宽度比率来表示内环的半径,默认为3,表示内环半径为环的宽度除以3,该值会被android:innerRadius覆盖(只适用于shape为ring)

 

2  shape下size标签:设置shape宽高值

    android:height:高度

    android:width:宽度

    注意事项:只有控件宽高设置成wrap_content时,此处宽高才起作用,但是起到的却是最小宽高值。也就是说,当控件宽高超过你此处指定的值时,它会变化(wrap_content!!!)

   

3  shape下solid标签:设置形状填充颜色

    android:color:指定色值

    

4  shape下padding标签:设置内容与边界的距离

    android:left:左内边距

    android:top:上内边距

    android:right:右内边距

    android:bottom:左内边距

 

5  shape下corners标签:设置四个角的圆角

    android:radius:       四个角圆角

    android:topLeftRadius:   左上角的圆角

    android:topRightRadius:   右上角的圆角

    android:bottomLeftRadius:  左下角的圆角

    android:bottomRightRadiusleft:右下角的圆角

    注意事项:radius属性值可以被其他四个属性覆盖。

 

6  shape下stroke标签:设置shape的外边界线

    android:color:     边界线的颜色

    android:width:    边界线的宽度      

    android:dashWidth:  段虚线的宽度(可以将边界线理解成一段段线无间隔的连接)

    android:dashGap:   段虚线的间隔

 

7  shape下的gradient标签:设置形状渐变

    android:type:渐变的类型

      linear:线性渐变,默认的渐变类型

      radial:放射渐变,设置该项时,必须设置android:gradientRadius渐变半径属性

      sweep:扫描性渐变                            

    android:angle:渐变的角度,线性渐变时(linear也是默认的渐变类型)才有效,必须是45的倍数,0表示从左到右,90表示从下到上    

    android:centerX:渐变中心的相对X坐标,放射渐变时(radial)才有效,在0.0到1.0之间,默认为0.5,表示在正中间  

    android:centerY:渐变中心的相对X坐标,放射渐变时(radial才有效,在0.0到1.0之间,默认为0.5,表示在正中间

    android:useLevel:如果为true,则可在LevelListDrawable中使用。这通常应为“false”,否则形状不会显示。

    android:startColor:渐变开始的颜色

    android:centerColor:渐变中间的颜色

    android:endColor:渐变结束的颜色

    android:gradientRadius:渐变的半径,只有渐变类型为radial时才使用

 

  至此,所有有关shape属性以及子标签的属性全部介绍完毕。

  下面让我们看一下,实际应用时候的注意事项

  画虚线时,有几点特性必须要知道的:

    1. 只能画水平线,画不了竖线;
    2. 线的高度是通过stroke的android:width属性设置的;
    3. size的android:height属性定义的是整个形状区域的高度;(前提是控件view没有设置layout_height属性值,即为wrap_content)
    4. size的height必须大于stroke的width,否则,线无法显示;(与3同前提,否则就是size的height必须大于控件的height)
    5. 线在整个形状区域中是居中显示的;
    6. 线左右两边会留有空白间距,线越粗,与stroke的dashWidth的值相关。
    7. 引用虚线的view必须添加属性android:layerType,值设为"software",否则显示不了虚线。

 

  画圆环时,有几点特性必须要知道的:

     1.必须在shape根标签下指定shape的类型为ring。

       2.默认情况下,innerRadiusRatio值为3,thicknessRatio值为9,但是这两个比率可以分别被innerRadius、thickness覆盖。

       3.默认情况下,圆环内径是圆环厚度的三倍。

       4.当只指定了圆环内径或者圆环厚度其中的任何一个属性时,两者之间的3倍关系都将不在存在,另一个属性仍会用默认情况下的值。(画圆环必须同时指定圆环内径和圆环厚度)

       5.当同时指定了圆环内径和圆环厚度时,那么这两者默认的3倍关系将不存在了,而是按照你指定的属性值画圆环。

效果图:

    1  http://keeganlee.me/post/android/20150830

    2  http://blog.csdn.net/rflyee/article/details/20785495

 

  • 1
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值