ios导航栏色彩像facebook app

Joh*_*tty 4 facebook uinavigationbar ios ios7

我需要像facebook的导航栏一样的导航栏色调(在iOS 7中)

我选择了facebook App的颜色并设置了它

[[UINavigationBar appearance] setBarTintColor:[UIColor colorWithHexString:@"#365491"]];
Run Code Online (Sandbox Code Playgroud)

但显示wron颜色.颜色是正确的.我通过将其设置为普通视图的背景来测试该颜色.

上面代码的结果是 在此输入图像描述

但我需要这样的在此输入图像描述

此外,当我尝试通过设置相同颜色的视图背景时 在此输入图像描述

如何重现像facebook这样的导航栏.

Bha*_*vin 5

iOS7,UIColor您设置的颜色与屏幕上显示的颜色不同.相反,iOSRGB稍微调整您的值并将其用作颜色.

要计算条形后面带有白色背景的颜色,您应该使用这些公式,如条形颜色计算器中所述:

从设计到UIColor:

(n - 102)/ 0.6

UIColor设计到:

(255 - n)/ 2.5 + n

其中n是R,G或B 0-255值.


因此,您使用ColorPicker或从某些类似的应用程序获得的不是您应该用于R,G和B的值.但这些是iOS从其他一些RGB值计算的值.要获得准确的值,您应该按照以下步骤操作.

  1. 使用ColorPicker为Facebook导航栏获取R,G和B的值.
  2. 使用上面公式中的这些值来计算确切的值.

    For Eg: R_fromFB = (R – 102) / 0.6 So, R = (0.6 * R_fromFB) + 102

  3. 在导航栏中使用这些R,G和B值.


例如,您可以尝试使用此颜色:

[UIColor colorWithRed:(135/255.0) green:(153/255.0) blue:(189/255.0) alpha:1]
Run Code Online (Sandbox Code Playgroud)