1. 程式人生 > >swift - tabBar圖片設置的一些註意點

swift - tabBar圖片設置的一些註意點

ring ont ren ide 面板 end jpg origin ***

圖片大小尺寸

剛剛開始接觸的話,從美工那邊拿來的圖標大小一般都是偏大的,就像這樣:

技術分享圖片

在此建議,tabBar的圖標大小可以是32*32,個人感覺效果不錯

圖片的顏色問題

如上圖所示,該圖標的期望顏色(也就是美工給的原圖)如下圖所示:

技術分享圖片

那麽問題來了,為什麽會變成灰色的呢?經查閱後得知。這是因為在默認情況下,未選中狀態圖片和字體顏色為灰色,選中狀態下圖片和字體顏色為藍色。

</***************************************解決辦法*************************************************/>

法1:通過xib面板設置 —— 點擊Assets.xcassets找到相應的圖片

技術分享圖片

將此處的Render As:Default 改為 Original Image

技術分享圖片

法2:用代碼方式實現 —— 將對應的UITabBarItem連線到FirstViewController,然後按照如下實現:

import UIKit
class FirstViewController: UIViewController {
@IBOutlet weak var tab1: UITabBarItem!
override func viewDidLoad() {
super.viewDidLoad()
tab1.image = UIImage(named: "tab1")?.withRenderingMode(UIImageRenderingMode.alwaysOriginal)
tab1.selectedImage = UIImage(named:"tab1")?.withRenderingMode(UIImageRenderingMode.alwaysOriginal)
// Do any additional setup after loading the view.
}
}

swift - tabBar圖片設置的一些註意點