欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

详解android shape的使用总结

程序员文章站 2024-02-28 14:04:46
shape用于设定形状,可以在selector,layout等里面使用,有6个子标签,各属性如下: 

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对应值的起点如图:

详解android shape的使用总结

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