Does anyone know the default colour (in rgb) of the iPad navigationitem? I am building an universal App and want the navbars to be of the same colour.
I'm a bit late, but why don't you launch your app on a simulator and screenshot it? Then you could get the color from the image. Here's a gray color I get with my simulator:
R: 113 G: 120 B: 128
HEX: #717880
Related
The following is the UIImageView, using SFSymbol face.smiling
UIImageView background is pink color
UIImageView tint is black color
When I switch my app to dark mode, the smiling face which use to be transparent color, has became solid black color.
The face line (eye, mouth, face border) used to be solid black color, had became transparent color.
I would like to avoid such outcome. Is there a way, to force UIImageView load SFSymbol in light mode, even though the entire app is using dark mode?
Here's the the testing looks like - https://www.youtube.com/watch?v=Rhf9nn5vdK4 (This happens same when I test using real device and simulator)
Thanks.
Same issue here, but managed to easily fix it with the following:
iconImage: .init(systemName: colorScheme == .light ? "face.smiling" : "face.smiling.fill"),
In iOS 11 when user taps on app icon it shows a black colour, in system apps it doesn't happen even i've noticed this in other apps from different developers it doesn't happen. I'm attaching a screenshot.
Same problem was cause in my app.
I think your app icon shape is not square.
https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/
This link says
Attribute -> value
Format -> PNG
Color Space -> sRGB or P3
Layers -> Flattened with no transparency
Resolution -> Varies.
Shape -> Square with no rounded corners
App Icon Shape should be square with no rounded corners.
So please try to change your app icon's shape if your app icon's shape is not square.
I have following images:
Original PNG
Load in iOS App
As seen, left side icon color works perfectly, but for right side icon, why iOS load different color? It applies on both iOS simulator and device. Is it wrong setting when saving the PNG in Photoshop?
And I don't have any code to change the color or tint.
It is not related to iOS code, since it also occured on Android.
The solution is, we need to use the actual bit depth. I use 8 bit depth (automatically by Photoshop) while actually the icon uses 16 bit depth when editing the icon.
Here is the problem. I use UIColor to some views and I used colour meter to compare colour in simulator with colour in an image, they are the same. This simulator is running on iMac.
Now I have another macbook air running same code, but the colour is different from that original image. And I can see it is different from the simulator on iMac.
EDIT:
DigitalColor Meter gave me the same value for both simulator, but the value for original image is different.
I am facing the problem with the App Icon on the iOS 7 Device, the Problem is : I am getting a black border on the top corner of the icon. The Icon size & Name i used is:
Size : 120 X 120 pixels
Name : Icon-60#2x.png
(Sorry, I can't post the screen shot/Image here as i need 10 reputation points to post an image. Hope you guys understands)
Please help me.
Thanks in Advance !
EDIT:
iOS HIG guidelines suggest,
Avoid transparency. An app icon should be opaque. If the icon’s boundaries are smaller than the recommended sizes—or you use transparency to create “see-through” areas—the resulting icon can appear to float on a black background, which tends to look especially unattractive on the beautiful wallpapers that users choose.
Check if there is any transparency present in the icon, if yes, please remove it.
You should avoid rounded corner icon, because Apple applies masks to your icon image for this. Provide a sqaure-ish icon of dimensions 120x120 pixels.
Hope that helps!
For iPhone and iPod touch, both of these sizes are required:
120 x 120 pixels
60 x 60 pixels (standard resolution)
Reference by apple doc
I've faced same issue like this. I'd provided image with rounded corner. When I provide flat image with this size, I'll see correct icon. Seems to be silly. But It has work.
Please try these steps
STEP 1:Remove the transparency of app icon.
STEP 2:Add square images. Images with rounded corners also make this issue