TextView实现红点效果

最新推荐文章于 2023-03-06 11:11:02 发布
最新推荐文章于 2023-03-06 11:11:02 发布
阅读量1.1k 收藏
点赞数
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010746364/article/details/50416907
版权

这个是京东的app中使用DDMS分析可以看到这个红点使用TextView实现的。

当然也可以使用ImageView实现。

Android开发中TextView 实现右上角跟随文本动态追加圆形红点
01-05
在一个比较坑的需求里，一段文字右上角需要追加一个圆形红点。最右侧有个金额，红点动态随着文字移动，然后各种摆布局，一下午坑死我了。后来果断放弃。然后就想试试直接自定义view来实现这个需求。 最坑的就是效果下面的第一种情况和第二种情况，就是这两种情况给逼的   废话不说，开搞。 首先自定义个view 继承自 view 类 public class MyViewAndCircle extends View{ } 然后不用说了 ，直接飘红，必须要实现几个必要的方法了。 public MyViewAndCircle(Context context) { this(context,null
TextView实现消息小红点(BadgeView)
Tenma's Blog
06-14 2656
不知从何时开始，消息提示都以红点的方式出现了。①像这样的圆圈包着数字。今天我们来聊一聊如何实现…… 这里不讨论拖拽特效，只实现显示效果，需要拖拽特效的可以看看github的开源项目badgeVIew 背景文件 在drawable文件夹下新建一个badge_bg.xml <?xml version="1.0" encoding="UTF-8"?> <shape ...
分享一个textView右上角的添加小红点的 tips
热门推荐
swust_chenpeng的专栏
07-07 1万+
package com.ydk.mikecrm.view; import com.ydk.mikecrm.R; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color; import a
安卓自定义界面——textview显示带小红点
展翅飞翔
11-22 3275
这个自定义view是从我原有的项目中提取出来的。 可是因为突然有一栏要隐藏，导致我的小红点显示很难看，直接跑到字上面去了，于是我决定自定义一个view，来满足需求 代码如下： textview_withpoint.xml xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="h
textView 右上角红点及setBounds方法介绍
MR CUI的专栏
07-04 2998
Drawable的setBounds方法有四个参数，setBounds(int left, int top, int right, int bottom),这个四参数指的是drawable将在被绘制在canvas的哪个矩形区域内。 例如 @Override protected void onDraw(Canvas canvas) { drawable.setBo...
Android实现消息提醒小红点效果
01-20
【Android实现消息提醒小红点效果】是一种常见的UI设计元素，用于提示用户有未读的消息或更新。在Android开发中，实现这样的效果通常涉及到自定义View的创建和绘图操作。下面将详细介绍如何通过自定义BadgeView控件...
仿QQ消息提醒小红点拖拽粘连效果
11-09
在Android应用开发中，"仿QQ消息提醒小红点拖拽粘连效果"是一个常见的交互设计，用于模拟QQ等即时通讯应用中的未读消息提示。这个设计不仅提升了用户体验，也使得用户能直观地感知到有新的消息等待查看。在本文中，...
Android自定义ActionProvider ToolBar实现Menu小红点
01-20
在Android中，我们通常使用menu.xml文件定义菜单项，但为了实现带有小红点的自定义效果，我们需要利用`android:actionProviderClass`属性来自定义Menu的内容。ActionProvider是一个接口，允许我们在菜单项上显示更...
Android 消息提示 小红点 自定义控件
10-04
Android 消息提示 小红点 自定义控件
[Android][在TextView右上角画气泡]
03-11
[Android][在TextView右上角画气泡]
安卓 BadgeButton 带有徽标(数字，小红点)的按钮
11-30
安卓 带有徽标(数字，小红点)的按钮 使用 BadgeButton.
YCRedDotView-自定义红点控件，不用修改之前的代码，完全解耦，即可以设置红点数字控件，使用十分方便。可以支持设置在TextView，Button，LinearLayout，RelativeLayout，TabLayout等等控件上…….zip
09-23
目录介绍01.该库介绍02.效果展示03.如何使用04.注意要点05.优化问题06.部分代码逻辑01.该库介绍自定义红点控件，不用修改之前的代码，完全解耦，既可以设置红点数字控件，使用十分方便。网上看到有些案例是继承View，然后去测量和绘制红点的相关操作，此案例则不需要这样，继承TextView也可以完成设置红点功能。可以支持设置在TextView，Button，LinearLayout，RelativeLayout，TabLayout等等控件上……大概的原理是：继承TextView，然后设置LayoutParams，设置内容，设置Background等等属性，然后在通过addView添加到父控件中。02.效果展示03.如何使用如何引用implementation 'cn.yc:YCRedDotViewLib:1.0.3'如下所示//创建红点View YCRedDotView ycRedDotView = new YCRedDotView(this); //设置依附的View ycRedDotView.setTargetView(tv1); //设置红点的数字 ycRedDotView.setBadgeCount(10); //设置红点位置 ycRedDotView.setRedHotViewGravity(Gravity.END); //获取小红点的数量 int count = ycRedDotView.getBadgeCount(); //如果是设置小红点，不设置数字，则可以用这个，设置属性是直径 ycRedDotView.setBadgeView(10); //设置margin ycRedDotView.setBadgeMargin(0,10,20,0);04.注意要点如果设置数字大于99，则会显示“99 ”。如果设置为0，则不可见。05.优化问题相比网上一些案例，该库不需要做测量绘制方面操作，代码十分简洁，但却也可以完成你需要的功能。有些红点View，需要你在布局中设置，要是很多地方有设置红点操作，则比较麻烦。而该案例不需要改变你之前的任何代码，只是需要按照步骤即可设置红点。设置红点view到你的控件的逻辑操作代码如下所示。如果控件父布局是帧布局，则直接添加；如果控件父布局是ViewGroup，则创建一个帧布局，然后添加红点/**  * 设置红点依附的view  * @param view                  view  */ public void setTargetView(View view){     if (getParent() != null) {         ((ViewGroup) getParent()).removeView(this);     }     if (view == null) {         return;     }     if(view.getParent() instanceof FrameLayout){         ((FrameLayout) view.getParent()).addView(this);     }else if(view.getParent() instanceof ViewGroup){         ViewGroup parentContainer = (ViewGroup) view.getParent();         int groupIndex = parentContainer.indexOfChild(view);         parentContainer.removeView(view);         FrameLayout badgeContainer = new FrameLayout(getContext());         ViewGroup.LayoutParams parentLayoutParams = view.getLayoutParams();         badgeContainer.setLayoutParams(parentLayoutParams);         view.setLayoutParams(new ViewGroup.LayoutParams(                 ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));         parentContainer.addView(badgeContainer, groupIndex, parentLayoutParams);         badgeContainer.addView(view);         badgeContainer.addView(this);     }else {         Log.e(getClass().getSimpleName(), "ParentView is must needed");     } }
Android imageView 实现小红点（动画呼吸效果）
zkk1973的博客
11-27 1673
展示页面： <ImageView android:id="@+id/img_redpoint" android:layout_width="17dp" android:layout_height="17dp" android:layout_gravity="right" android:layout_marginTop="-1dp" andr...
安卓仿ＱＱ实现QQ红点
chenjie0932的博客
03-19 465
绘制贝塞尔曲线：主要是当在一定范围内拖拽时算出固定圆和拖拽圆的外切直线以及对应的切点，就可以通过path.quadTo()来绘制二阶贝塞尔曲线了~整体思路：1、当小红点静止时，什么都不做，只需要给自定义小红点QQBezierView(extends TextView)添加一个.9文件当背景即可2、当滑动时，通过getRootView()获得顶级根View，然后new一个DragView ( ext...
显示通知小红点
bsddcxn的博客
12-01 757
首先，在draw里边建一个文件，shap画一个椭圆。 xml version="1.0" encoding="utf-8"?> xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> android:color="#ff3b30"> <corne
Android - 未读数红点View
最新发布
m0_59482482的博客
03-06 310
【代码】Android - 未读数红点View。
TextView右上角显示小红点，小红点根据TextView的长度移动，小红点被TextView挤出去不显示的问题；...
weixin_30508241的博客
08-27 217
大概就是图片这个样，这个功能很常见，本来我以为很简单，谁知道真的很简单； 遇到点小问题，记录一下，哈哈； 小红点的Drawable： <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/androi...
Android TextView倒影效果实现
"这篇教程展示了如何在Android应用中实现TextView文字的倒影效果。通过使用View的getDrawingCache()方法，开发者可以获取到文本视图的缓存图像，并进一步创建倒影效果。文中以动态更新的时间显示为例，创建了一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值