Android实现未读消息小红点显示实例

 更新时间:2022年02月13日 16:45:38   作者:村长~  
大家好,本篇文章主要讲的是Android实现未读消息小红点显示实例,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下

使用 fragmentLayout 实现,可以把小红点添加到任意 view 上。

效果 添加小红点到 textview 上

在这里插入图片描述

添加小红点到 imageview 上

在这里插入图片描述

代码实现

首先定义一个圆形 drawable

import android.graphics.Canvas;
import android.graphics.ColorFilter;
import android.graphics.Paint;
import android.graphics.PixelFormat;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.ShapeDrawable;

import androidx.annotation.IntRange;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;


public class CircleDrawable extends ShapeDrawable {
    private Paint mPaint;
    private int mRadio;

    public CircleDrawable(int radio, int painColor) {
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setColor(painColor);
        mRadio = radio;
    }

    @Override
    public void draw(@NonNull Canvas canvas) {
        canvas.drawCircle(mRadio, mRadio, mRadio, mPaint);
    }

    @Override
    public void setAlpha(@IntRange(from = 0, to = 255) int i) {
        mPaint.setAlpha(i);
    }

    @Override
    public void setColorFilter(@Nullable ColorFilter colorFilter) {
        mPaint.setColorFilter(colorFilter);
    }

    @Override
    public int getOpacity() {
        return PixelFormat.TRANSLUCENT;
    }

    /***
     * drawable实际宽高,圆形关键
     *
     * @return
     */
    @Override
    public int getIntrinsicWidth() {
        return mRadio * 2;
    }

    @Override
    public int getIntrinsicHeight() {
        return mRadio * 2;
    }
}

小红点实现

思路:
一个容器 fragmentLayout 包含两个 view (小红点view + 文本view 「当然也可以是其他的view」),通过 fragmentLayout 添加 view 重叠的特征实现

当前有待优化点:
1、通过 margin 实现小红点可以添加到任意位置「可以是有 layoutparams margin 实现」
2、其他

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Rect;
import android.graphics.drawable.ColorDrawable;
import android.graphics.drawable.ShapeDrawable;
import android.graphics.drawable.shapes.OvalShape;
import android.graphics.drawable.shapes.RoundRectShape;
import android.util.AttributeSet;
import android.util.Printer;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.TextView;

import androidx.annotation.Nullable;

import com.primer.common.constant.GravityDirection;
import com.primer.common.mvp.LoginInterface;
import com.primer.common.util.LogHelper;
import com.primer.common.util.UiHelper;
import com.primer.common.view.drawable.CircleDrawable;

public class BadgeView extends TextView {

    private final int DEFAULT_BADGE_RADIO = 5;
    private final int DEFAULT_TEXT_SIZE = 5;
    private final int DEFAULT_TEXT_COLOR = Color.WHITE;
    private final int DEFAULT_BADGE_COLOR = Color.RED;
    private final int DEFAULT_BADGE_GRAVITY = GravityDirection.DIRECT_TOP_LEFT;

    private String mText;
    private int mBadgeColor = DEFAULT_BADGE_COLOR;
    private int mTextColor = DEFAULT_TEXT_COLOR;
    private int mTextSize = DEFAULT_TEXT_SIZE;
    private int mBadgeRadio = DEFAULT_BADGE_RADIO;
    private int mBadgeGravity = DEFAULT_BADGE_GRAVITY;

    private FrameLayout mFragmentLayout;
    private ViewGroup mTargetViewGroup;
    private View mTarget;
    private Context mContext;

    public BadgeView(Context context) {
        super(context);
        init(context);
    }

