单边阴影

flutter 添加阴影

// flutter中的阴影
 BoxShadow(
            color: Color(0x2B000000),
            offset: Offset(0.0, -4.0), //阴影xy轴偏移量
            blurRadius: 15.0, //阴影模糊程度
            spreadRadius: -11 //阴影扩散程度
 )

单边的话 需要注意

offset = blurRadius + spreadRadius

偏移量 等于 模糊度和扩散度之和
对于模糊度很大的时候 但是偏移量又很小 设置扩散度为 负数

修改透明度

修改透明度 可以让阴影更浅点

下面是加了一个上边的例子

Simulator Screen Shot - iPhone 11 Pro Max - 2020-11-26 at 11.56.49.png

推荐阅读更多精彩内容

• Real-time Rendering 第七章 阴影

  阴影对于创建真实的图像和为用户提供有关对象位置的视觉提示非常重要。本章主要介绍阴影计算的基本原理，并介绍最重要和最...

  _ArayA_阅读 1,732评论 0赞 1
• CSS3基础第一篇（圆角，阴影，渐变，选择器）

  （1）. 阴影模糊半径与阴影扩展半径的区别：阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不...

  Leisure_blogs阅读 1,517评论 0赞 6
• swift 设置阴影效果

  方式1： 通过设置shadowColor、shadowRadius...等属性extension CALayer{...

  li好孩子阅读 11,465评论 0赞 0
• 绘制内阴影

  本文原本发布在我的个人博客里，由于工作原因长久未更新维护，遂将其重新整理后转移至此。 给视图添加阴影效果可以使用 ...

  waylen阅读 4,514评论 2赞 9
• CSS3单边阴影box-shadow的设置

  box-shadow设置阴影效果 box-shadow: h-shadow,v-shadow,blur,sprea...

  在小白的路上越走越远阅读 3,677评论 0赞 1