duwenquan-方形LOGO.png
引述：
《快速搭建電商平臺》系列九：我的訂單中我們又看到在效果圖中，待付款贩幻，待發(fā)貨玩裙，待評價等右上角會有紅色數(shù)字提醒小標(biāo)。這就是本文要推出的分享控件--DWQbadgeView段直。其實(shí)，不管是在電商平臺還是在其他類型的APP中溶诞，消息提醒是不可缺少的鸯檬，通常會在相應(yīng)控件的右上角位置紅色圓圈??，或者帶著數(shù)字的提醒螺垢。由于此控件經(jīng)常用到喧务，所以本人也在很久之前就對其進(jìn)行過封裝。
DWQbadegeView
DWQbadegeView只允許在ARC環(huán)境下使用枉圃，用到的核心技術(shù)就是圖層繪制技術(shù)功茴，需要引入庫< QuartzCore/QuartzCore>；通過使用drawRect方法來實(shí)現(xiàn)提醒badgeview孽亲。更多原理和實(shí)現(xiàn)方法不再細(xì)說坎穿，可查看Demo中的源碼。
DWQbadegeView使用方法
- 1、初始化DWQbadgeview,代碼示例如下:
//1玲昧、在父控件（parentView）上顯示栖茉，顯示的位置TopRight
self.badgeView = [[DWQBadgeView alloc]initWithParentView:self.btn alignment:DWQBadgeViewAlignmentTopRight];
/*參數(shù)： (UIView *) ：需要添加DWQbadgeView的控件
(DWQBadgeViewAlignment) ：添加在父控件上的位置，此定義為一個枚舉孵延，類型主要有：
DWQBadgeViewAlignmentTopLeft = 1,
DWQBadgeViewAlignmentTopRight,
DWQBadgeViewAlignmentTopCenter,
DWQBadgeViewAlignmentCenterLeft,
DWQBadgeViewAlignmentCenterRight,
DWQBadgeViewAlignmentBottomLeft,
DWQBadgeViewAlignmentBottomRight,
DWQBadgeViewAlignmentBottomCenter,
DWQBadgeViewAlignmentCenter
*/
- 2吕漂、封裝控件有個很人性化的設(shè)置，就是顯示的badgeView位置不是太準(zhǔn)確時候可以進(jìn)行調(diào)整,示例代碼如下：
self.badgeView.badgePositionAdjustment = CGPointMake(-10, 10);
- 3尘应、然后設(shè)置badgeview的一些相關(guān)屬性惶凝，代碼示例如下;
//1、背景色
self.badgeView.badgeBackgroundColor = [UIColor redColor];
//2犬钢、沒有反光面
self.badgeView.badgeOverlayColor = [UIColor clearColor];
//3苍鲜、外圈的顏色，默認(rèn)是白色
self.badgeView.badgeStrokeColor = [UIColor redColor];
/*****設(shè)置數(shù)字****/
//1娜饵、用字符
self.badgeView.badgeText = @"1";
//2坡贺、如果不顯示就設(shè)置為空
// self.badgeView.badgeText = nil;
//當(dāng)更新數(shù)字時，最好刷新箱舞，不然由于frame固定的遍坟，數(shù)字為2位時，紅圈變形
[self.badgeView setNeedsLayout];
- 4晴股、這樣愿伴，就完美的實(shí)現(xiàn)了數(shù)字提醒的添加，效果圖如下：
DWQbadgeView.png
Demo下載地址【GitHub】
控件好用的話大家關(guān)注下簡書电湘，在GitHub上給個Star噢~~~~隔节！
效果圖.png
