android自定义侧边字母索引表（联系人字母索引）

已于 2022-04-19 16:37:59 修改
阅读量639 收藏 4
点赞数 1
分类专栏： 自定义View
于 2022-04-13 10:33:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CJohn1994/article/details/124041187
版权

自定义View 字母索引 触摸事件 动画效果 Android开发
关键词由CSDN通过智能技术生成

自定义LetterSideBarView 侧边字母索引表如下：

package com.example.myapplication;

import android.animation.ValueAnimator;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.MotionEvent;
import android.view.View;

import androidx.annotation.Nullable;

import java.util.Arrays;
import java.util.List;

public class LetterSideBarView extends View {
    private static final double ANGLE_45 = Math.PI * 45 /100;
    private int mBackgroundColor;
    private int mStrokeColor;
    private int mTextColor;
    private int mTextSize;
    private int mSelectTextColor;
    private int mSelectTextSize;
    private int mHintTextColor;
    private int mHintTextSize;
    private int mHintCircleRadius;
    private int mHintCircleColor;
    private int mWaveColor;
    private int mWaveRadius;
    private int mContentPadding;
    private int mBarPadding;
    private int mBarWidth;

    private List<String> mLetters;
    private RectF mSlideBarRect;
    private TextPaint mTextPaint;
    private Paint mPaint;
    private Paint mWavePaint;
    private Path mWavePath;
    private int mSelect;
    private int mPreSelect;
    private int mNewSelect;
    private ValueAnimator mRatioAnimator;
    private float mAnimationRatio;
    private OnLetterChangeListener mListener;
    private int mTouchY = -1;
    private boolean mIsTouching;
    private static final boolean CONFIG_DRAW_STROKE = false; //配置是否绘制边框
    private static final boolean CONFIG_DRAW_WAVE = false; //配置是否绘制选中波纹
    public LetterSideBarView(Context context) {
        this(context, null);
    }

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

