ios - 创建自定义 UITabBar Controller 并使用分隔符突出显示所选选项卡

Question

请找到下面的屏幕截图及其标签栏的规范。

1. 仅显示左上角的圆角半径并在其上应用阴影。
2. 将曲线应用到右上角。
3. 以红色字体显示所选选项卡并显示分隔符下面。

因为我在过去三天被困住了。

如有任何帮助，我们将不胜感激。

Answer 1

将代码放入AppDelegate didFinishLaunching方法中:-

let tabBarController = self.window!.rootViewController as! UITabBarController
        let tabBar = tabBarController.tabBar

        DispatchQueue.main.async {
            tabBar.selectionIndicatorImage = UIImage().createSelectionIndicatorFill(fillColor:.red, lineColor:.blue,size: CGSize(width:tabBar.frame.width/CGFloat(tabBar.items!.count), height:tabBar.frame.height), lineWidth: 1.0)
            tabBar.unselectedItemTintColor = customColor
        }

并扩展UIImage

extension UIImage {
    func createSelectionIndicatorFill(fillColor: UIColor,lineColor:UIColor,size: CGSize, lineWidth: CGFloat) -> UIImage {
        UIGraphicsBeginImageContextWithOptions(size, false, 0)
        fillColor.setFill()
        UIRectFill(CGRect(x:0, y:0, width:size.width, height:size.height - lineWidth))

        lineColor.setFill()

        UIRectFill(CGRect(x:0, y:size.height - lineWidth, width:size.width, height:lineWidth))

        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image!
    }