自定义显示小红点的android Button按钮

AI权益加码!Claude Code、Cursor等20+工具免费用! 购周边限时加赠Coding Plan Lite,畅享主流AI工具!学习进阶更高效! 阅读详情

效果:




实现原理:

继承自Button的一个控件,小红点和数字,是直接绘制到Canvas上的,总是在右上角。之看以看起来,角标已经超出了Button,是因为在绘制Button的时候,对Canvas进行了缩放。譬如:

    <com.carlos.notificatoinbutton.library.NotificationButton
        android:id="@+id/button4"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginTop="15dp"
        android:background="@mipmap/wechat"
        notButton:circleBgColor="@android:color/holo_red_light"
        notButton:circleSize="12dp"
        notButton:textColor="@android:color/holo_green_dark" />

这样的一个NotificationButton,设置的宽和高为100dp方形,circleSize,就是小红点的大小,为12dp。这样设置的话,实际上,你看到的Button的大小,只有88d
Qt QPushButton 按钮右上角增加小红点 ui.btTool 是需要添加小红点按钮。在项目里有时候应用类按钮在模块上新时,需要增加小红点提示。实现的方法有很多 ,下面介绍超简单的一种。直接在按钮上贴一个 QLabel 即可。 阅读详情

相关推荐

安卓 BadgeButton 带有徽标(数字,小红点)的按钮

安卓 带有徽标(数字,小红点)的按钮 使用 BadgeButton.

html input小红点,HTML input属性

input标签是单独出现的,属性.Common -- 一般属性type -- 代表一个输入域的显示方式(分为输入型,选择型,点击型)value -- 输入域的值size -- 输入域的长度maxlength -- 输入域最多可以输入文字的长度checked -- 如果是选择型的输入域,代表已经被选择readonly -- 输入域可以选择,但是无法修改disabled -- 输入域无法获得焦点,无法...

weixin_36477469的博客 667

iOS 实现UIButton小红点

2在iOS开发过程中经常需要实现这样一个需求在某个按钮上方添加一个小红点,或者是加一个带数字的消息提醒红点,如下图所示的效果: 类似上面的效果如何实现呢,其实早有大神给造出了轮子,前人栽树,后人乘凉,我们只用几行代码就可以搞定了 创建文件UIButton+Badge.h UIButton+Badge.m 1、在UIButton+Badge.h 中导入如下代码 #import <UIKit/UIKit.h> NS_ASSUME_NONNULL_BEG...

wangjie33589的博客 941

仿短信条目右上角的红色小圆球提示气泡

可以重写View的onDraw完成该功能,也可以写布局文件完成该功能。现在使用布局文件完成。暂时先简单写一个TextView右上角的提示小红球,也可以根据需要写一个ImageView右上角的小红球提示。 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_wi

Zhang Phil 3422

Android界面实现】信息更新小红点显示——自定义控件BadgeView的使用介绍

我们在做信息发布类ru

赵凯强 1万+

android 自定义小红点,自定义显示小红点android Button按钮

效果: 实现原理:继承Button的一个控件小红点和数字,是直接绘制到Canvas上的,总是在右上角。之看以看起来,角标已经超出了Button,是因为在绘制Button的时候,对Canvas进行了缩放。譬如:android:id="@+id/button4"android:layout_width="100dp"android:layout_height="100dp"android:layo...

weixin_35803802的博客 615

android 自定义小红点,Android自定义控件 | 小红点的三种实现(下)

此文想了好久久久,本起名为《读原码长知识 | 小红点的一种实现》,但纠结了下,觉得还是应该隶属于自定义控件系列~~上篇介绍了两种实现小红点的方案,分别是多控件叠加和单控件绘制,其中第二个方案有一个缺点:类型绑定。导致它无法被不同类型控件所复用。这篇从父控件的角度出发,提出一个新的方案:容器控件绘制,以突破类型绑定。本文使用 Kotlin 编写,相关系列教程可以点击这里引子假设这样一个场景:一个容器...

weixin_29189987的博客 701

自定义 View】一个带小红点显示数量并且可控制小红点位置的购物车入口 button

shoppingcartfloatbutton 一个带小红点显示数量并且可控制小红点位置的购物车入口 button 项目 github 地址:https://github.com/wdeo3601/shoppingcartfloatbutton 效果 集成步骤: 复制 ShoppiingCartFloatButton.kt 类文件 复制 values 目录下的 at...

wdeo3601的博客 1985

RadioButton小红点、数字角标的实现

RadioButton通常作为RadioGroup的子布局嵌套在里面,单独使用不太常用,本文实现RadioButton小红点、数字角标,主要是利用onDraw方法进行重写,绘制小红点、数字角标。如下: public class AppRadioButton extends AppCompatRadioButton { private Paint mPaint; private boolean isShowDot; private boolean isShowNumbe..

一杯清泉 1924

带徽标的按钮组件:BadgeButton

带徽标的按钮组件:BadgeButton 1. 项目基础介绍及主要编程语言 BadgeButton 是一个开源的 Android 组件项目,主要使用 Java 语言开发。该项目提供了一个带有徽标(数字或小红点)的按钮,可以用于展示未读消息数量或提醒用户有新的通知。 2. 项目核心功能 徽标显示:可以在按钮显示数字或小红点,用于提示用户。 自定义样式:支持自定义徽标的文本、背景色、高度等属性,满...

gitblog_00345的博客 399

高校表白App-团队冲刺第六天

今天要做什么   在引导页的基础上添加小红点,并且在滑动时进行增强用户体验的修饰 做了什么   在布局中成功添加小红点,并在activity中得到实现;滑动在3/4时发生渐变,增强用户体验;滑动可回退;在最后一页显示点击进入按钮(前面的ViewPager隐藏);也可以进行活动出现到主页面. 遇到的问题   说实话,对于活动的了解还不是很足,在使用的过程中出现了很多意外,比如在显示butt...

weixin_30745641的博客 94

WPF C#仿ios 安卓 红点消息提示

wpf实现仿照ios和安卓的右上角提示

candyvoice的专栏 3368

第三方控件:消息数量控件BadgeView的使用

下载BadgeView.jar包,放在项目的libs下布局文件<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"

小男孩 968

未读消息的红点显示

在很多APP里面,经常会看到未读消息的小红点,如下图:这个功能用到的是一个控件,叫做BadgeView。 BadgeView的用法很简单,直接把jar文件导入包中就可以使用,使用也很简单, badgeView = new BadgeView(this); //btn是控件 badg

小小码农 1万+

新手引导页-ViewPager

知识点: ViewPager Button-Selector getViewTreeObserver视图树 在splash闪屏动画结束之后,进入手机新手引导页,效果图; 一共有三张图,前两张相同,第三张有一个开始体验按钮。 布局分析: 使用Relativelayout进行总体布局,三张图片使用ViewPager进行布局,并添加一个按钮,在前两页进行隐藏,在第三页进

小磊's blog 913

通用viewpager,不喜,勿喷

判断是否第一次进入,如果第一次则进入引导页面,否则直接竟然主界面。 注意:相对布局不指定位置,元素重叠在左上角 2、具体代码如下: import java.util.ArrayList; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import an

try 304

引导页

第一步 在xml中 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" x...

chengxiangxi5642的博客 135
上一篇: 仿EventBus自己写的android事件传递者EventMailer
下一篇: android中gson与jackson比较
carlos123456789
博客等级 码龄14年 31粉丝 51原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值