BoxDecoration:阴影(borderShadow)

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

boxShadow 可以添加一组阴影效果 .. 在 BoxDecoration 里面,添加一个 boxShadow 属性 .. 它的值是一组阴影 .. 也就是你可以组合使用几种不同的阴影效果 ..

每个阴影效果都是一个 BoxShadow .. 它里面有些属性可以控制阴影效果的样式 .. 先添加一个 offset ... 对应的值是个 Offset .. 它控制的是阴影的偏移 .. 第一个参数是 x 轴的偏移量 .. 第二个参数是 y 轴的偏移量 ..

默认这个阴影的颜色是黑的 .. 这个颜色可以使用 color 属性设置一下 .. 使用一个颜色 .. 用一下 Color 上的 fromRGBO .. 然后分别设置一下颜色的 r,g,b 的值,还有 opacity 的值 ..

阴影的模糊程度是用 blurRadius 属性控制的 .. 添加一个 blurRadius ... 这个值越大 .. 模糊程度也就越明显 .. 暂时先把它设置成 1.0 ..

还有一个 spreadRadius 属性 .. 这个属性控制的是阴影的扩散程度 .. 如果是正数 .. 就会扩大阴影面积 .. 把它设置成负的 .. 会缩小阴影面积 ..

你可以随意调整这几个属性的值 .. 来得到自己想要的效果 .. 或者你也可以组合使用几种不同的阴影 ...

我随便再调整一下它们值 .. offset ,偏移 .. 设置成 0.0 ... 16.0 .. blurRadius ,模糊程度设置成 25.0 ... spreadRadius .. 设置成负的 9.0 ... 这样会得到一种比较特别的阴影效果 ..

BoxDecoration:阴影(borderShadow)《 Flutter 移动应用:基础部件 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点