徽章控件(BadgeView),显示效果:气泡提示消息数量等

BadgeView

描述:控件实现简单,使用,功能较全面,逻辑简单,大家完全可以拿这用,不用造轮子,如果大家有其他需求也可以给我提。
使用说明:气泡提示消息数量等。

功能描述: 可以自定义气泡背景颜色、显示文本(字符串)、边框颜色、边框宽度、在界面中显示的位置

实例图:

徽章控件(BadgeView),显示效果:气泡提示消息数量等_第1张图片

使用说明

使用方式一:布局中使用

第一步:布局用BadgeView将目标view进行包裹,并定义相关属性

 

                        
                    

第二步:使用

//找到BadgeView
BadgeView badgeView = (BadgeView) findViewById(R.id.tag_solve);
//设置显示文本
        badgeView.setBadgeText("99+");

使用方式二:动态添加徽章控件

 //动态添加
        TextView button = findViewById(R.id.button);
        BadgeView.build(button)
                .setBadgeAnchorPosition(BadgeView.ANCHOR_LEFT_TOP)
                .setBadgeBgcolor(getResources().getColor(android.R.color.holo_green_light))
                .setBadgeBordercolor(getResources().getColor(android.R.color.white))
                .setBorderWidth(2)
                .setMarginHorizon(8)
                .setMarginVertical(2)
                .setBadgeTextcolor(getResources().getColor(android.R.color.holo_red_light))
                .setBadgeTextSize(14)
                .setPaddingH(12)
                .setPaddingV(7)
                .showBadge("啦");

控件属性说明

 
        
        
        
        
        
        
        
        
        
        
        
        
        
        
            
            
            
            
        
        
        
        
        
        
        
        
        
    

特别说明:当只想显示一个气泡,不显示文本内容的时候,badgeText传入空格就好,传入 null则代表不绘制徽章
app:badgeText=" "

badgeAnchorPosition徽章显示位置说明

为了方便计算徽章在布局中的位置

特别提供了:左上、右上、左下、右下 ,四个方位
其次提供:badgeMarginHorizon、badgeMarginVertical 来控制在水平方向和垂直方向的margin,其实就是相对于 badgeAnchorPosition 这个方位值的x、y方向的偏移量 ,这个偏移量并Android坐标上的偏移,二是相对于badgeAnchorPosition的偏移

例如:

        app:badgeAnchorPosition="AnchorRightTop"
        app:badgeMarginHorizon="16dp"
        app:badgeMarginVertical="2dp"

说明:代表将徽章放到该view的右上角,再距离右边16dp(也就是往左16dp),再往下2dp的位置

源码地址: BadgeView-master

你可能感兴趣的:(徽章控件(BadgeView),显示效果:气泡提示消息数量等)