Ubah warna bilah item tab yang dipilih di storyboard

Saya ingin mengubah item tab bar saya menjadi merah muda ketika dipilih, bukan biru default.

Bagaimana saya bisa melakukan ini menggunakan editor storyboard di Xcode 6?

Berikut adalah pengaturan saya saat ini yang tidak berfungsi, latar belakang biru berfungsi tetapi pink tidak berfungsi:

Tambahkan atribut Warna Runtime bernama "tintColor" dari StoryBoard. Ini berfungsi ( untuk Xcode 8 ke atas ).

jika Anda ingin warna yang tidak dipilih .. Anda dapat menambahkan unselectedItemTintColorjuga.

Solusi elegan ini sangat cocok untuk SWIFT 3.0 , SWIFT 4.2 dan SWIFT 5.1 :

Di Papan Cerita:

1. Pilih Tab Bar Anda
2. Atur Runtime Attibute yang disebut tintColor untuk warna yang diinginkan dari Ikon Pilihan pada bilah tab
3. Setel Runtime Attibute yang disebut unselectedItemTintColor untuk warna yang diinginkan dari Ikon Tidak Dipilih pada bilah tab

Sunting: Bekerja dengan Xcode 8/10, untuk iOS 10/12 dan lebih tinggi .

Di Swift, menggunakan xcode 7 (dan lebih baru), Anda bisa menambahkan yang berikut ke file AppDelegate.swift Anda:

UITabBar.appearance().tintColor = UIColor(red: 255/255.0, green: 255/255.0, blue: 255/255.0, alpha: 1.0)

Ini adalah apa yang tampak seperti metode lengkap:

func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {

    // I added this line
    UITabBar.appearance().tintColor = UIColor(red: 255/255.0, green: 255/255.0, blue: 255/255.0, alpha: 1.0)

    return true
}

Pada contoh di atas item saya akan berwarna putih. "/255.0" diperlukan karena mengharapkan nilai dari 0 hingga 1. Untuk putih, saya bisa saja menggunakan 1. Tapi untuk warna lain Anda mungkin akan menggunakan nilai RGB.

Pada Xcode8saya telah mengubah ImageTintdari storyboard dan itu berfungsi dengan baik.

Hasil:

Swift 3 | Xcode 10

Jika Anda ingin membuat semua item bar tab dengan warna yang sama (dipilih & tidak dipilih) ...

Langkah 1

Pastikan aset gambar Anda disetel ke Render As = Templat Gambar . Ini memungkinkan mereka untuk mewarisi warna.

Langkah 2

Gunakan editor papan cerita untuk mengubah pengaturan bilah tab Anda sebagai berikut:

• Atur Bilah Tab: Warna Gambar ke warna yang Anda ingin ikon yang dipilih untuk mewarisi.
• Set Tab Bar: Bar Tint ke warna yang Anda inginkan dari tab bar.
• Atur Tampilan: Warna ke warna yang ingin Anda lihat di editor storyboard, ini tidak mempengaruhi warna ikon ketika aplikasi Anda dijalankan.

Langkah 3

Langkah 1 & 2 akan mengubah warna untuk ikon yang dipilih. Jika Anda masih ingin mengubah warna item yang tidak dipilih, Anda harus melakukannya dalam kode. Saya belum menemukan cara untuk melakukannya melalui editor storyboard.

Buat kelas pengontrol bilah tab kustom ...

//  TabBarController.swift

class TabBarController: UITabBarController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // make unselected icons white
        self.tabBar.unselectedItemTintColor = UIColor.white
    }
}

... dan tetapkan kelas khusus ke pengontrol adegan tab bar Anda.

Jika Anda mengetahui cara mengubah warna ikon yang tidak dipilih melalui editor storyboard, beri tahu saya. Terima kasih!

letakkan kode ini di viewDidLoad dari view controller yang ingin Anda ubah warnanya

[[UITabBar appearance] setSelectedImageTintColor:[UIColor whiteColor]];

Anda juga dapat mengatur warna warna bar gambar yang dipilih berdasarkan jalur kunci:

Semoga ini bisa membantu Anda !! Terima kasih

XCode 8.2, iOS 10, Swift 3: sekarang ada unselectedItemTintColoratribut untuk tabBar:

self.tabBar.unselectedItemTintColor = UIColor(red: 0/255.0, green: 200/255.0, blue: 0/255.0, alpha: 1.0)

Anda dapat mengubah warna UITabBarItem dengan storyboard tetapi jika Anda ingin mengubah warna dengan kode itu sangat mudah:

// Gunakan ini untuk mengubah warna bilah yang dipilih

   [[UITabBar appearance] setTintColor:[UIColor blueColor]];

// Ini untuk mengubah bilah yang tidak dipilih (iOS 10)

   [[UITabBar appearance] setUnselectedItemTintColor:[UIColor yellowColor]];

// Dan baris ini untuk mengubah warna semua tabbar

   [[UITabBar appearance] setBarTintColor:[UIColor whiteColor]];

Entah bagaimana kami tidak dapat mengubah warna warna Tab Bar item yang dipilih menggunakan storyboard saja, maka saya menambahkan kode di bawah ini di ViewDidLoad saya, semoga ini membantu.

[[UITabBar appearance] setTintColor:[UIColor whiteColor]]; 

Tambahkan kode ini di fungsi delegasi aplikasi -did_finish_launching_with_options Anda

UITabBar.appearance().tintColor = UIColor( red: CGFloat(255/255.0), green: CGFloat(99/255.0), blue: CGFloat(95/255.0), alpha: CGFloat(1.0) )

menempatkan RGB dari warna yang diperlukan

Ini adalah solusi di Swift 3 yang berfungsi di iOS 10:

Pertama, Anda membuat subkelas pengontrol tab bar dan menambahkannya ke pengontrol tab di storyboard Anda. Dalam viewDidLoad()metode ini Anda dapat menyesuaikan tab bar. Harus dinyatakan di sini bahwa tintColoratribut tabBarmewakili warna item yang dipilih bukan warna yang tidak dipilih! Untuk mengubah warna item yang tidak dipilih, saya sarankan untuk mengulang setiap item dan menggunakan warna asli dari gambar Anda, sehingga mereka tidak diterjemahkan sebagai abu-abu secara otomatis.

class CustomTabBarVC: UITabBarController
{
    override func viewDidLoad()
    {
        super.viewDidLoad()

        self.tabBar.tintColor = AppColor.normalRed
        self.tabBar.barTintColor = .white
        self.tabBar.isTranslucent = true

        if let items = self.tabBar.items
        {
            for item in items
            {
                if let image = item.image
                {
                    item.image = image.withRenderingMode( .alwaysOriginal )
                }
            }
        }
    }
}

Satu-satunya downside dengan pendekatan ini adalah bahwa gambar item Anda harus sudah memiliki warna yang Anda inginkan.

Cara terbaik ini adalah dengan mengubah Image Tintstoryboard

Anda dapat mensubklasifikasikan UITabBarController, dan menggantikannya dengan itu di storyboard. Dalam viewDidLoadimplementasi panggilan subclass Anda ini:

[self.tabBar setTintColor:[UIColor greenColor]];