    public LetterSideBarView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initAttribute(context, attrs, defStyleAttr);
        initData();
    }


    private void initAttribute(Context context, AttributeSet attrs, int defStyleAttr) {
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.LetterSideBarView, defStyleAttr, 0);
        mBackgroundColor = typedArray.getColor(R.styleable.LetterSideBarView_backgroundColor, getResources().getColor(android.R.color.transparent));
        mStrokeColor = typedArray.getColor(R.styleable.LetterSideBarView_strokeColor, Color.parseColor("#000000"));
        mTextColor = typedArray.getColor(R.styleable.LetterSideBarView_textColor, Color.parseColor("#969696"));
        mSelectTextColor = typedArray.getColor(R.styleable.LetterSideBarView_selectTextColor, Color.parseColor("#FFFFFF"));
        mHintTextColor = typedArray.getColor(R.styleable.LetterSideBarView_hintTextColor, Color.parseColor("#FFFFFF"));
        mHintCircleColor = typedArray.getColor(R.styleable.LetterSideBarView_hintCircleColor, Color.parseColor("#bef9b81b"));
        mWaveColor = typedArray.getColor(R.styleable.LetterSideBarView_waveColor, Color.parseColor("#bef9b81b"));
        mTextSize = typedArray.getDimensionPixelOffset(R.styleable.LetterSideBarView_textSize,
                (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 10, getResources().getDisplayMetrics()));
        mSelectTextSize = typedArray.getDimensionPixelOffset(R.styleable.LetterSideBarView_selectTextSize,
                (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 10, getResources().getDisplayMetrics()));
        mHintTextSize = typedArray.getDimensionPixelOffset(R.styleable.LetterSideBarView_hintTextSize,
                (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 16, getResources().getDisplayMetrics()));
        mHintCircleRadius = typedArray.getDimensionPixelOffset(R.styleable.LetterSideBarView_hintCircleRadius,
                (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 24, getResources().getDisplayMetrics()));
        mWaveRadius = typedArray.getDimensionPixelOffset(R.styleable.LetterSideBarView_waveRadius,
                (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 20, getResources().getDisplayMetrics()));
        mContentPadding = typedArray.getDimensionPixelOffset(R.styleable.LetterSideBarView_contentPadding,
                (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 2, getResources().getDisplayMetrics()));
        mBarPadding = typedArray.getDimensionPixelOffset(R.styleable.LetterSideBarView_barPadding,
                (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 6, getResources().getDisplayMetrics()));
        mBarWidth = typedArray.getDimensionPixelOffset(R.styleable.LetterSideBarView_barWidth,
                (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 0, getResources().getDisplayMetrics()));
        if (mBarWidth == 0) {
            mBarWidth = 2 * mTextSize;
        }
        typedArray.recycle();
    }


    private void initData() {
        mLetters = Arrays.asList(getContext().getResources().getStringArray(R.array.side_bar_value_list));
        mTextPaint = new TextPaint();
        mTextPaint.setAntiAlias(true);
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mWavePaint = new Paint();
        mWavePaint.setAntiAlias(true);
        mWavePath = new Path();
        mSelect = -1;
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        if (mSlideBarRect == null) {
            mSlideBarRect = new RectF();
        }
        float contentLeft = getMeasuredWidth() - mBarWidth - mBarPadding;
        float contentRight = getMeasuredWidth() - mBarPadding;
        float contentTop = mBarPadding;
        float contentBottom = getMeasuredHeight() - mBarPadding;
        mSlideBarRect.set(contentLeft, contentTop, contentRight, contentBottom);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //绘制slide bar上的字母列表
        drawLetters(canvas);
        //绘制选中时的波纹/圆形效果
        if (CONFIG_DRAW_WAVE) {
            drawWave(canvas);
        }
        //绘制选中时的提示信息（圆+文字）
        drawHint(canvas);
        //绘制选中时的slidebar上的文字
        drawSelect(canvas);

    }

    /**
     * 绘制Slide bar上的字母列表
     */
    private void drawLetters(Canvas canvas) {
        //绘制圆角矩形
        mPaint.setStyle(Paint.Style.FILL);
        mPaint.setColor(mBackgroundColor);
        canvas.drawRoundRect(mSlideBarRect, mBarWidth / 2.0f, mBarWidth / 2.0f, mPaint);
        //绘制描边
        if (CONFIG_DRAW_STROKE) {
            mPaint.setStyle(Paint.Style.STROKE);
            mPaint.setColor(mStrokeColor);
            canvas.drawRoundRect(mSlideBarRect, mBarWidth / 2.0f, mBarWidth / 2.0f, mPaint);
        }
        //绘制文字
        float itemHeight = (mSlideBarRect.bottom - mSlideBarRect.top - mContentPadding * 2) / mLetters.size();
        for (int index = 0; index < mLetters.size(); index++) {
            float baseLine = getTextBaseLineByCenter(mSlideBarRect.top + mContentPadding + itemHeight * index + itemHeight / 2,
                    mTextPaint, mTextSize);
            mTextPaint.setColor(mTextColor);
            mTextPaint.setTextSize(mTextSize);
            mTextPaint.setTextAlign(Paint.Align.CENTER);
            float pointX = mSlideBarRect.left + (mSlideBarRect.right - mSlideBarRect.left) / 2.0f;
            canvas.drawText(mLetters.get(index), pointX, baseLine, mTextPaint);
        }
    }

    /**
     * 绘制选中时的波纹效果
     */
    private void drawWave(Canvas canvas) {
        mWavePath.reset();
        //移动到起始点
        int startX = getMeasuredWidth();
        int startY = mTouchY - 3 * mWaveRadius;
        mWavePath.moveTo(startX, startY);
        //计算上部控制点的Y轴位置
        int topControlX = getMeasuredWidth();
        int topControlY = mTouchY - 2 * mWaveRadius;
        int topEndX = (int) (getMeasuredWidth() - mWaveRadius * Math.cos(ANGLE_45) * mAnimationRatio);
        int topEndY = (int) (topControlY + mWaveRadius * Math.sin(ANGLE_45));
        mWavePath.quadTo(topControlX, topControlY, topEndX, topEndY);
        //计算中心控制点的坐标
        int centerControlX = (int) (getMeasuredWidth() - 1.0f * mWaveRadius * mAnimationRatio);
        int centerControlY = mTouchY;
        int centerEndX = topEndX;
        int centerEndY = (int) (mTouchY + 2 * mWaveRadius - mWaveRadius * Math.cos(ANGLE_45));
        mWavePath.quadTo(centerControlX, centerControlY, centerEndX, centerEndY);
        //计算下部借宿点的坐标
        int bottomEndX = getMeasuredWidth();
        int bottomEndY = mTouchY + 3 * mWaveRadius;
        int bottomControlX = getMeasuredWidth();
        int bottomControlY = mTouchY + 2 * mWaveRadius;
        mWavePath.quadTo(bottomControlX, bottomControlY, bottomEndX, bottomEndY);
        mWavePath.close();
        mWavePaint.setStyle(Paint.Style.FILL);
        mWavePaint.setColor(mWaveColor);
        canvas.drawPath(mWavePath, mWavePaint);
    }

    /**
     * 绘制选中时的提示文字（圆+文字）
     */
    private void drawSelect(Canvas canvas) {
        if (mSelect != -1) {
            mTextPaint.setColor(mSelectTextColor);
            mTextPaint.setTextSize(mSelectTextSize);
            mTextPaint.setTextAlign(Paint.Align.CENTER);
            mWavePaint.setStyle(Paint.Style.FILL);
            mWavePaint.setColor(mHintCircleColor);
            float itemHeight = (mSlideBarRect.bottom - mSlideBarRect.top - mContentPadding * 2) / mLetters.size();
            float baseLine = getTextBaseLineByCenter(mSlideBarRect.top + mContentPadding + itemHeight * mSelect + itemHeight / 2,
                    mTextPaint, mTextSize);
            float pointX = mSlideBarRect.left + (mSlideBarRect.right - mSlideBarRect.left) / 2.0f;
            //绘制选中圆形
            canvas.drawCircle(pointX, itemHeight * (mSelect + 1) - mContentPadding * 2, mTextSize / 2.0f + 1, mWavePaint);
            canvas.drawText(mLetters.get(mSelect), pointX, baseLine, mTextPaint);
        }
    }

    /**
     * 绘制选中的Slide Bar上的文字
     */
    private void drawHint(Canvas canvas) {
        //x轴的移动路径
        if (mSelect != -1 && mTouchY != -1) {
            float circleCenterX = (getMeasuredWidth() + mHintCircleRadius) - (2.0f * mWaveRadius + 2.0f * mHintCircleRadius) * mAnimationRatio - 17;
            mWavePaint.setStyle(Paint.Style.FILL);
            mWavePaint.setColor(mHintCircleColor);
            canvas.drawCircle(circleCenterX, mTouchY, mHintCircleRadius, mWavePaint);
            //绘制提示字符
            if (mAnimationRatio >= 0.9f && mSelect != -1) {
                String target = mLetters.get(mSelect);
                float textY = getTextBaseLineByCenter(mTouchY, mTextPaint, mHintTextSize);
                mTextPaint.setColor(mHintTextColor);
                mTextPaint.setTextSize(mHintTextSize);
                mTextPaint.setTextAlign(Paint.Align.CENTER);
                canvas.drawText(target, circleCenterX, textY, mTextPaint);
            }
        }
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        final float x = event.getX();
        final float y = event.getY();
        mPreSelect = mSelect;
        mNewSelect = (int) (y / (mSlideBarRect.bottom - mSlideBarRect.top) * mLetters.size());
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mIsTouching = true;
                mTouchY = (int) y;
                startAnimation(1.0f);
                break;
            case MotionEvent.ACTION_MOVE:
                mTouchY = (int) y;
                if (mPreSelect != mNewSelect && mNewSelect >= 0 && mNewSelect < mLetters.size()) {
                    mSelect = mNewSelect;
                    if (mListener != null) {
                        mListener.onLetterChange(mLetters.get(mNewSelect));
                    }
                }
                invalidate();
                break;
            case MotionEvent.ACTION_CANCEL:
            case MotionEvent.ACTION_UP:
                mIsTouching = false;
                startAnimation(0f);
                mTouchY = -1;
                break;

        }
        return true;
    }

    private void startAnimation(float value) {
        if (mRatioAnimator == null) {
            mRatioAnimator = new ValueAnimator();
        }
        mRatioAnimator.cancel();
        mRatioAnimator.setFloatValues(value);
        mRatioAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                mAnimationRatio = (float) animation.getAnimatedValue();
                if (mAnimationRatio == 1f && mPreSelect != mNewSelect) {
                    if (mNewSelect >= 0 && mNewSelect < mLetters.size()) {
                        mSelect = mNewSelect;
                        if (mListener != null) {
                            mListener.onLetterChange(mLetters.get(mNewSelect));
                        }
                    }
                }
                invalidate();
            }
        });
        mRatioAnimator.start();
    }


    /**
     * 判断当前是否在触摸状态
     */
    public boolean isTouching() {
        return mIsTouching;
    }

    /**
     * 给定文字的center获取文字的baseLine
     */
    private float getTextBaseLineByCenter(float center, TextPaint paint, int size) {
        paint.setTextSize(size);
        Paint.FontMetrics fontMetrics = paint.getFontMetrics();
        float height = fontMetrics.bottom - fontMetrics.top;
        return center + height / 2 - fontMetrics.bottom;
    }

    public void setOnLetterChangeListener(OnLetterChangeListener listener) {
        this.mListener = listener;
    }

    public interface OnLetterChangeListener {
        void onLetterChange(String letter);
    }
}

