自定义带阴影的ImageView

假设设定一个ShadowImageView宽度为200dp,高度为158dp。

图片真正展示区域是 200dp * 140dp

阴影区域为 200dp * 158dp,虽然真正展示的部分只有底部,上面被覆盖掉了

重点在于设置paddingBottom

也就是说drawable的真正绘制区域不包含padding

public class ShadowImageView extends android.support.v7.widget.AppCompatImageView {

    private Paint mPaint = new Paint();
    Rect mRectF = new Rect();
    Bitmap bitmap;
    private int _18DP;

    public ShadowImageView(Context context) {
        this(context, null);
    }

    public ShadowImageView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public ShadowImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        _18DP = DensityUtil.dp2px(context, 18f); //dp转px
        bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.pic_shadow_banner); 
        //解析阴影的图片资源
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mRectF.left = 0;
        mRectF.top = 0;
        mRectF.right = w;
        mRectF.bottom = h; //mRecF就是 200dp * 158dp
        this.setPadding(0, 0, 0, _18DP); //指定shadowHeight;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.drawBitmap(bitmap, null, mRectF, mPaint); //阴影蒙层置于底部,先绘制
        super.onDraw(canvas);
    }
}

复制代码

转载于:https://juejin.im/post/5b97730b6fb9a05ce37adb6c

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自定义一个 `ImageView` 并使用不同的 `Paint` 绘制图片,需要创建一个自定义的 `ImageView` 类并重写其中的 `onDraw()` 方法。在该方法中,可以使用不同的 `Paint` 对图片进行绘制。以下是一个简单的示例代码: ```java public class CustomImageView extends ImageView { private Paint paint1; private Paint paint2; public CustomImageView(Context context) { super(context); init(); } public CustomImageView(Context context, AttributeSet attrs) { super(context, attrs); init(); } public CustomImageView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { // 初始化两个不同的 Paint paint1 = new Paint(); paint1.setColor(Color.RED); paint1.setStyle(Paint.Style.FILL); paint2 = new Paint(); paint2.setColor(Color.BLUE); paint2.setStyle(Paint.Style.STROKE); paint2.setStrokeWidth(10); } @Override protected void onDraw(Canvas canvas) { // 获取当前 ImageView 中的 Drawable Drawable drawable = getDrawable(); // 如果 Drawable 为空,则直接返回 if (drawable == null) { return; } // 获取 Drawable 的宽和高 int width = drawable.getIntrinsicWidth(); int height = drawable.getIntrinsicHeight(); // 将 Drawable 绘制在 Canvas 上 drawable.setBounds(0, 0, width, height); drawable.draw(canvas); // 使用不同的 Paint 绘制边框和填充效果 canvas.drawRect(0, 0, width, height, paint1); canvas.drawRect(10, 10, width - 10, height - 10, paint2); } } ``` 在这个示例中,我们创建了一个 `CustomImageView` 类,重写了其中的 `onDraw()` 方法,并在该方法中使用两个不同的 `Paint` 绘制了一个边框和一个填充效果。你可以根据自己的需求修改 `Paint` 的属性,实现不同的效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值