当前位置: 移动技术网 > IT编程>移动开发>Android > 详解android shape的使用总结

详解android shape的使用总结

2019年07月24日  | 移动技术网IT编程  | 我要评论

汉朝文书,付迎娟,错爱在清朝

shape用于设定形状,可以在selector,layout等里面使用,有6个子标签,各属性如下: 

 <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
  
  <!-- 圆角 -->
  <corners
    android:radius="9dp"
    android:topleftradius="2dp"
    android:toprightradius="2dp"
    android:bottomleftradius="2dp"
    android:bottomrightradius="2dp"/><!-- 设置圆角半径 -->
  
  <!-- 渐变 -->
  <gradient
    android:startcolor="@android:color/white"
    android:centercolor="@android:color/black"
    android:endcolor="@android:color/black"
    android:uselevel="true"
    android:angle="45"
    android:type="radial"
    android:centerx="0"
    android:centery="0"
    android:gradientradius="90"/>
  
  <!-- 间隔 -->
  <padding
    android:left="2dp"
    android:top="2dp"
    android:right="2dp"
    android:bottom="2dp"/><!-- 各方向的间隔 -->
  
  <!-- 大小 -->
  <size
    android:width="50dp"
    android:height="50dp"/><!-- 宽度和高度 -->
  
  <!-- 填充 -->
  <solid
    android:color="@android:color/white"/><!-- 填充的颜色 -->
  
  <!-- 描边 -->
  <stroke
    android:width="2dp"
    android:color="@android:color/black"
    android:dashwidth="1dp"
    android:dashgap="2dp"/>
  
</shape>

填充:设置填充的颜色

间隔:设置四个方向上的间隔

大小:设置大小

圆角:同时设置五个属性,则radius属性无效

  • android:radius="20dp"                 设置四个角的半径
  • android:topleftradius="20dp"              设置左上角的半径
  • android:toprightradius="20dp"           设置右上角的半径
  • android:bottomleftradius="20dp"      设置右下角的半径
  • android:bottomrightradius="20dp"    设置左下角的半径

描边:dashwidth和dashgap属性,只要其中一个设置为0dp,则边框为实现边框

  • android:width="20dp"                               设置边边的宽度
  • android:color="@android:color/black"  设置边边的颜色
  • android:dashwidth="2dp"                         设置虚线的宽度
  • android:dashgap="20dp"                          设置虚线的间隔宽度

渐变:当设置填充颜色后,无渐变效果。angle的值必须是45的倍数(包括0),仅在type="linear"有效,不然会报错。android:uselevel 这个属性不知道有什么用。

angle对应值的起点如图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网