iOS中Swift仿微信添加提示小红点功能(无数字)

具体内容详情如下所示：以分类的方式实现代码UITabBar+Extenstion.swift fileprivate let lxfFlag: Int = 666 extension UITabBar { // MARK:-显示小红点func showBadgOn(index itemIndex: Int, tabbarItemNums: CGFloat = 4.0) { //移除之前的小红点self.removeBadgeOn(index: itemIndex) //创建小红点let bageView = UIView() bageView.t在iOS应用开发中，特别是在构建类似微信这样的社交应用时，为用户提供未读消息或更新提示是非常常见的需求。本文将详细讲解如何使用Swift语言在iOS应用中实现仿微信的小红点提示功能，即在TabBarItem上添加一个无数字的小红点。我们需要创建一个`UITabBar`的分类（Category）来扩展其功能。分类是一种在不修改原类源码的情况下，为已有的类添加新方法、属性或协议的方式。在这里，我们创建一个名为`UITabBar+Extension`的分类，并在其中定义显示、隐藏和移除小红点的相关方法。 ```swift fileprivate let lxfFlag: Int = 666 extension UITabBar { // MARK:-显示小红点func showBadgOn(index itemIndex: Int, tabbarItemNums: CGFloat = 4.0) { //移除之前的小红点self.removeBadgeOn(index: itemIndex) //创建小红点let bageView = UIView() bageView.tag = itemIndex + lxfFlag bageView.layer.cornerRadius = 5 bageView.backgroundColor = UIColor.red //确定小红点的位置let percentX: CGFloat = (CGFloat(itemIndex) + 0.59) / tabbarItemNums let x: CGFloat = ceilf(Float(percentX * frame.size.width)) let y: CGFloat = ceilf(Float(0.115 * frame.size.height)) bageView.frame = CGRect(x: x, y: y, width: 10, height: 10) //添加到TabBar addSubview(bageView) } // MARK:-隐藏小红点func hideBadg(on itemIndex: Int) { self.removeBadgeOn(index: itemIndex) } // MARK:-移除小红点fileprivate func removeBadgeOn(index itemIndex: Int) { subviews.forEach { view in if view.tag == itemIndex + lxfFlag { view.removeFromSuperview() } } ```在上述代码中： 1. `showBadgOn(index:itemIndex, tabbarItemNums:)`方法用于在指定索引的TabBarItem上显示小红点。它首先调用`removeBadgeOn(index:)`方法移除之前存在的小红点，然后创建一个新的小红点视图`bageView`，设置其圆角、背景色并确定位置，最后将其添加到TabBar上。 2. `hideBadg(on:itemIndex)`方法用于隐藏指定索引的TabBarItem上的小红点，通过调用`removeBadgeOn(index:)`实现。 3. `removeBadgeOn(index:itemIndex)`方法按Tag值查找并移除小红点视图。在实际使用时，可以这样调用这些方法： ```swift //默认4个tabbarItem self.tabBarController?.tabBar.showBadgOn(index: 2) //如果TabBarItem数量不是默认的4个，可以使用这个方法// self.tabBarController?.tabBar.showBadgOn(index: Int, tabbarItemNums: CGFloat) ```上述代码实现的小红点功能不包含数字，只显示一个红色的圆点，以提示用户有未处理的事项。这种设计简洁且不会过于突兀，常见于许多社交应用中，如微信、QQ等。总结来说，iOS应用开发中添加小红点提示功能主要涉及UI元素的自定义以及视图管理。通过扩展`UITabBar`类别，我们可以方便地在TabBar上动态添加和移除小红点，从而实现与微信类似的功能。这种方法易于理解，且可以灵活应用于不同的项目场景。通过这种方式，开发者可以为用户提供更加直观和友好的交互体验，提高用户的参与度。