특정 UITabBarItem의 배경을 변경하는 방법

Question

UITabBar에서 탭 단추 중 하나의 배경색 만 변경하려면 어떻게해야합니까? Instragram의 오래된 tabbar 디자인 (pictured on top)을 다시 만들고 싶습니다. 중간에있는 "post picture"탭의 배경색은 다릅니다.

그 다음으로, 색상을 아이콘 주위에 둥근 원으로 표시 할 수있는 방법이 있습니까? 아니면 그 시점에서 탭바의 역할을하도록 시뮬레이트 된 커스텀 툴바를 사용해야할까요?

Answer 1

let count = CGFloat(tabBar.items!.count) 
    let itemSize = CGSize(width: tabBar.frame.size.width/count, height: tabBar.frame.height) 

    for (index, _) in tabBar.items!.enumerate() { 
     if index == 2 { 
     let xPosition = itemSize.width * CGFloat(index) 
     let backgroundColor = UIView.init(frame: CGRect.init(x: xPosition, y: 0, width: itemSize.width, height: itemSize.height)) 
     backgroundColor.backgroundColor = UIColor.redColor() 
     tabBar.insertSubview(backgroundColor, atIndex: 1) 
     } 
    } 

나는 얼마 전에 비슷한 효과를 구현하고, 위의 코드는 중요한 부분입니다.

갱신 1 : 당신은 또한 특정 tabBarItem의 선택 배경 색상을 변경하려면

코드는 아래의 일을 할 것입니다. UITabBarController를 하위 클래스로 만들고 tabBar:didSelectItem 메서드를 재정의해야합니다.

override func tabBar(tabBar: UITabBar, didSelectItem item: UITabBarItem) { 
    let index: Int = tabBar.items!.indexOf(item)! 
    if index == 2 { 
    tabBar.selectionIndicatorImage = UIImage.fromColor(UIColor.greenColor(), size: CGSize.init(width: UIScreen.mainScreen().bounds.size.width/5, height: 49)) 
    } else { 
    tabBar.selectionIndicatorImage = UIImage.fromColor(UIColor.snpPaleblueColor(), size: CGSize.init(width: UIScreen.mainScreen().bounds.size.width/5, height: 49)) 
    } 
    tabBar.setNeedsDisplay() 
} 

static func fromColor(color: UIColor, size: CGSize) -> UIImage { 
    let rect = CGRect(x: 0, y: 0, width: size.width, height: size.height) 
    UIGraphicsBeginImageContext(rect.size) 
    let context = UIGraphicsGetCurrentContext() 
    CGContextSetFillColorWithColor(context, color.CGColor) 
    CGContextFillRect(context, rect) 
    let img = UIGraphicsGetImageFromCurrentImageContext() 
    UIGraphicsEndImageContext() 
    return img 
} 

갱신 2 :

당신이하는 tabBarItem의 이미지와 selectedImage 색상을 변경 imageWithRenderingMode: 예는 다음과 같습니다 UIImage의 방법을 사용하려면.

item.image = UIImage.init(named: "tabBarIcon-white").imageWithRenderingMode(.AlwaysOriginal) 
item.selectedImage = UIImage.init(named: "tabBarIcon-blue").imageWithRenderingMode(.AlwaysOriginal)