发红包android

最新推荐文章于 2022-03-01 22:35:07 发布

置顶

wolearn的小舟

最新推荐文章于 2022-03-01 22:35:07 发布

阅读量2.8k

点赞数 7

CC 4.0 BY-SA版权

分类专栏： android 自定义view 文章标签： android

本文链接：https://blog.youkuaiyun.com/xuan_xiaofeng/article/details/50586848

本文介绍了在Android平台上实现春节红包功能的思路、涉及的知识点和实战步骤。通过学习，你可以掌握如何创建一个应景的红包发放控件。作者特别感谢程序亦非猿和hongyang两位大神的博客，并提供了源码链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

马上春节，写个应景的控件

思路分析

1.红包沿着不同的轨迹由上往下运动

2.当手指捕获到一个红包，红包停止原先的运动，可以随着手指的滑动做跟手操作

3.当手指动作停止后，红包放大

4.通过滑动刮开红包，看到期待已久的money

大体知识点概况

1.属性动画，实现红包按照贝塞尔曲线运动和放大效果

2.实现一个可移动的view，可以参考我的另一篇博客http://blog.youkuaiyun.com/xuan_xiaofeng/article/details/50463595

3.图片的结合模式，主要是实现刮开红包

4.自定义控件的相关知识

实战

1.先来做个红包。继承view，做点初始化的工作

private void init() {
    mPath = new Path();
    mRandom = new Random();

    initPaint();
    initMoneyPaint();

    mText = moneys[mRandom.nextInt(moneys.length)];

    //获取字体的宽高
    moneyPaint.getTextBounds(mText, 0, mText.length(), mTextBound);
}

private void initPaint() {
    mPaint = new Paint();
    mPaint.setColor(Color.parseColor("#c0c0c0"));
    mPaint.setStyle(Paint.Style.STROKE);
    mPaint.setStrokeCap(Paint.Cap.ROUND);
    /**
     * 设置接合处的形态
     */
    mPaint.setStrokeJoin(Paint.Join.ROUND);
    /**
     * 抗抖动
     */
    mPaint.setDither(true);
    mPaint.setAntiAlias(true);
    mPaint.setStrokeWidth(PAINT_WIDTH);
}

/**
 * money画笔
 */
private void initMoneyPaint() {
    moneyPaint = new Paint();
    moneyPaint.setColor(Color.RED);
    moneyPaint.setAntiAlias(true);
    moneyPaint.setTextSize(30);
    mTextBound = new Rect();
    moneyPaint.getTextBounds(moneys[0], 0, moneys[0].length(), mTextBound);
}

2.创建一个画布，就是一个绘制一个红包的图片，依据手指在控件上的滑动路径，除去图片的结合部分

mBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
mCanvas = new Canvas(mBitmap);

Bitmap bitmap = Bitmap.createBitmap(BitmapFactory.decodeResource(getResources(), R.drawable.red_packet));

mCanvas.drawBitmap(bitmap, null, new RectF(0, 0, width, height), null);

//设置图片的结合方式
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));
mCanvas.drawPath(mPath, mPaint);
canvas.drawBitmap(mBitmap, 0, 0, null);

3.重写onTouchEvent方法记录手指的擦除路径以及实现跟手操作

public boolean onTouchEvent(MotionEvent event) {
    x = (int) event.getX();
    y = (int) event.getY();

    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            //路径的初始化位置
            mPath.moveTo(x, y);
            break;
        case MotionEvent.ACTION_MOVE:
            if (movable) {
                // 跟手滑效果
                setX(x + getLeft() + getTranslationX() - getWidth() / 2);
                setY(y + getTop() + getTranslationY() - getHeight() / 2);
            } else if (Math.abs(x - mLast