{"id":398,"date":"2016-10-26T07:00:40","date_gmt":"2016-10-25T22:00:40","guid":{"rendered":"http:\/\/blue-bear.jp\/kb\/?p=398"},"modified":"2016-10-26T07:04:48","modified_gmt":"2016-10-25T22:04:48","slug":"swift-tabbar%e3%82%92%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba","status":"publish","type":"post","link":"https:\/\/blue-bear.jp\/kb\/swift-tabbar%e3%82%92%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba\/","title":{"rendered":"[swift] tabBar\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba"},"content":{"rendered":"

tabBar\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/h2>\n

tabBar\u306eItem\u3084\u80cc\u666f\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u306b\u306f\u4ee5\u4e0b\u306e\u65b9\u6cd5<\/p>\n

UITabBarController.swift\u306e\u4f5c\u6210<\/h3>\n

\u65b0\u305f\u306bUITabBarController.swift\u3092\u4f5c\u6210\u3057\u3001storyboard\u306etabBarContoller\u306b\u30a2\u30bf\u30c3\u30c1<\/p>\n

\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\uff1a<\/h3>\n
\r\nclass mainBarController: UITabBarController {\r\n    \r\n    override func viewDidLoad() {\r\n        super.viewDidLoad()\r\n        \r\n        \/\/UITabBar.appearance().barTintColor = UIColor(red: 0.56, green: 0.78, blue: 0.28, alpha: 0.2) \/\/\u80cc\u666f\u8272\u3092\u5909\u66f4\r\n        let numberOfItems = CGFloat(tabBar.items!.count) \/\/Item\u6570\u3092\u53d6\u5f97\r\n\r\n        UITabBar.appearance().backgroundImage = UIImage(named: \"tabbar_bk.png\")\/\/\u80cc\u666f\u753b\u50cf\u3092\u6307\u5b9a\r\n        tabBar.selectionIndicatorImage = UIImage(named: \"tabbar_bk_selected.png\")?.resizableImageWithCapInsets(UIEdgeInsetsZero) \/\/\u9078\u629e\u6642\u306e\u80cc\u666f\u753b\u50cf\u3092\u6307\u5b9a\r\n        \r\n        \/\/\u5883\u754c\u7dda\u3092\u975e\u8868\u793a\r\n        tabBar.frame.size.width = self.view.frame.width + 4\r\n        tabBar.frame.origin.x = -2\r\n        \r\n        \/\/\u305d\u308c\u305e\u308c\u306eItem\u306e\u753b\u50cf\u3092\u8a2d\u5b9a\r\n        \/\/\u30ec\u30f3\u30c0\u30fc\u30e2\u30fc\u30c9\u3092AlwaysOriginal\u306b\u3059\u308b\u3068\u30aa\u30ea\u30b8\u30ca\u30eb\u306e\u8272\u304c\u305d\u306e\u307e\u307e\u4f7f\u7528\u3067\u304d\u308b\r\n        tabBar.items![0].image = UIImage(named: \"tabbar_item_0.png\")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal)\r\n        tabBar.items![1].image = UIImage(named: \"tabbar_item_1.png\")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal)\r\n        tabBar.items![2].image = UIImage(named: \"tabbar_item_2.png\")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal)\r\n        \r\n        \/\/\u305d\u308c\u305e\u308c\u306eItem\u306e\u9078\u629e\u6642\u306e\u753b\u50cf\u3092\u8a2d\u5b9a\r\n        tabBar.items![0].selectedImage = UIImage(named: \"tabbar_item_0_selected.png\")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal)\r\n        tabBar.items![1].selectedImage = UIImage(named: \"tabbar_item_1_selected.png\")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal)\r\n        tabBar.items![2].selectedImage = UIImage(named: \"tabbar_item_2_selected.png\")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal)\r\n        \r\n        \/\/\u753b\u50cf\u4f4d\u7f6e\u3092tabbar\u306e\u9ad8\u3055\u4e2d\u592e\u306b\u914d\u7f6e\r\n        let insets = UIEdgeInsetsMake(6, 0, -6, 0)\r\n        tabBar.items![0].imageInsets = insets\r\n        tabBar.items![1].imageInsets = insets\r\n        tabBar.items![2].imageInsets = insets\r\n\r\n\r\n        \/\/title\u3092\u975e\u8868\u793a\r\n        tabBar.items![0].title = nil\r\n        tabBar.items![1].title = nil\r\n        tabBar.items![2].title = nil\r\n        \r\n\r\n    }\r\n    \r\n    override func didReceiveMemoryWarning() {\r\n        super.didReceiveMemoryWarning()\r\n        \/\/ Dispose of any resources that can be recreated.\r\n    }\r\n}\r\n<\/pre>\n
\u80cc\u666f\u753b\u50cf\u3092UIColor\u3067\u4f5c\u6210\u3059\u308b<\/h3>\n
\u80cc\u666f\u753b\u50cf\u3092\u4f5c\u6210\u3059\u308b\u306e\u304c\u3081\u3093\u3069\u3046\u306a\u5834\u5408\u306f\u3001UIColor\u3067\u4f5c\u6210\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd
\nUIImage\u3092\u62e1\u5f35<\/p>\n
\r\nextension UIImage {\r\n\r\n    class func imageWithColor(color: UIColor, size: CGSize) -> UIImage {\r\n        let rect: CGRect = CGRectMake(0, 0, size.width, size.height)\r\n        UIGraphicsBeginImageContextWithOptions(size, false, 0)\r\n        color.setFill()\r\n        UIRectFill(rect)\r\n        let image: UIImage = UIGraphicsGetImageFromCurrentImageContext()\r\n        UIGraphicsEndImageContext()\r\n        return image\r\n    }\r\n\r\n}\r\n<\/pre>\n
UITabBarController.swift\u5185\u306b\u5b9f\u88c5<\/p>\n
\r\nlet numberOfItems = CGFloat(tabBar.items!.count)\r\nlet tabBarItemSize = CGSize(width: tabBar.frame.width \/ numberOfItems, height: tabBar.frame.height)\r\ntabBar.selectionIndicatorImage = UIImage.imageWithColor(UIColor.redColor(), size: tabBarItemSize).resizableImageWithCapInsets(UIEdgeInsetsZero)\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
tabBar\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba tabBar<\/p>\n","protected":false},"author":1,"featured_media":88,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/398"}],"collection":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/comments?post=398"}],"version-history":[{"count":3,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/398\/revisions"}],"predecessor-version":[{"id":401,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/398\/revisions\/401"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/media\/88"}],"wp:attachment":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/media?parent=398"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/categories?post=398"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/tags?post=398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}