自定义View的属性attrs.xml中的代码如下

    <declare-styleable name="LetterSideBarView">
        <!--有效内容背景-->
        <attr name="backgroundColor" format="color"/>
        <!--描边-->
        <attr name="strokeColor" format="color"/>
        <!--文字颜色-->
        <attr name="textColor" format="color"/>
        <!--文字大小-->
        <attr name="textSize" format="dimension"/>
        <!--选中文字颜色-->
        <attr name="selectTextColor" format="color"/>
        <!--选中文字大小-->
        <attr name="selectTextSize" format="dimension"/>
        <!--选中时提示文字颜色-->
        <attr name="hintTextColor" format="color"/>
        <!--选中时提示文字大小-->
        <attr name="hintTextSize" format="dimension"/>
        <!--选中时提示圆形半径-->
        <attr name="hintCircleRadius" format="dimension"/>
        <!--选中时提示圆形颜色-->
        <attr name="hintCircleColor" format="color"/>
        <!--选中时波浪颜色-->
        <attr name="waveColor" format="color"/>
        <!--选中时波浪半径-->
        <attr name="waveRadius" format="dimension"/>
        <!--里面文字上+下padding-->
        <attr name="contentPadding" format="dimension"/>
        <!--上+下+右padding-->
        <attr name="barPadding" format="dimension"/>
        <!--宽度-->
        <attr name="barWidth" format="dimension"/>
    </declare-styleable>

