Android加入购物车的自定义控件

最新推荐文章于 2021-05-25 23:05:36 发布

kazarf

最新推荐文章于 2021-05-25 23:05:36 发布

阅读量1k

点赞数 2

文章标签：自定义view

本文链接：https://blog.csdn.net/kazarf/article/details/72853322

版权

本文介绍如何创建一个自定义的Android控件，用于动态增减数量，常见于购物车场景。通过继承View，重写相关方法，利用Canvas绘制半圆、矩形和文字，实现点击交互和动画效果。详细探讨了文字绘制时的坐标问题，以及如何调整文字居中显示。文章附有源码供参考。

摘要由CSDN通过智能技术生成

从事Android开发已有半年的时间了，对自定义控件和动画还是比较感兴趣的，所以写一点东西，借此机会能分享自己的学习心得同时巩固并提高。

此次分享的是一个动态增加和减少数量的控件，可以运用于添加购物车或者其他类似的场景。对于自定义控件的原因主要是为了更好的符合业务上的需求并且提供更好的视觉效果，自定义的一些流程度娘都知道所以在此也就不多说了。直接开撸，先上图片

相信这样一个控件大家在很多地方都看见过，像购物车那边比较多，美团什么的也用到了它。那么，到底如何去实现呢？其实也比较简单。首先当然是先定义一个类继承自View，重写它的相关的一些方法。

    public ChangeNumView(Context context) {
        super(context);
    }

    public ChangeNumView(Context context, AttributeSet attrs) {
        super(context, attrs);  
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        
    }

然后就是开始疯狂的draw draw draw 啦

首先是映入用户眼帘的页面，就是那个拉长的圆。不知道大家会想到什么？先看代码：

    /**
     * 初始的UI
     *
     * @param canvas
     */
    private void startUI(Canvas canvas) {
        mPaint = new Paint();
        mPaint.setColor(getResources().getColor(R.color.colorAccent));
        mPaint.setStyle(Paint.Style.FILL);