自定义View:阴影与模糊

今天说的这两个效果类的方法:setShadowLayer() 和 setMaskFilter() ,它们设置的是“附加效果”,也就是基于在绘制内容的额外效果。

1.1 setShadowLayer(float radius, float dx, float dy, int shadowColor)

这是在绘制的内容下面加上一层阴影。大概就像下面这样:

自定义View:阴影与模糊

里面的参数中, radius 是阴影的模糊范围; dx dy 是阴影的偏移量;shadowColor 是阴影的颜色。

如果要清除阴影层,使用 clearShadowLayer()

注意:

  • 在硬件加速开启的情况下, setShadowLayer() 只支持文字的绘制,文字之外的绘制必须关闭硬件加速才能正常绘制阴影。

  • 如果 shadowColor 是半透明的,阴影的透明度就使用 shadowColor 自己的透明度;而如果 shadowColor 是不透明的,阴影的透明度就使用 paint 的透明度。

1.2 setMaskFilter(MaskFilter maskfilter)

上一个方法 setShadowLayer() 是设置的在绘制层下方的附加效果;而这个 setMaskFilter() 和它相反,设置的是在绘制层上方的附加效果。

MaskFilter 有两种: BlurMaskFilter 和 EmbossMaskFilter

1.2.1 BlurMaskFilter

这个是模糊效果的意思,大概像这样。

自定义View:阴影与模糊

它的构造方法 BlurMaskFilter(float radius, BlurMaskFilter.Blur style) 中, radius 参数是模糊的范围, style 是模糊的类型。一共有四种:

  • NORMAL: 内外都模糊绘制
  • SOLID: 内部正常绘制,外部模糊
  • INNER: 内部模糊,外部不绘制
  • OUTER: 内部不绘制,外部模糊

1.2.2 EmbossMaskFilter

这个是浮雕效果,我这里因为上传的图不明显就从网上找了个对比图。

自定义View:阴影与模糊

它的构造方法 EmbossMaskFilter(float[] direction, float ambient, float specular, float blurRadius) 的参数里, direction 是一个 3 个元素的数组,指定了光源的方向; ambient 是环境光的强度,数值范围是 0 到 1; specular 是炫光的系数; blurRadius 是应用光线的范围。

好了,今天就写到这里,希望大家都能越来越好!

上一篇:CSS进阶 如何实现圆形&半圆;什么是BFC;什么是SEO,title、description、keywords三大标签


下一篇:css//css滚动条优化