UIBar iOS 7 nút quay lại màu mũi tên

Tôi đang cố gắng thay đổi mũi tên nút quay lại

Tôi hiện đang sử dụng cách sau để kiểm soát kích thước văn bản cũng như màu văn bản ở nút quay lại:

[[UIBarButtonItem appearance] setTitleTextAttributes:
  [NSDictionary dictionaryWithObjectsAndKeys:
    [UIColor whiteColor], UITextAttributeTextColor,
    [UIFont boldSystemFontOfSize:16.0f], UITextAttributeFont,
    [UIColor darkGrayColor], UITextAttributeTextShadowColor,
    [NSValue valueWithCGSize:CGSizeMake(0.0, -1.0)], UITextAttributeTextShadowOffset,
  nil] forState:UIControlStateNormal];

Nhưng nếu tôi chỉ muốn thay đổi màu của mũi tên cho nút quay lại thì phải làm sao?

Để thay đổi màu chevron của nút quay lại cho bộ điều khiển điều hướng cụ thể *:

self.navigationController.navigationBar.tintColor = [UIColor whiteColor];

* Nếu bạn đang sử dụng một ứng dụng có nhiều hơn 1 bộ điều khiển điều hướng và bạn muốn áp dụng màu chevron này cho từng ứng dụng, bạn có thể muốn sử dụng proxy xuất hiện để đặt chevron nút quay lại cho mọi bộ điều khiển điều hướng, như sau:

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

Và để có biện pháp tốt, nhanh chóng (cảm ơn Jay Mayu trong các bình luận):

UINavigationBar.appearance().tintColor = UIColor.whiteColor()

Bạn phải đặt tintColor của toàn bộ ứng dụng.

self.window.tintColor = [UIColor redColor];

Hoặc trong Swift 3:

self.window?.tintColor = UIColor.blue

Nguồn: Hướng dẫn chuyển đổi giao diện người dùng iOS 7

Bạn có thể đặt màu trên toàn bộ thanh điều hướng của ứng dụng bằng phương thức

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:
(NSDictionary *)launchOptions{
    [[UINavigationBar appearance] setTintColor:[UIColor whiteColor]];
}

Chỉ có thể thay đổi màu của mũi tên (không phải màu của tiêu đề nút quay lại) theo cách này:

[[self.navigationController.navigationBar.subviews lastObject] setTintColor:[UIColor blackColor]];

Thanh điều hướng chứa kiểu xem phụ của loại _UINavulationBarBackIndicatorView (mục cuối cùng trong mảng xem xét) đại diện cho mũi tên.

Kết quả là thanh điều hướng với các màu khác nhau của mũi tên nút quay lại và tiêu đề nút quay lại

Nếu bạn đang sử dụng bảng phân cảnh, bạn có thể đặt màu sắc của thanh điều hướng.

Bên trong rootViewControll khởi tạo navigationContoder, tôi đặt mã này bên trong phương thức viewDidAppear của mình:

//set back button color
[[UIBarButtonItem appearanceWhenContainedIn:[UINavigationBar class], nil] setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIColor whiteColor], UITextAttributeTextColor,nil] forState:UIControlStateNormal];
//set back button arrow color
[self.navigationController.navigationBar setTintColor:[UIColor whiteColor]];

Trong iOS 6, tintColor đã tô màu nền của các thanh điều hướng, thanh tab, thanh công cụ, thanh tìm kiếm và thanh phạm vi. Để tô màu nền thanh trong iOS 7, thay vào đó, hãy sử dụng thuộc tính barTintColor.

Tài nguyên thiết kế iOS 7 Hướng dẫn chuyển đổi giao diện người dùng iOS 7

Bạn có thể đặt thuộc tintColortính trên nút (hoặc mục nút thanh) hoặc chế độ xem của trình điều khiển chế độ xem. Theo mặc định, thuộc tính sẽ kế thừa sắc độ từ chế độ xem chính, cho đến cấp cao UIWindownhất của ứng dụng của bạn.

Tôi đã phải sử dụng cả hai:

[[UIBarButtonItem appearanceWhenContainedIn:[UINavigationBar class], nil] 
                     setTitleTextAttributes:[NSDictionary 
               dictionaryWithObjectsAndKeys:[UIColor whiteColor], UITextAttributeTextColor,nil] 
                                   forState:UIControlStateNormal];

[[self.navigationController.navigationBar.subviews lastObject] setTintColor:[UIColor whiteColor]];

Và làm việc cho tôi, cảm ơn bạn cho tất cả mọi người!

UINavigationBar *nbar = self.navigationController.navigationBar;

