【iOS分享之路-快速搭建电商平台】十、任意控件添加BagdeView提醒

作者:jcmp      发布时间:2021-03-23      浏览量:0
一、引述:《快速搭建电商平台》系列九:

一、引述:

《快速搭建电商平台》系列九: 我的订单 中我们又看到在效果图中,待付款,待发货,待评价等右上角会有红色数字提醒小标。这就是本文要推出的分享控件--DWQbadgeView。其实,不管是在电商平台还是在其他类型的APP中,消息提醒是不可缺少的,通常会在相应控件的右上角位置红色圆圈⭕️,或者带着数字的提醒。由于此控件经常用到,所以本人也在很久之前就对其进行过封装。

二、DWQbadegeView

DWQbadegeView只允许在ARC环境下使用,用到的核心技术就是图层绘制技术,需要引入库< QuartzCore/QuartzCore>;通过使用drawRect方法来实现提醒badgeview。更多原理和实现方法不再细说,可查看Demo中的源码。

三、DWQbadegeView使用方法

self.badgeView.badgePositionAdjustment = CGPointMake(-10, 10);

//1、背景色 self.badgeView.badgeBackgroundColor = [UIColor redColor]; //2、没有反光面 self.badgeView.badgeOverlayColor = [UIColor clearColor]; //3、外圈的颜色,默认是白色 self.badgeView.badgeStrokeColor = [UIColor redColor]; /*****设置数字****/ //1、用字符 self.badgeView.badgeText = @"1"; //2、如果不显示就设置为空 // self.badgeView.badgeText = nil; //当更新数字时,最好刷新,不然由于frame固定的,数字为2位时,红圈变形 [self.badgeView setNeedsLayout];

四、Demo下载地址【GitHub】

DWQbadgeView