如何通过 View 设置阴影
创始人
2025-07-11 17:41:18
0

从Android 5.0(API级别21)开始,View提供了一个名为“elevation”的属性,用于设置阴影的大小。这个属性可以通过XML或代码来设置。注意,阴影的大小与View的Z值(elevation)和translationZ属性有关。Z值由elevation和translationZ共同决定,通常elevation用于静态阴影,而translationZ用于动画。

xml设置:

代码设置:

view.setElevation(20);
//或
view.setTranslationZ(20);

在Material Design 设计规范中,存在两个光源,一个是点光源, 一个是环境光,两种光源共同作用,形成View的阴影效果。默认情况下,阴影是黑色的,然而很多时候我们想让阴影颜色与 View 本身的颜色一致,达到更好地视觉效果。Android贴心地考虑到这一点,为我们提供了API:setOutlineAmbientShadowColor和setOutlineSpotShadowColor。开发者可以通过 xml 或 代码改变阴影的颜色。

「setOutlineAmbientShadowColor」

  • 当view 的Z 值或者 elevation 值为正数时,设置环境阴影颜色
  • 默认阴影是黑色、不透明的,因此阴影的强度在不同颜色的不同视图之间是一致的
  • 最终环境阴影的不透明度是(阴影投射器高度、outlineAmbientShadowColor的alpha通道(通常为不透明)和R.attr.ambientShadowAlpha 主题属性)的函数

xml设置:

android:outlineAmbientShadowColor="#FFAAAA" 

代码设置:

view.setOutlineAmbientShadowColor(mContext.getResources().getColor(R.color.ambient_shadow_color));

「setOutlineSpotShadowColor」

  • 当view 的Z 值或者 elevation 值为正数时,设置点阴影颜色
  • 默认阴影是黑色、不透明的,因此阴影的强度在不同颜色的不同视图之间是一致的
  • 最终点阴影的不透明度是(阴影投射器高度、outlineAmbientShadowColor的alpha通道(通常为不透明)和R.attr.ambientShadowAlpha 主题属性)的函数

xml设置:

android:outlineSpotShadowColor="#BAFDCE" 

代码设置:

view.setOutlineSpotShadowColor(mContext.getResources().getColor(R.color.spot_shadow_color));

设置阴影的其他方案:

  • 使用自定义视图和draw方法:如果你想创建更复杂的阴影效果,可以通过扩展View类并重写onDraw方法来实现。在这个方法中,你可以使用Canvas的drawRect、drawPath等方法来绘制阴影。
public class ShadowView extends View {  
    private Paint paint;  
    private int shadowColor = Color.BLACK;  
    private float shadowRadius = 2f;  
    private float shadowOffset = -1f;  
    private float shadowOpacity = 0.9f;  
  
    public ShadowView(Context context) {  
        super(context);  
        init();  
    }  
  
    private void init() {  
        paint = new Paint();  
        paint.setAntiAlias(true);  
        paint.setStyle(Paint.Style.FILL);  
    }  
  
    @Override  
    protected void onDraw(Canvas canvas) {  
        super.onDraw(canvas);  
        paint.setColor(shadowColor);  
        canvas.drawRect(getPaddingLeft(), getHeight() - shadowOffset, getWidth() - getPaddingRight(), getHeight(), paint);  
    }  
}
  • 使用第三方库:有些第三方库可以帮助你更容易地给View添加阴影效果,例如CardView和Material Design库。这些库通常提供了更丰富的阴影选项,如颜色、大小和模糊半径等。
  • 使用9-PatchDrawable:创建一个包含阴影的9-PatchDrawable资源,并将其作为View的背景。这种方法适用于固定大小的阴影,例如在按钮或卡片上添加阴影。

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
着眼MAC地址,解救无法享受D... 在安装了DHCP服务器的局域网环境中,每一台工作站在上网之前,都要先从DHCP服务器那里享受到地址动...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...