if (floor(NSFoundationVersionNumber) > NSFoundationVersionNumber_iOS_6_1) {
   //iOS 7
   nbar.barTintColor = [UIColor blueColor]; // bar color
   //or custom color 
   //[UIColor colorWithRed:19.0/255.0 green:86.0/255.0 blue:138.0/255.0 alpha:1];

   nbar.navigationBar.translucent = NO;

   nbar.tintColor = [UIColor blueColor]; //bar button item color

} else {
   //ios 4,5,6
   nbar.tintColor = [UIColor whiteColor];
   //or custom color
   //[UIColor colorWithRed:19.0/255.0 green:86.0/255.0 blue:138.0/255.0 alpha:1];

}

Cập nhật Swift 3

navigationController?.navigationItem.rightBarButtonItem?.tintColor = UIColor.yellow
navigationController?.navigationBar.tintColor = UIColor.red
navigationController?.navigationBar.barTintColor = UIColor.gray
navigationController?.navigationBar.titleTextAttributes =  [NSForegroundColorAttributeName: UIColor.blue]

Kết quả:

Chỉ cần thay đổi NavigationBarmàu bạn có thể đặt màu sắc như bên dưới.

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

Trong trường hợp bạn đang thực hiện nút quay lại tùy chỉnh dựa trên UIButton bằng hình ảnh của mũi tên, đây là đoạn mã lớp con. Sử dụng nó, bạn có thể tạo nút trong mã hoặc chỉ định lớp trong Trình tạo giao diện cho bất kỳ UIButton nào. Back Arrow Image sẽ được thêm tự động và tô màu bằng màu văn bản.

@interface UIImage (TintColor)

- (UIImage *)imageWithOverlayColor:(UIColor *)color;

@end


@implementation UIImage (TintColor)

- (UIImage *)imageWithOverlayColor:(UIColor *)color
{
    CGRect rect = CGRectMake(0.0f, 0.0f, self.size.width, self.size.height);

    if (UIGraphicsBeginImageContextWithOptions) {
        CGFloat imageScale = 1.0f;
        if ([self respondsToSelector:@selector(scale)])
            imageScale = self.scale;
        UIGraphicsBeginImageContextWithOptions(self.size, NO, imageScale);
    }
    else {
        UIGraphicsBeginImageContext(self.size);
    }

    [self drawInRect:rect];

    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetBlendMode(context, kCGBlendModeSourceIn);

    CGContextSetFillColorWithColor(context, color.CGColor);
    CGContextFillRect(context, rect);

    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return image;
}

@end




#import "iOS7backButton.h"

@implementation iOS7BackButton

-(void)awakeFromNib
{
    [super awakeFromNib];

    BOOL is6=([[[UIDevice currentDevice] systemVersion] floatValue] <7);
    UIImage *backBtnImage = [[UIImage imageNamed:@"backArrow"] imageWithOverlayColor:self.titleLabel.textColor];
    [self setImage:backBtnImage forState:UIControlStateNormal];
    [self setTitleEdgeInsets:UIEdgeInsetsMake(0, 5, 0, 0)];
    [self setImageEdgeInsets:UIEdgeInsetsMake(0, is6?0:-10, 0, 0)];


}


+ (UIButton*) buttonWithTitle:(NSString*)btnTitle andTintColor:(UIColor*)color {
    BOOL is6=([[[UIDevice currentDevice] systemVersion] floatValue] <7);
    UIButton *backBtn=[[UIButton alloc] initWithFrame:CGRectMake(0, 0, 60, 30)];
    UIImage *backBtnImage = [[UIImage imageNamed:@"backArrow"] imageWithOverlayColor:color];
    [backBtn setImage:backBtnImage forState:UIControlStateNormal];
    [backBtn setTitleEdgeInsets:UIEdgeInsetsMake(0, is6?5:-5, 0, 0)];
    [backBtn setImageEdgeInsets:UIEdgeInsetsMake(0, is6?0:-10, 0, 0)];
    [backBtn setTitle:btnTitle forState:UIControlStateNormal];
    [backBtn setTitleColor:color /*#007aff*/ forState:UIControlStateNormal];

    return backBtn;
}

@end

Nếu bạn chỉ muốn thay đổi Mũi tên Quay lại NHƯNG trên toàn bộ ứng dụng, hãy làm điều này:

[[NSClassFromString(@"_UINavigationBarBackIndicatorView") appearance] 
  setTintColor:[UIColor colorWithHexString: @"#f00000"]];

Trong iOS 7, bạn có thể đặt dòng mã sau vào application:didFinishLaunchingWithOptions:trong AppDelegate.mtệp của mình :

[[UINavigationBar appearance] setTintColor:myColor];

Đặt myColorthành màu bạn muốn nút quay lại trong toàn bộ ứng dụng. Không cần phải đặt nó trong mỗi tập tin.

Swift 2.0: Nút điều hướng màu & nút

navigationController?.navigationBar.barTintColor = UIColor.blueColor()
navigationController?.navigationBar.tintColor = UIColor.whiteColor()
navigationController!.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.whiteColor()]

Trong swift 3, để thay đổi màu mũi tên của nút quay lại UIBarButton

self.navigationController?.navigationBar.tintColor = UIColor.black