Android开源BezierView：仿QQ未读消息99+条的红色气泡

最新推荐文章于 2021-05-29 11:51:05 发布
最新推荐文章于 2021-05-29 11:51:05 发布
阅读量1.4k 收藏
点赞数
分类专栏： 安卓类 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32521313/article/details/49883563
版权

Android开源BezierView：仿QQ未读消息99+条的红色气泡

在移动版的QQ中，如果用户的QQ消息超过99条，会有这样的消息提示气泡(包含拖动动画)：

Android第三方开源的BezierView实现了上述QQ的99+条未读消息气泡显示。
Android开源BezierView在github上的项目主页是：https://github.com/chenupt/BezierDemo 
使用Android BezierView只需要写一个布局即可：



IT的鱼
关注
专栏目录
Android编程：解决异常“android.view.InflateException: Binary XML file line # : Error inflating class”
DreamChan博客
07-20 1613
今天写程序发现一个问题，就是XML中报出android.view.InflateException异常，可能的原因有: 1.XML中使用到得组件名称是否书写正确(包名+类名),可以使用crtl+鼠标点击看能不能跳转到该组件的定义的地方，可以的话就不是这个问题，如果不可以的话，就是这个问题 2.抛出异常时的main.xml与自定义View类相关代码如下：就是自定义的组件中的构造方法有没有
Android仿微信未读消息数提示显示数字BadgeView大于99条显示99+
08-28
Android仿微信未读消息数提示显示数字BadgeView大于99条显示99+
仿QQ拖动删除未读消息个数气泡
09-11
仿QQ拖动删除未读消息个数气泡，博客地址： http://blog.csdn.net/gesanri/article/details/48373027
安卓数字提醒气泡提示角标相关-一款高仿QQ桌面快捷方式显示未读数量的源代码实现界面图标显示未读消息数量.rar
07-29
一款高仿QQ桌面快捷方式显示未读数量的源代码，实现界面图标显示未读消息数量.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
Android-BezierView炫酷的ViewPager切换和贝塞尔指示器
08-13
"Android-BezierView炫酷的ViewPager切换和贝塞尔指示器"是一个专门针对这一需求的库，它将贝塞尔曲线技术巧妙地应用到ViewPager的指示器设计上，创造出视觉冲击力强、过渡自然的页面切换动画。 首先，我们要理解...
Android 自定义实现类似QQ消息贝塞尔拖拽效果BezierView
qq_33214392的博客
03-06 449
Android 自定义实现类似QQ消息贝塞尔拖拽效果BezierView有图有真相:思路梳理: 首先BezierView继承View，文中包含了7个主要的坐标点； 其中target点是初始化时绘制圆的圆心坐标点；touch点记录用户滑动的坐标点； 当触发可拖拽状态时，已target点和touch点分别画圆，半径mR在onSizeChanged计算出来。当2圆无交点时, 则需要实时计算2圆中间填充部分
Android代码-BezierMaker
08-07
BezierMaker 通过de Casteljau算法绘制贝塞尔曲线，并计算它的切线，实现1-7阶贝塞尔曲线的形成动画。... BezierView mBezierView @Override protected void onCreate(Bundle savedInstanceState
Android代码模拟贝塞尔曲线形成过程.zip
11-11
在Android开发中，贝塞尔曲线是一种非常常见的图形绘制技术，常用于创建平滑的路径和动画效果。这个压缩包“Android代码模拟贝塞尔曲线形成过程.zip”包含了一个Android项目，其核心是通过代码来动态地展示贝塞尔...
Android QQ未读气泡拖拽组件源码.zip
07-10
Android QQ 未读气泡拖拽组件源码一个方便的开发人员，可以快速实现拖放未读消息，窗口小部件，您可以像使用TextView一样使用它，并使用额外的属性和方法自定义细节效果。
android app图标未读消息数（BadgeNumber）
09-28
android app图标未读消息数（BadgeNumber）. 仅仅支持三星/小米/索尼
android 未读消息气泡,Android未读消息拖动气泡示例
weixin_33015139的博客
05-29 357
文章目录前言最终效果图及思路关键代码1.定义，初始化等2.onDraw中绘制包括三样绘制3.onTouchEvent中4.反弹和爆炸动画总结前言拖动清除未读消息可以说在很多应用中都很常见，也被用户广泛接受。本文是一个可以供参考的Demo，希望能有帮助。提示：以下是本篇文章正文内容，下面案例可供参考最终效果图及思路 实现关键：气泡中间的两条边，分别是以ab，cd为数据点，G为控制点的贝塞尔曲线。步...
BezierView：仿QQ未读消息99+条的红色气泡
feather(猎羽)
07-20 2140
开源：https://github.com/chenupt/BezierDemo
Android 仿QQ消息界面
weixin_30576827的博客
05-03 124
values 下面 dimens.xml <resources> <!-- Default screen margins, per the Android Design guidelines. --> <dimen name="activity_horizontal_margin">16dp</dimen> &...
Android仿微信未读消息数提示数字之BadgeView的使用
热门推荐
帅气大果果
08-28 2万+
没事在整理以前上班收藏的一些笔记，发现其中的关键字部分有个 BadgeView 不知道是什么东东，于是乎搜了下，发现也是一个项目中很常用的功能。比如： 这样的，很常见。 这是官方的demo效果 ：https://github.com/qstumn/BadgeView一些特性 随意定制外观，包括Badge位置、底色、边框、阴影、文字颜色(支持透明色)、大小、内外边距等 Badge数字小于0时显示dot
Android BGABadgeView：新消息/未接来电/未读消息/新通知圆球红点提示（1）
Zhang Phil
07-04 1万+
 Android BGABadgeView：新消息/未接来电/未读消息/新通知圆球红点提示（1） 现在很多的APP会有新消息/未接来电/未读消息/新通知圆球红点提示，典型的以微信、QQ新消息提示为例，当微信朋友圈有新的朋友更新/发布朋友圈消息后，在微信的底部切换卡上会有一个红色的小圆球红点，表示有新消息，提示用户查看。 这种红色小圆点小圆球的实现方式很多种，简单期间，一个简单思路：可以用
android 未读信息反复提醒,Android仿微信未读消息数提示显示数字BadgeView大于99条显示99+...
weixin_31009269的博客
05-29 814
【实例简介】Android仿微信未读消息数提示显示数字BadgeView大于99条显示99+【实例截图】【核心代码】BadgeView└── BadgeView├── app│ ├── app.iml│ ├── build.gradle│ ├── proguard-rules.pro│ └── src│ ├── androidTest│ │ └── ja...
android 中如何实现画贝塞尔曲线
最新发布
05-25
在 Android 中，可以通过继承 View 或 SurfaceView 实现画贝塞尔曲线。 一般来说，需要使用 Path 对象来绘制贝塞尔曲线。Path 对象可以通过 moveTo、lineTo、quadTo、cubicTo 等方法来绘制线条、二次贝塞尔曲线和三次贝塞尔曲线。其中，quadTo 和 cubicTo 方法用于绘制贝塞尔曲线。 下面是一个简单的例子，演示了如何在自定义视图中绘制一条二次贝塞尔曲线： ```java public class BezierView extends View { private Paint mPaint; private Path mPath; public BezierView(Context context) { this(context, null); } public BezierView(Context context, AttributeSet attrs) { super(context, attrs); init(); } private void init() { mPaint = new Paint(); mPaint.setColor(Color.RED); mPaint.setStyle(Paint.Style.STROKE); mPaint.setStrokeWidth(5); mPath = new Path(); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); int startX = 100; int startY = getHeight() / 2; int endX = getWidth() - 100; int endY = getHeight() / 2; int controlX = getWidth() / 2; int controlY = getHeight() / 2 - 200; mPath.reset(); mPath.moveTo(startX, startY); mPath.quadTo(controlX, controlY, endX, endY); canvas.drawPath(mPath, mPaint); } } ``` 在这个例子中，我们绘制了一条二次贝塞尔曲线，起点为 `(startX, startY)`，终点为 `(endX, endY)`，控制点为 `(controlX, controlY)`。我们使用 `mPath.quadTo(controlX, controlY, endX, endY)` 方法来绘制曲线，并且在 `onDraw` 方法中调用 `canvas.drawPath(mPath, mPaint)` 来绘制出来。 当然，这只是一个非常简单的例子，实际使用中可能需要更多的控制点和更复杂的路径。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值