Thay đổi mục thanh tab được chọn màu trong bảng phân cảnh

Tôi muốn thay đổi các mục trên thanh tab của mình thành màu hồng khi được chọn thay vì màu xanh mặc định.

Làm cách nào tôi có thể thực hiện việc này bằng trình chỉnh sửa bảng phân cảnh trong Xcode 6?

Đây là cài đặt hiện tại của tôi không hoạt động, nền màu xanh hoạt động nhưng màu hồng không hoạt động:

Thêm thuộc tính Runtime Color có tên "tintColor" từ StoryBoard. Điều này đang hoạt động ( đối với Xcode 8 trở lên ).

nếu bạn muốn màu không được chọn .. bạn cũng có thể thêm unselectedItemTintColor.

Giải pháp thanh lịch này hoạt động tuyệt vời trên SWIFT 3.0 , SWIFT 4.2 và SWIFT 5.1 :

Trên bảng phân cảnh:

1. Chọn thanh tab của bạn
2. Đặt Attibute Runtime được gọi là tintColor cho màu mong muốn của Biểu tượng được chọn trên thanh tab
3. Đặt Attibute Runtime được gọi là unselectedItemTintColor cho màu mong muốn của Biểu tượng không được chọn trên thanh tab

Chỉnh sửa: Làm việc với Xcode 8/10, cho iOS 10/12 trở lên .

Trong Swift, sử dụng xcode 7 (và phiên bản mới hơn), bạn có thể thêm phần sau vào tệp AppDelegate.swift của mình:

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

Đây là những gì phương thức hoàn chỉnh trông như thế nào:

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
}

Trong ví dụ trên, mục của tôi sẽ có màu trắng. "/5555" là cần thiết bởi vì nó mong đợi một giá trị từ 0 đến 1. Đối với màu trắng, tôi có thể chỉ sử dụng 1. Nhưng đối với màu khác, có thể bạn sẽ sử dụng các giá trị RGB.

Trên Xcode8tôi đã thay đổi ImageTinttừ bảng phân cảnh và nó hoạt động tốt.

Kết quả:

Swift 3 | Xcode 10

Nếu bạn muốn làm cho tất cả các mục trên thanh tab có cùng màu (được chọn & không được chọn) ...

Bước 1

Đảm bảo tài sản hình ảnh của bạn được thiết lập để Kết xuất dưới dạng = Hình ảnh mẫu . Điều này cho phép họ kế thừa màu sắc.

Bước 2

Sử dụng trình chỉnh sửa bảng phân cảnh để thay đổi cài đặt thanh tab của bạn như sau:

• Đặt Tab Bar: Image Tint thành màu bạn muốn biểu tượng được chọn kế thừa.
• Đặt Tab Tab: Bar Tint thành màu bạn muốn thanh tab.
• Đặt Chế độ xem: Tô màu theo màu bạn muốn thấy trong trình chỉnh sửa bảng phân cảnh, điều này không ảnh hưởng đến màu biểu tượng khi ứng dụng của bạn chạy.

Bước 3

Bước 1 & 2 sẽ thay đổi màu cho biểu tượng đã chọn. Nếu bạn vẫn muốn thay đổi màu của các mục không được chọn, bạn cần thực hiện theo mã. Tôi đã không tìm thấy một cách để làm điều đó thông qua trình soạn thảo bảng phân cảnh.

Tạo một lớp trình điều khiển thanh tab tùy chỉnh ...

//  TabBarController.swift

class TabBarController: UITabBarController {

    override func viewDidLoad() {
        super.viewDidLoad()

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

... và gán lớp tùy chỉnh cho bộ điều khiển cảnh thanh tab của bạn.

Nếu bạn tìm ra cách thay đổi màu biểu tượng không được chọn thông qua trình chỉnh sửa bảng phân cảnh, vui lòng cho tôi biết. Cảm ơn!

đặt mã này vào viewDidLoad của trình điều khiển khung nhìn mà bạn muốn thay đổi màu của

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

Bạn cũng có thể đặt màu sắc thanh hình ảnh được chọn theo đường dẫn chính:

Hy vọng điều này sẽ giúp bạn!! Cảm ơn

XCode 8.2, iOS 10, Swift 3: hiện có một unselectedItemTintColorthuộc tính cho tabBar:

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

Bạn có thể thay đổi màu sắc UITabBarItem theo bảng phân cảnh nhưng nếu bạn muốn thay đổi màu sắc bằng mã thì rất dễ dàng:

// Sử dụng cái này để thay đổi màu của thanh được chọn

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

// Điều này để thay đổi thanh không được chọn (iOS 10)

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

// Và dòng này để thay đổi màu của tất cả các thanh tab

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

Bằng cách nào đó, chúng tôi không thể thay đổi Tab Tab đã chọn mục Màu sắc bằng cách sử dụng bảng phân cảnh, do đó tôi đã thêm mã bên dưới trong ViewDidLoad của mình, hy vọng điều này sẽ giúp ích.

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

Thêm mã này vào chức năng ủy nhiệm -did_finish_launching_with_options của ứng dụng của bạn

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

Đặt RGB của màu yêu cầu

Đây là giải pháp trong Swift 3 hoạt động trong iOS 10:

Đầu tiên, bạn tạo lớp con của trình điều khiển thanh tab của riêng bạn và thêm nó vào trình điều khiển tab trong bảng phân cảnh của bạn. Trong viewDidLoad()phương thức bạn có thể tùy chỉnh thanh tab. Cần phải nói rõ ở đây rằng tintColorthuộc tính của tabBarđại diện cho màu của mục được chọn không phải là màu của những mục không được chọn! Để thay đổi màu của các mục không được chọn, tôi khuyên bạn nên lặp qua từng mục và sử dụng màu gốc của hình ảnh để chúng không tự động được hiển thị dưới dạng màu xám.

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 )
                }
            }
        }
    }
}

Nhược điểm duy nhất với phương pháp này là hình ảnh vật phẩm của bạn phải có màu sắc mong muốn mà bạn hướng tới.

Cách tốt nhất là thay đổi Image Tinttrong bảng phân cảnh

Bạn có thể phân lớp UITabBarControllervà thay thế nó bằng bảng phân cảnh. Trong viewDidLoadquá trình thực hiện của bạn, hãy gọi lớp con này:

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