显示字母数组arrays.xml如下

<string-array name="side_bar_value_list">
        <item>A</item>
        <item>B</item>
        <item>C</item>
        <item>D</item>
        <item>E</item>
        <item>F</item>
        <item>G</item>
        <item>H</item>
        <item>I</item>
        <item>J</item>
        <item>K</item>
        <item>L</item>
        <item>M</item>
        <item>N</item>
        <item>O</item>
        <item>P</item>
        <item>Q</item>
        <item>R</item>
        <item>S</item>
        <item>T</item>
        <item>U</item>
        <item>V</item>
        <item>W</item>
        <item>X</item>
        <item>Y</item>
        <item>Z</item>
        <item>\u0023</item><!-- #-->
    </string-array>

布局文件中的代码如下：

    <com.example.myapplication.LetterSideBarView
        android:id="@+id/sbv_letter"
        android:layout_width="wrap_content"
        android:layout_height="700dp"
        android:layout_centerVertical="true"
        app:hintCircleColor="#26FF00"
        app:hintCircleRadius="36dp"
        app:hintTextColor="@android:color/white"
        app:hintTextSize="48sp"
        app:textColor="#6B7513"
        android:layout_alignParentEnd="true"
        app:textSize="20sp" />

最终效果如下图：
在这里插入图片描述

