iOS 7 UIBar ปุ่มลูกศรย้อนกลับปุ่มสี

ฉันกำลังพยายามเปลี่ยนปุ่มลูกศรย้อนกลับ

ขณะนี้ฉันใช้สิ่งต่อไปนี้เพื่อควบคุมขนาดตัวอักษรรวมถึงสีตัวอักษรบนปุ่มย้อนกลับ:

[[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];

แต่ถ้าฉันต้องการเปลี่ยนเฉพาะสีของลูกศรสำหรับปุ่มย้อนกลับฉันควรทำอย่างไร

ในการเปลี่ยนสีปุ่มเชฟรอนสำหรับตัวควบคุมการนำทางเฉพาะ *:

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

* หากคุณใช้แอพที่มีตัวควบคุมการนำทางมากกว่า 1 ตัวและคุณต้องการให้สีแบบบั้งนี้ใช้กับแต่ละสีคุณอาจต้องการใช้พร็อกซีลักษณะที่ปรากฏเพื่อตั้งค่าปุ่มบั้งหลังสำหรับตัวควบคุมการนำทางทุกตัวดังนี้

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

และสำหรับการวัดที่ดีอย่างรวดเร็ว (ขอบคุณ Jay Mayu ในความคิดเห็น):

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

คุณต้องตั้งค่า tintColor ของแอพทั้งหมด

self.window.tintColor = [UIColor redColor];

หรือใน Swift 3:

self.window?.tintColor = UIColor.blue

ที่มา: คู่มือการเปลี่ยน iOS 7 UI

คุณสามารถตั้งค่าสีบนแถบการนำทางของแอปทั้งหมดโดยใช้วิธีการ

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

เป็นไปได้ที่จะเปลี่ยนเฉพาะสีของลูกศร (ไม่ใช่สีของชื่อปุ่มย้อนกลับ) ด้วยวิธีนี้:

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

แถบการนำทางประกอบด้วยมุมมองย่อยของประเภท _UINavigationBarBackIndicatorView (รายการสุดท้ายในอาร์เรย์ subviews) ซึ่งแสดงถึงลูกศร

ผลลัพธ์คือแถบการนำทางที่มีสีต่าง ๆ ของปุ่มลูกศรย้อนกลับและชื่อปุ่มย้อนกลับ

หากคุณใช้กระดานเรื่องราวคุณสามารถตั้งค่าแถบนำทางสีอ่อน

ภายใน rootViewController ที่เริ่มต้น navigationController ฉันใส่รหัสนี้ในวิธีการของฉัน viewAppid:

//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]];

ใน iOS 6 tintColor จะระบายสีพื้นหลังของแถบนำทางแถบแท็บแถบเครื่องมือแถบค้นหาและแถบขอบเขต ในการแต้มสีพื้นหลังของแถบใน iOS 7 ให้ใช้คุณสมบัติ barTintColor แทน

แหล่งข้อมูลการออกแบบ iOS 7 คู่มือการเปลี่ยน iOS 7 UI

คุณสามารถตั้งค่าtintColorคุณสมบัติบนปุ่ม (หรือรายการปุ่มบาร์) หรือมุมมองของตัวควบคุมมุมมอง โดยค่าเริ่มต้นคุณสมบัติจะสืบทอดสีจากมุมมองพาเรนต์จนถึงระดับสูงสุดUIWindowของแอปของคุณ

ฉันต้องใช้ทั้งสอง:

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

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

ขอบคุณสำหรับทุกคน!

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];

}

อัปเดต Swift 3

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

ผลลัพธ์:

เพียงแค่เปลี่ยนNavigationBarสีคุณสามารถตั้งค่าสีอ่อนด้านล่าง

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

ในกรณีที่คุณสร้างปุ่มย้อนกลับที่กำหนดเองตาม UIButton พร้อมภาพลูกศรนี่เป็นตัวอย่างข้อมูลย่อย ใช้มันคุณสามารถสร้างปุ่มในรหัสหรือเพียงแค่กำหนดระดับใน Interface Builder ให้กับ UIButton ใด ๆ ลูกศรย้อนกลับรูปภาพจะถูกเพิ่มโดยอัตโนมัติและสีด้วยสีข้อความ

@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

หากคุณต้องการเปลี่ยนเฉพาะลูกศรย้อนกลับ แต่ในแอพทั้งหมดให้ทำดังนี้

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

ใน iOS 7 คุณสามารถใส่รหัสต่อไปนี้application:didFinishLaunchingWithOptions:ในAppDelegate.mไฟล์ของคุณ:

[[UINavigationBar appearance] setTintColor:myColor];

ตั้งค่าmyColorเป็นสีที่คุณต้องการให้ปุ่มย้อนกลับแสดงตลอดทั้งแอพ ไม่จำเป็นต้องใส่ไว้ในทุกไฟล์

Swift 2.0:แถบสีและปุ่มนำทาง

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

ใน swift 3 เพื่อเปลี่ยนสีลูกศรปุ่ม UIBarButton ย้อนกลับ

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