Swift and Xcode-カスタムタブバーアイコンを作成する方法
Xcodeで作業しているタブ付きのアプリケーションプロジェクトがあり、Swift（Xcode 6.3 and Swift 1.2）。カスタムのタブバーアイコンで多くの問題が発生しています。 Photoshop（CS6）で画像をデザインし、PNGとして保存し、Prepoで30x30そして、それをアセットライブラリのXcodeにインポートしました。次に、tab view controllersその画像のアイコン。ただし、表示されません。
私はこれらのページを見ましたが、助けが見つかりませんでした：
https://www.youtube.com/watch?v=4qqqoAWNfZAカスタムタブバーアイコンの色http：//www.raywenderlich .com/forums/viewtopic.php？f = 2＆t = 193
http://www.appcoda.com/ios-programming-how-to-customize-tab-bar-background-appearance/https：// www。 youtube.com/watch?v=4Tj_SeApUrs
カスタムタブバーアイコンを作成するための適切なプロセスは何ですか？
少し調査した後、問題を解決したので、他の誰かが同様の問題を抱えている場合に備えて、ここに投稿すると思いました。 Photoshopで次のことを行いました。
- タブバーアイコンとして使用したい画像をインポートしました（白黒の画像を使用すると、色を削除する必要がないため、簡単です）。
- 背景を白ではなく「透明」に設定します。
- 画像からすべての白を削除し、背景が透明な黒の画像になるようにしました。
- 画像を.pngとして保存しました。
- 画像のサイズを、
75x75 pixels（および[email protected]という名前）、50x50 pixels（および[email protected]という名前）、および25x25 pixels（およびimageName.png）
Xcodeでは、次のことを行いました。
- 画像をXcodeにドラッグし、画像グループの名前を
icoImageNameに変更しました。 - Xcodeのストーリーボードで画像を設定するタブを選択し、「画像」（インスペクターペインの「バーアイテム」の下）を
icoImageNameに設定します。 「タブバーアイテム」の下に「選択した画像」を設定しなかったことに注意してください（このフィールドは空白のままにします）。
できた.
これが誰かの助けになることを願っています。助けてくれたみんなにも感謝します。
XCodeですべてが適切に設定されているようです。問題IS使用しているpngファイル。
この画像 http://i.stack.imgur.com/zluev.png をダウンロードし、問題が解決しないか確認してください。
ITabBarItem画像は灰色のブロックとして表示される ：の回答によれば
IOSの標準タブバーアイコンは、アルファチャネルからのみレンダリングされます。色は完全に無視されます。色の代わりに、さまざまなアルファ値を使用して、異なるグレーシェード（または選択した場合は青）を作成できます。
アイコンの背景を透明にします。
インターフェイスビルダーでタブビューを作成しましたか？その場合、画像をアセットとして追加したため、インスペクタのサイドバーの下にある各タブボタンの[画像]プロパティに表示されるはずです。また、あなたはすでにたくさんのチュートリアルを投稿していることを知っていますが、これはかなり最新であり、徹底的に説明しています： http://codewithchris.com/ios-tab-bar-app/
class ViewController: UIViewController {
@IBOutlet var btnHome : UIButton!
@IBOutlet var btnInvoice : UIButton!
@IBOutlet var btnSettings : UIButton!
@IBOutlet var btnMyOrder : UIButton!
@IBOutlet var btnLogout : UIButton!
@IBOutlet weak var viewContainer: UIView!
var navController : UINavigationController!
var selectedIndex : Int! = 0
var arrTabColor = [UIColor(red: 35.0/255.0, green: 93.0/255.0, blue: 175.0/255.0, alpha: 1.0),
UIColor(red: 29.0/255.0, green: 86.0/255.0, blue: 167.0/255.0, alpha: 1.0),
UIColor(red: 35.0/255.0, green: 93.0/255.0, blue: 175.0/255.0, alpha: 1.0),
UIColor(red: 29.0/255.0, green: 86.0/255.0, blue: 167.0/255.0, alpha: 1.0),
UIColor(red: 35.0/255.0, green: 93.0/255.0, blue: 175.0/255.0, alpha: 1.0)]
var arrTabIdentiFierVC = ["FirstVC","SecondVC","FirstVC","FirstVC","SecondVC"]
// MARK: - Life Cycle
override func viewDidLoad()
{
super.viewDidLoad()
setTabbarImage(0)
// Do any additional setup after loading the view, typically from a nib.
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
func setTabBarClicked(_ storyIdentifier : String,identifier : String)
{
let aStoryboard = UIStoryboard.init(name: storyIdentifier, bundle: nil)
let newViewController = aStoryboard.instantiateViewController(withIdentifier: identifier)
navController = UINavigationController(rootViewController: newViewController)
self.addChildViewController(navController)
navController.view.frame = viewContainer.frame
newViewController.view.frame = viewContainer.frame
self.viewContainer.addSubview(navController.view)
newViewController.didMove(toParentViewController: self)
}
func setTabbarImage(_ selectedIndex : Int!)
{
btnHome.backgroundColor = arrTabColor[0]
btnInvoice.backgroundColor = arrTabColor[1]
btnSettings.backgroundColor = arrTabColor[2]
btnMyOrder.backgroundColor = arrTabColor[3]
btnLogout.backgroundColor = arrTabColor[4]
let selectedColor = UIColor(red: 40/255, green: 142/255, blue: 206.0/255, alpha: 1.0)
if selectedIndex == 0
{
btnHome.backgroundColor = selectedColor
}
else if selectedIndex == 1
{
btnInvoice.backgroundColor = selectedColor
}
else if selectedIndex == 2
{
btnSettings.backgroundColor = selectedColor
}
else if selectedIndex == 3
{
btnMyOrder.backgroundColor = selectedColor
}
else if selectedIndex == 4
{
btnLogout.backgroundColor = selectedColor
}
}
// MARK: - Action Method
@IBAction func HomeClicked(_ sender : AnyObject?)
{
setTabbarImage(0)
setTabBarClicked("Main",identifier: arrTabIdentiFierVC[0])
}
@IBAction func InvoiceClicked(_ sender : AnyObject?)
{
setTabbarImage(1)
setTabBarClicked("Main",identifier: arrTabIdentiFierVC[1])
}
@IBAction func SettingClicked(_ sender : AnyObject?)
{
setTabbarImage(2)
setTabBarClicked("Main",identifier: arrTabIdentiFierVC[2])
}
@IBAction func MyorderClicked(_ sender : AnyObject?)
{
setTabbarImage(3)
setTabBarClicked("Main",identifier: arrTabIdentiFierVC[3])
}
@IBAction func logoutClicked(_ sender : AnyObject?)
{
setTabbarImage(4)
let alert = UIAlertController(title: "", message: "Are you sure want to logout?", preferredStyle: UIAlertControllerStyle.alert)
let CancelAction = UIAlertAction(title: "NO", style: .default) { (action:UIAlertAction!) in
}
alert.addAction(CancelAction)
let OKAction = UIAlertAction(title: "YES", style: .default) { (action:UIAlertAction!) in
// var isNav : Bool! = false
//for objChild in (self.parent?.childViewControllers)!
// {
// if objChild.isKind(of: LoginVC.self)
// {
// self.navigationController!.popToViewController(objChild, animated: true)
// CommonMethods.removeCustomObject(Constants.kUserProfile)
//
// isNav = true
// break
//
// }
// }
// if !isNav
// {
// CommonMethods.removeCustomObject(Constants.kUserProfile)
// let aNavController = (AppDelegate.getDelegate().window!.rootViewController! as! UINavigationController)
// let storyboard = UIStoryboard(name: "Main", bundle: nil)
// var aVCObj = UIViewController()
// aVCObj = storyboard.instantiateViewController(withIdentifier: "LoginVC")
// var aMutArr = aNavController.viewControllers
// aMutArr.insert(aVCObj, at: 0)
// aNavController.viewControllers = aMutArr
// aNavController.popToRootViewController(animated: true)
// }
}
alert.addAction(OKAction)
self.present(alert, animated: true, completion: nil)
}
// MARK: - Action Method
}