Black lines around icon IOS - ios

I am having this strange problem. I have added icons of sizes 120*120, 58*58, 80*80. This is what I usually add as icon for all my iPhone apps. And there is no rounded corner in the design. But, when i run the app on iPhone4(IOS7), the icon shows a strange black line on all four edges(not on the rounded corners). I have cross checked the dimensions and confirmed it is all ok. I even tried migrating my app to asset catalogues, tried hard reseting the device but nothing helped. Then I tried running the same app on an iPad(running IOS8) and I found a similar issue, just that the lines now appear on two sides, not all. All other icons are ok. The problem just happens for this one app. Can anyone tell me what might be the probable issue and how to resolve it?

The icons might have transparent edges. Remove the transparent edges.

In my case, it was a drop shadow attached to the icon which came along with the export. Sometimes designers add this drop shadow effect so you can better visualize the icon when designing, but if you add this to your app, you will get thin black lines around the app icon.

Related

iOS app missing splash screen, new black borders and ui glitching after visualstudio 8.10.10 and xcode 13 update

Just updated to Xcode 13 and Visualstudio Mac to 8.10.10. Since then my app:
Wont display the splash screen.
The app is cropped at top and bottom.
Ui is acting generally weird.
Now I have read old threads on similar problems and adding the Launch screen interface file base name. in the info.plist file does make the app cover the whole screen.
I have tried switching splash screens and change location. But it's just black. I don't use a storyboard for the splash and instead provide several different resolutions, which have worked fine for several years.
The UI is glitching like the loader picture, and several different ui elements where colors are provided are "cut" in the middle showing two colors when it should switch.
I have read the release notes for xcode13 but haven't found anything related that would break the whole UI.
The interface glitching and no splash screen I can't seem to find a solution for. Everything worked fine before the update.
What could be the problem? Some setting in the info.plist, a checkbox in the storyboard?
I'm still new to Xamarin and iOS development and greatly accept suggestions.
Let me know if I can clarify anything.
Thanks
iOS load glitch picture
According to your statement, you are not using a storyboard, so you need to replace the Launch Screen with a LaunchImage, then check the LaunchImage file (if it does not exist, you need to create it yourself) and add all strictly standardized pictures inside.

sections of the iOS app become black in some devices

I have an app which is currently published, this one person reported a problem with an iPhone 7 iOS 13.5.1 where he could not use it, basically the background of a table view cell is completely black where on all other devices is white, because of that and since the text is black, this person can't read anything. Also in the search field he can't see what is being typed, there, the background is white and the text which is supposed to be black is white. We actually got a screenshot which is by the way not very clear but you can see a faded version of the text in both the search field and the table view.
We also have the same model and with the same OS version installed but are not seeing the issue, for now we have only gotten report from this one person.
Has anyone experienced a similar issue that can point me to what the problem maybe?
You need to set your background color to white instead default.
"default" will set your background color in black if the device is in dark mode.
This looks to be an issue where your user has dark mode enabled, but your app appears to use a mixture of hardcoded and semantic colors.
As a quick workaround your can force your app to always use light mode by adding
<key>UIUserInterfaceStyle</key>
<string>Light</string>
to your Info.plist

iOS App Icon Looks Fine Everywhere Except Within Suggestions. Suggestions Icon Has a Black Border. Why?

The icon I'm using with my app looks fine everywhere on my iPhone X except for when it is listed within Suggestions.
At first I thought this was a cached image from when my version 1 app icon did have curved edges resulting in Xcode automatically adding the black border. I deleted the app from my phone before installing the latest version. Unfortunately, even though I am now on version 2 of my app icon which is completely square the black border still lingers within Suggestions.
What am I missing in order to remove this black border from Suggestions?
Using my version 2 app icon
no black border - good
black border - not good
Xcode icon setup

Why Xcode or iOS render my icon with ugly corners?

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.

App's icon color is always darker on the iPhone than it is on the iOS simulator or when viewing the image online

I have been trying to solve this app icon color issue all morning. I am still experiencing this after going through both of these highly recommended photoshop/iOS design articles:
http://davidmckinney.com/blog/2013/12/31/designing-iphone-apps-how-to-setup-photoshop
http://bjango.com/articles/photoshop/
Here is the problem that I am having:
When creating my app's icon, the color that I see in Photoshop is the exact same color that I see in xcode's asset catalog. It is also perfect when I run the app on the iOS simulator.
However, when I run my app on my iPhone the app icon's color is always darker.
What's weird, is if I take a screenshot of my iPhone's screen and email it to myself, the color is correct! So for some reason the color is only darker when you are actually looking at the iPhone's screen.
Pardon my ignorance, but this is the first design I have ever done for an iOS app and I don't understand why this is happening or how to fix it.
EDIT: I am now using LiveView after reading this answer: https://stackoverflow.com/a/3597221/3344977
What's funny is no matter how hard I try I cannot get the color I see on my screen to appear on my iPhone screen. It's as if this shade of Pink I'm trying to use just isn't possible to render on an iPhone display.
This is because your iPhone and Monitor screens have different color calibrations (if that's the right term)
You're going to want to setup a color profile on your computer that matches the iPhone screens as closely as possible, and use that when developing icons.
for some reason the color is only darker when you are actually looking at the iPhone's screen
Consider turning up the brightness on your iPhone. Go to Settings->Wallpapers & Brightness to adjust it.
In any case, the issue isn't that the value of the color is changing on your device, it's just that that color value is being rendered differently.
Its because the resolution of your screen is different than your iOS device try it on other device

Resources