码迷,mamicode.com
首页 > 其他好文 > 详细

shape的设置

时间:2018-01-28 00:11:14      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:div   ring   子节点   art   矩形   就是   oval   idt   use   

shape是根节点,其下有六个子节点,分别为

1.corners(圆角)

2.gradien(渐变)

3.padding(间隔)

4.size(尺寸)

5.solid(填充)

6.stroke(描边)

 

shape标签中有一个shape属性,可以设置形状,可选值为

1.rectangle:默认,矩形

2.oval:椭圆,此时corners节点会失效

3.line:直线,此时必须设置stroke节点,否则会报错

4.ring:圆环

 

corners标签中设置各种radius

 

gradient标签的属性

1.angle:整形,起始角度,0为九点方向,90为六点方向,180为三点方向,270为0点方向

2.type:渐变类型,可选值①linear,线性渐变②radial,放射渐变③sweep,滚动渐变

3.centerX:圆心X坐标

4.centerY:圆心Y左边

5.gradientRadius:渐变半径

6.centerColor:颜色类型,渐变的中间颜色

7.startColor:起始颜色

8.endColor:结束颜色

9useLevel:布尔类型,设置为true的时候无渐变色,false有渐变色

 

padding标签就是设置各种bottom、left等padding

 

size标签设置图形的尺寸大小,如果没有则表示自适应,属性有height与width

 

solid标签负责描述图形内部的填充颜色,属性名称为color

 

stroke标签描述图形的四周边线

1.color:颜色

2.dashGap:像素类型,每段虚线之间的间隔

3.dashWidth:像素类型,每段虚线的宽度

4.width:像素类型,描边的厚度。若dashGap和dashWidth有一个为零,则描边为实线

shape的设置

标签:div   ring   子节点   art   矩形   就是   oval   idt   use   

原文地址:https://www.cnblogs.com/peter-sun/p/8367507.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!