    public BadgeView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }

    public BadgeView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    public BadgeView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        init(context);
    }

    private void init(Context context) {
        mFragmentLayout = new FrameLayout(context);
        mFragmentLayout.setLayoutParams(new FrameLayout.LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
        mContext = context;
    }

    /***
     *
     * @param content
     * @param target
     * @param textColor
     * @param textSize
     * @param badgeColor
     * @param badgeRadio
     */
    public void showBadgeView(String content, View target, int textColor, int textSize, int badgeColor, int badgeRadio) {
        if (target == null) {
            throw new IllegalArgumentException("target view must not be null");
        }

        mTarget = target;
        mTargetViewGroup = (ViewGroup) target.getParent();
        mTargetViewGroup.removeView(target);
        mTargetViewGroup.addView(mFragmentLayout, target.getLayoutParams());

        setTextColor(mTextColor);
        setTextSize(mTextSize);
        setGravity(Gravity.CENTER);
        if (content != null && content.length() <= 3) {
            setText(content);
        }

          //文字和半径之间的适配
        if (content != null) {
            Rect rect = new Rect();
            this.getPaint().getTextBounds(content, 0, content.length(), rect);
            if (content.length() <= 3 && rect.width() >= mBadgeRadio) {
                mBadgeRadio = (UiHelper.px2dip(mContext, rect.width()) / 2) + 1;
            }
        }

        setBackgroundDrawable(getShapeDrawable());
        mFragmentLayout.addView(target);
        mFragmentLayout.addView(this);
        mTargetViewGroup.invalidate();
    }


    private ShapeDrawable getShapeDrawable() {
        int radio = UiHelper.dip2px(mContext, mBadgeRadio);
        CircleDrawable drawable = new CircleDrawable(radio, mBadgeColor);
        return drawable;
    }

    /***
     *
     * @param content
     * @param target
     */
    public void showBadgeView(String content, View target) {
        showBadgeView(content, target,
                DEFAULT_TEXT_COLOR,
                DEFAULT_TEXT_SIZE,
                DEFAULT_BADGE_COLOR,
                DEFAULT_BADGE_RADIO);
    }

    public void showBadgeView(View target) {
        showBadgeView(null, target,
                DEFAULT_TEXT_COLOR,
                DEFAULT_TEXT_SIZE,
                DEFAULT_BADGE_COLOR,
                DEFAULT_BADGE_RADIO);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

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

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
    }
}

使用

    private BadgeView mReadBadgeView;
    private TextView mRead;

	mReadBadgeView = new BadgeView(getActivity());
    mReadBadgeView.showBadgeView("+99", mRead);

总结

到此这篇关于Android实现未读消息小红点显示实例的文章就介绍到这了,更多相关Android未读消息小红点内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Android Studio 利用Splash制作APP启动界面的方法

    Android Studio 利用Splash制作APP启动界面的方法

    这篇文章主要介绍了Android Studio 利用Splash制作APP启动界面,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05
  • Android 短信验证码自动填写

    Android 短信验证码自动填写

    这篇文章主要介绍了Android 短信验证码自动填写的相关资料,需要的朋友可以参考下
    2017-06-06
  • Android中实现ProgressBar菊花旋转进度条的动画效果

    Android中实现ProgressBar菊花旋转进度条的动画效果

    大家在一些页面经常会遇到加载中需要显示一个加载动画,像旋转的菊花旋转的圈圈动画效果,本文通过实例代码给大家讲解下,需要的朋友参考下吧
    2021-09-09
  • Android中协调滚动布局的实现代码

    Android中协调滚动布局的实现代码

    这篇文章主要介绍了Android中协调滚动常用的布局实现,类似这样的协调滚动布局,当底部列表滑动的时候,顶部的布局做响应的动作,我们都可以通过 AppBarLayout 和 MotionLayout 来实现,本文通过实例代码介绍的非常详细,需要的朋友参考下吧
    2022-06-06
  • Android页面中引导蒙层的使用方法详解

    Android页面中引导蒙层的使用方法详解

    这篇文章主要为大家详细介绍了Android页面中的引导蒙层使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-03-03
  • Android开发自学笔记(三):APP布局上

    Android开发自学笔记(三):APP布局上

    这篇文章主要介绍了Android开发自学笔记(三):APP布局上,本文讲解了添加ViewGroup、添加ViewGroup、定义string内容、添加Button、运行程序查看效果等内容,需要的朋友可以参考下
    2015-04-04
  • Android使用TextView实现无下划线超链接的方法

    Android使用TextView实现无下划线超链接的方法

    这篇文章主要介绍了Android使用TextView实现无下划线超链接的方法,结合实例形式分析了Android中TextView超链接去除下划线的相关实现技巧与注意事项,需要的朋友可以参考下
    2016-08-08
  • flutter实现更新弹窗内容例子(亲测有效)

    flutter实现更新弹窗内容例子(亲测有效)

    Flutter是一款移动应用程序SDK,包含框架、widget和工具,这篇文章给大家介绍flutter实现更新弹窗内容例子,亲测可以使用,需要的朋友参考下吧
    2021-04-04
  • 关于Android添加fragment后版本不兼容问题

    关于Android添加fragment后版本不兼容问题

    这篇文章主要介绍了Android添加fragment后版本不兼容问题的解决方法,需要的朋友可以参考下
    2017-12-12
  • Android APP与媒体存储服务的交互

    Android APP与媒体存储服务的交互

    本文介绍如何在 Android 中,开发者的 APP 如何使用媒体存储服务(包含MediaScanner、MediaProvider以及媒体信息解析等部分),包括如何把 APP 新增或修改的文件更新到媒体数据库、如何在多媒体应用中隐藏 APP 产生的文件、如何监听媒体数据库的变化等等。
    2013-10-10

最新评论