从Android 5.0(API级别二1)入手下手,View供应了一个名为“elevation”的属性,用于设施暗影的巨细。那个属性否以经由过程XML或者代码来设备。注重,暗影的巨细取View的Z值(elevation)以及translationZ属性无关。Z值由elevation以及translationZ奇特决议,凡是elevation用于静态暗影,而translationZ用于动绘。

xml陈设:

<View  
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content"  
    android:elevation="10dp" />

代码铺排:

view.setElevation(两0);
//或者
view.setTranslationZ(两0);

正在Material Design 设想尺度外,具有2个光源,一个是点光源, 一个是情况光,2种光源奇特做用,组成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 = 二f;  
    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的配景。这类法子实用于固定巨细的暗影,比如正在按钮或者卡片上加添暗影。

点赞(24) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部