I want to know is there any way i can show the app icon with a transparent background, for example a white circle and the area around it as transparent, thought the image har transparent canvas. But app shows black background of the circle icon.
All relies are welcomed.
Your app icon will be displayed as the same sized round-cornered square button as all the other apps -- there's no way to truly make it look like a round button, for example.
If you control the device(s) on which the app will be installed, then you can add a background to your icon that matches the wallpaper on the device. Don't forget to turn off the shine effect by setting the UIPrerenderedIcon flag in your Info.plist to YES.
Related
I've updated my iOS app to work in dark mode on iOS 13 but I am having trouble trying to get the launch screen to look good.
Currently it is a bright white screen with the app logo which looks awful in dark mode. I have tried setting the background colour of the launch screen to be a colour asset that I made with "Any Appearance" being white and "Dark Appearance" being black - but the launch screen still always shows as white.
Is there any way to get my launch screen to work properly in dark mode?
When setting up the Launch Screen storyboard, set the view "Background" color to "System Background Color". This will be white in light mode and black in dark mode. No need to use your own color asset.
I found a solution that supports earlier iOS versions as well as custom colors for each mode, dark and light, in iOS 13.
Create an image asset, set Appearances to Any, Light, Dark, and load small solid pngs with your desired colors. In this case I am using orange for light, and black for dark.
Go to your LanuchScreen.storyboard and add an image view with that image asset. Place the image behind your image logo, set Content Mode as Aspect Fill, and constrain the view to the Superview in all sides. (Make sure that your logo looks good with the two backgrounds, or set its Appearance too)
This is where I had to do a trick. For some reason, I couldn't make the back image to show up. After checking some of the comments in Launch Screen storyboard not displaying image, I added the first image in the image asset to the target bundle
The color is static in older versions of iOS, and it works well with dark and light modes in iOS 13.
I was updating my app to support new Dark Mode for iOS 13, I put "System Background Color" for the View's background in my LanuchScreen.storyboard, but surprisingly it didn't work!
The Logo image on the page was changing correctly based on Light/Dark Mode, but not the background!
I was about to apply Jose's solution, but before that, I decided to completely remove the app from my device and try again. And it worked!!
I was missing colors from my color palette in Xcode defaulty offered colors so I created my own using Color.xcassets where I created custom color set with appearences Any, Dark and set my colors.
Then I can use them in autolayout same like System Colors even in LaunchScreen
Yes Launch Screen work in dark mode, First check the background colour of your "xyz" image. if it is ok. just delete you app from device or simulator, because some time Launch Screen cached by device or simulator and you will not get the update UI on it. if you will face same problem just follow my demo app github.com/Indolia/darkmode.git
It seems that when using the Ionic Framework to develop a hybrid app for Android and iOS, the app launcher background is set to transparent somewhere which works for Android but not for iOS, which will then cause the launch background to be black, but I would like to figure out how to change the background color to white. Also the icon that I have saved in the resources folder for both Android and iOS seems to be overflowing to the edges of the launcher in iOS, so is there anyway to decrease the size of the launcher icon on the home screen only for iOS? I will add a screen shot of the app on the home screen soon.
The best way to go about doing this is to make sure transparency is off for the image going to be used as the app icon and to use makeappicon.com. You may have to play around with the size of the background either in Adobe Photoshop or determining the best size of the background by using Snipping Tool in programs with a white or colored background like in Microsoft Word and then cropping the image.
I have made square shape icon for ipad, and also ipad make icon in rounded shape automatically on app, but in my app, it shows some black background color behind the icon.
please reply me..
are you sure you are using rigt size? Check this. It would be also nice if you put an image here.
PLease tell me how can I create app icon for iOS 7 with perfect quality?
Now my two app icons have black artifacts on corners..
Original iPad desktop icon for retina 144x144px without artifacts
I also check "iOS icon is pre-rendered"
What I'am doing wrong? Why Xcode or iOS render my icon with ugly corners?
Please, help..
I generally make my icons square in the first place and then let Xcode handle the curved corners. That way you don't end up with ugly curved black lines.
Your red background is to big, when re-rendering the corners some of the red comes inside the app icon, it looks dark because it is mixed up with the blue.
Create a completely squared app icon, xcode will do the rest and it won't look screwed.
(remove the red background)
This is because your app icon's corner radius and apple's standard corner radius are mismatching. So they filling the gap with black backgound. I suggest you to make a squred icon and dont check iOS icon is pre-rendered unless there is a particular requirement. Another solution is to adjust the icon with some image editor. May be adjusting your corner radius will help you.
I have added an icon to my app. It has rounded edges and no background. The problem is that when I run an app on my device (iPhone 5) the icon has a black background behind the edges as if it wasn't transparent. Any solutions?
From the apple developer website after a quick search:
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.
https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/
Edit: Also, check the related questions before you confirm your post - Is is possible to use transparency in an iPhone app icon?
On IOS use just square icons, if you use rounder icons you will have black margin black background.