言并肃
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Android 自定义控件-字母索引
h5630的博客
05-07 396
1.创建LetterSildeView 继承View 先定义两个画笔，一个是用来绘画未触摸绘画字母，一个是绘画触摸后绘画字母 private Paint paint;//未触摸 private Paint touchPaint;//触摸 接着定义存放26个字母的char数组 private char[] letters = new char[26];//存放字母数组 在构造函数中进行数据初始化，代码如下: public LetterSildeView(Context con...
android 联系人 字母索引,Android 自定义View实现仿通讯录，实现A-Z字母检索
weixin_34336527的博客
05-25 557
前言此篇文章利用StickyListHeadersListView和自定义view的方式实现所需效果，所以此篇文章的重点有两个方面，一是介绍StickyListHeadersListView的使用，二则为介绍字母检索的实现方式。其实技术含量不是很高，就算是记录一下吧实现思路本来字母检索打算用listview展示，但是网上查了一通资料后发现基本上都是使用的自定义view展示，想也对，字母检索会被频繁...
安卓字母索引列表
11-07
索引列表， 常用于通讯录，城市选择，选中右边的字母索引可以直接定位到相应的选项
做个简单的Android列表字母索引控件
weixin_34378922的博客
08-02 554
相信大家在许多App中都见到过带字母索引的界面，比如我最近看到的这个开源控件： WaveSideBar 很酷是不是？！！！如果加在例如联系人列表界面上，大大提升了用户体验。 那么这个索引控件要怎么做呢，说到底就是自定义一个view，因为自身能力原因我并不能做出这样的效果，当然各位大神们可以自行去研究这类开源索引控件的源码。 以我的能力，现在只能做这样的： ...
Android自定义字母索引
落雨敏
03-30 4404
Android字母索引这个功能还是很常见的，例如：电话联系人，城市选择等一些功能都会用到。轮子已造好直接使用，[Github](https://github.com/lzjin/SideBarView.git)地址。 ####效果图: ![gif.gif](https://upload-images.jianshu.io/upload_images/9249152-8997e2ffc6500...
Android自定义字母索引View
divaid的博客
10-13 137
代码： import android.content.Context import android.graphics.Canvas import android.graphics.Color import android.graphics.Paint import android.util.AttributeSet import android.view.MotionEvent import android.view.MotionEvent.* import android.view.View impor
Android字母侧边索引
08-07
在Android应用开发中，"Android字母侧边索引"是一种常见的功能，用于帮助用户快速浏览和定位长列表中的内容。这种设计通常出现在联系人应用、应用列表或者任何包含大量可按字母顺序排列条目的场景。它提供了一个侧滑...
android联系人字母索引源码
10-24
这个"android联系人字母索引源码"就是实现这一功能的关键部分。在Android系统中，用户通常会看到一个侧边栏或者顶部栏，显示字母，允许用户通过点击对应的字母快速定位到联系人的姓名。这种设计大大提升了用户体验，...
联系人列表字母索引
11-18
在IT行业中，尤其是在移动应用开发领域，"联系人列表字母索引"是一个常见的功能，它极大地提升了用户在大量联系人中查找特定联系人的效率。这个功能借鉴了传统的电话簿设计，通过提供一个字母条，用户可以迅速跳转到...
自定义侧边索引条控件 类联系人侧边栏
12-27
这个自定义控件的实现，即"自定义侧边索引条控件 类联系人侧边栏"，是提高用户体验的重要一环。下面我们将深入探讨这一主题，讲解其相关知识点。 首先，我们要理解“自定义控件”的概念。在Android中，系统提供了一...
Android实现字母快速索引功能
10-14
实现Android联系人地名等索引可以通过字母快速查找
Android自定义View实现通讯录字母索引（仿微信通讯录）
08-31
本文主要介绍了Android自定义View实现通讯录字母索引（仿微信通讯录）的实现步骤与方法，具有很好的参考价值，下面跟着小编一起来看下吧
Android 列表字母索引 IndexableListView
06-21
Android代码 实现带字母索引效果的listview列表, 类似Android 通讯录中使用的检索联系人得效果.滑动listview时 旁边会出现一个字母索引条，手指滑动索引条 屏幕中间会出现当前索引字母，同时listview内容会被过滤检索,支持点击和滑动. Appdoll代码库测试,适用于Android 2.0 and up.
Android 实现带字母索引的侧边栏功能
08-29
主要介绍了Android 实现带字母索引的侧边栏功能,需要的朋友可以参考下
Android ListView城市列表,按a-z分组字母索引排序
04-21
Android ListView城市列表,按a-z分组字母索引排序，http://blog.csdn.net/yalinfendou博客中有详细介绍……
android 字母索引三方,Android字母索引列表
weixin_39834488的博客
05-25 226
1. 概述画笔Paint基本熟悉了之后，我们循序渐进介绍一个新的方面onTouch()，用于处理手指触摸交互的，这是很早期的一个效果，但是用来学习真的很不错：Android字母列表索引效果我们的重点是实现右边的字母索引效果，至于读取本地数据库的城市数据，做一些拼音排序什么的，这个就不写了当然源码我已经写好了。2. 效果实现分析右边的 [ A - Z ] 用 ListView 去实现可以吗？应该是可...
Android 自定义View 字母索引条
千与千寻中
07-03 1429
写在开头这是自定义View的第三篇文章，第一篇是Android drawPath实现QQ拖拽泡泡,主要实现的是题目说的东西，第二篇是Android 自定义View 跳动的水果和文字,可能看这个题目不知道说的是撒，主要讲的是Android drawTextOnPath()的相关方法，以及属性动画相关的使用。当然个人觉得动画效果还是阔以的 嘻嘻。。 这篇主要还是说说在onDraw()中 drawTex
Android UI--开源项目IndexableListView(字母索引）
最新发布
m0_67392182的博客
04-08 1172
*
android 字母索引列表,Android 自定义View-字母索引表（一）(示例代码)
weixin_31283549的博客
05-25 834
在有些Android应用中，为了方便快速定位，经常会看到屏幕右侧有一个字母索引表，今天尝试使用自定义View的方式实现了索引表的基本布局。字母索引表的样式如下面的示意图所示，此时我们至少需要知道以下几个参数值：1.字母大小;2.单个字母所在区域的宽度;3.单个字母所在区域的高度。现在看如何实现：/*** 26个英文字母以及一个#字符，#字符是为了索引非英文字母的内容，比如电话号码。*/privat...
Android开发：实现微信通讯录侧边字母索引效果
"Android开发教程：创建仿微信通讯录列表的侧边栏效果，通过拼音字母索引快速定位联系人。" 在Android开发中，为了实现类似微信通讯录的列表侧边栏效果，我们需要创建一个自定义的View，用于显示字母索引，并结合...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

言并肃

感谢大哥支持！您的鼓励是我动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值