本站首页 收藏本站
广告位联系

APP正在开发中...
返回顶部
您的位置： 主页 > 软件编程 > Android >

收藏
分享到

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

Android 来源：互联网 作者：秩名 发布时间：2022-02-13 21:08:25 人浏览
摘要

使用 fragmentLayout 实现，可以把小红点添加到任意 view 上。 效果 添加小红点到 textview 上 添加小红点到 imageview 上 代码实现 首先定义一个圆形 drawable 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

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

效果 添加小红点到 textview 上

在这里插入图片描述

添加小红点到 imageview 上

在这里插入图片描述

代码实现

首先定义一个圆形 drawable

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

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、其他

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

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);

    }

}

使用

1

2

3

4

5

private BadgeView mReadBadgeView;

private TextView mRead;

 

mReadBadgeView = new BadgeView(getActivity());

mReadBadgeView.showBadgeView("+99", mRead);

版权声明 : 本文内容来源于互联网或用户自行发布贡献，该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权， 违法违规的内容， 请发送邮件至2530232025#qq.cn(#换@)举报，一经查实，本站将立刻删除。

您可能感兴趣的文章 :

原文链接 : https://blog.csdn.net/printf123scanf/article/details/122900462
相关文章

  • Kotlin的Collection与Sequence操作异同点介绍

    Kotlin的Collection与Sequence操作异同点介绍
    在Android开发中，集合是我们必备的容器，Kotlin的标准库中提供了很多处理集合的方法，而且还提供了两种基于容器的工作方式：Collection 和

  • 实现一个Kotlin函数类型方法

    实现一个Kotlin函数类型方法
    接口与函数类型 业务开发中，经常会有实现一个函数式接口（即接口只有一个方法需要实现）的场景，大家应该都会不假思索的写出如下代
  • Android10 App启动Activity源码分析
    ActivityThread的main方法 让我们把目光聚焦到ActivityThread的main方法上。 ActivityThread的源码路径为/frameworks/base/core/java/android/app/ActivityThread。 1 2

  • Android10客户端事务管理ClientLifecycleManager源码解析

    Android10客户端事务管理ClientLifecycleManager源码解析
    在Android 10 App启动分析之Activity启动篇（二）一文中，简单地介绍了Activity的生命周期管理器是如何调度Activity进入onCreate生命周期的流程。这

  • Kotlin对象的懒加载方式by lazy与lateinit异同介绍

    Kotlin对象的懒加载方式by lazy与lateinit异同介绍
    属性或对象的延时加载是我们相当常用的，一般我们都是使用 lateinit 和 by lazy 来实现。 他们两者都是延时初始化，那么在使用时那么他们两

  • Android类加载流程分析

    Android类加载流程分析
    本文分析的代码基于Android8.1.0源码。 流程分析 从loadClass开始，我们来看下Android中类加载的流程 /libcore/ojluni/src/main/java/java/lang/ClassLoader.ja

  • Android实现读写USB串口数据的代码

    Android实现读写USB串口数据的代码
    最近在研究USB方面的内容；先后做了关于Android读写HID、串口设备的DEMO。本文比较简单，主要介绍的是Android实现读取串口数据的功能 废话不
  • Epoxy - 在RecyclerView中构建复杂界面
    Diffing 对于复杂数据结构支持的多个视图类型展示在屏幕上, Epoxy此时是尤其有用的. 在这些场景中, 数据可能会被网络请求, 异步 Observable, 用

  • Android性能优化的详细介绍

    Android性能优化的详细介绍
    性能优化是一个app很重要的一部分，一个性能优良的app从被下载到启动到使用都能给用户到来很好的体验。自然我们做性能优化也是从被下

  • Android进阶宝典-插件化2（Hook启动插件中四大组件

    Android进阶宝典-插件化2（Hook启动插件中四大组件
    在上一节，我们主要介绍了如果通过反射来加载插件中的类，调用类中的方法；既然插件是一个apk，其实最重要的是启动插件中的Activity、
推荐阅读
最新更新
友情链接
  • 本站所有内容来源于互联网或用户自行发布，本站仅提供信息存储空间服务，不拥有版权，不承担法律责任。如有侵犯您的权益，请您联系站长处理！
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计