自定义View之自定义按键圆角边框背景添加点击效果

最新推荐文章于 2021-05-27 09:32:08 发布

橙如说

最新推荐文章于 2021-05-27 09:32:08 发布

阅读量544

点赞数

分类专栏： Android 文章标签：博客 android 控件

本文链接：https://blog.csdn.net/qq_25404567/article/details/73740711

版权

Android 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

自定义View之自定义按键圆角边框背景添加点击效果

设置边框可以参考前一篇博客

添加后效果如图

1、新添加了几个属性

 <!-- 点击状态 -->
        <attr name="isChick" format="boolean"/>

        <!--点击后背景颜色-->
        <attr name="clickedBgColor" format="color"/>
        <!--点击后边框颜色-->
        <attr name="clickedCornerRadiusColor" format="color"/>
        <!--点击后字体颜色-->
        <attr name="clickedTextColor" format="color"/>

相应的效果如注释

2、在定义控件中获取设置的属性

  isChick = typedArray.getBoolean(R.styleable.BgButton_isChick, false);

            clickedBgColor = typedArray.getColor(R.styleable.BgButton_clickedBgColor, -1);
            clickedCornerRadiusColor = typedArray.getColor(R.styleable.BgButton_clickedCornerRadiusColor, -1);
            textColor = getCurrentTextColor();
            clickedTextColor = typedArray.getColor(R.styleable.BgButton_clickedTextColor, -1);

3、在设置点击效果的时候其实主要是用不同颜色的画笔进行绘制控件

 if (borderWidth > 0 && borderColor != 0) {
            paintBorder = new Paint();
            if (isChick) {
                paintBorder.setColor(clickedCornerRadiusColor);
            } else {
                paintBorder.setColor(borderColor);
            }
            paintBorder.setStyle(Paint.Style.STROKE);
            paintBorder.setStrokeWidth(borderWidth);
            paintBorder.setAntiAlias(true);
        }
        paintBg = new Paint();
        if (isChick) {
            paintBg.setColor(clickedBgColor);
            setTextColor(clickedTextColor);
        } else {
            paintBg.setColor(bgColor);
            setTextColor(textColor);
        }
        paintBg.setAntiAlias(true);
        paintBg.setStyle(Paint.Style.FILL);

4、对点击效果后进行重新绘制

 @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_DOWN) {
            isChick = !isChick;
            drawBackgroud(isChick);
        }
        return super.onTouchEvent(event);
    }

    private void drawBackgroud(boolean b) {
        if (b) {
            paintBg.setColor(clickedBgColor);
            if (borderWidth > 0 && borderColor != 0) {
                paintBorder.setColor(clickedCornerRadiusColor);
            }
            setTextColor(clickedTextColor);
        } else {
            paintBg.setColor(bgColor);
            if (borderWidth > 0 && borderColor != 0) {
                paintBorder.setColor(borderColor);
            }
            setTextColor(textColor);
        }
        invalidate();
    }

最后GitHub链接和使用方法：https://github.com/cc0819/BgButton