I have an issue with iPhone 4 adding some yellow stripes to an element with a white to grey gradient.
I have attached an image to show what it renders like on the iPhone.
It's not happening on previous versions of the iPhone or android phones.
Does anyone have any idea's as to why this might be happening?
what are the dimensions of the image? I ran across a similair issue before, and I had to play with the image width a bit to get it to scale properly.
I fixed my issue using this: Alpha transparent PNGs not displaying correctly in Mobile Safari
Hope it fixes your issue too!
Related
I have no idea if it was something I did, or some update. But I've been programming an app that used the dimensions of pre-iPhone 5 devices, and the other day I noticed that my app started utilizing the entire screen instead of giving me the black bands I was getting before.
I thought it was because I imported a background image with the dimensions of an iPhone 5, and I assumed there was some black magic/dimension recognition going on, but I checked older versions of my code in my git repo and they all see to be utilizing the full screen dimensions as well.
Can anyone help me shed some light on this matter?
Yes, to define the app "supports" iPhone 5 layout, add a launch image of iPhone 5 dimension , i.e. Default#2x-568h.png
I recently upgraded to an iPhone retina display i.e., iPhone 5 and I am executing sample parallax background images; these images are positioned adjacent to each other in order to achieve endless scrolling... on the retina display i am witnessing a gap between the images and i am not seeing this gap when executing on the iPhone 4. I read somewhere that KOBOLD 2.0.4 resolves this issue but it's unclear if i'm missing some instructions in the code to achieve this. Also, i am using the templates provided by KOBOLD 2.0.4.
Thanks in advance...
If you are repositioning images once they are off the screen to achieve the endless effect you could be using images fitting iPhone 4 screen, and repositioning them once their position is outside the screen. That would result in a gap till the image is fully out of the screen on left end(or right).
If this is your case, there are 2 ways to fix it
Use 3 images in a row instead of 2, and position the image leaving the screen behind the last one.
Make iPhone 5 screen size background images.
Created an iOS app with XCode 4.4.1 and the icon for the archived app and what is deployed to my device is distorted. It seems to be rendered wider than the allotted space and it has vertical white lines. This isn't a problem with XCode 4.5, but I can't use that yet.
Has anyone experienced this? How do I fix it?
I just changed the mode to indexed with the Generate optimum palette option and did another export and that seems to have fixed the issue.
Since updating to the latest XCode (although it may be iOS 5.1 related) I have noticed my iPhone now shows black horizontal lines between repetitions of my background image. This does not show on the simulator (normal or retina). Note my iPhone is retina.
I have tried adding a retina version of the background image but this shows the same issue (except the horizontal lines are twice as close to each other due to the resolution change). Another interesting thing is that the lines are only horizontal despite the background image being square, not sure how relevant this is?
Here is the code
self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:#"light_alu.png"]];
I also tried the code listed in this similar question to no avail.
Here is a screenshot of my game with the horizontal black lines (notice there is one right at the very top beneath the toolbar)
What is causing this to happen?
I solved the issue using the answer here. Essentially optimised PNGs cause the issue and re-saving the image without any fancy compression will fix it.
So, I was creating an application for iOS with Xcode 4.2.1, I don't know why all of my icons are blurry, they are in high definition, but for some reason they looks blurry and in a bad quality.
even the background images looks bad..
Please help me, what can I do about it?
This is the original button image:
This is how it looks on the application:
Make sure you saved the high-resolution images with the ending #2x.png, if they aren't they won't work. Also remember that the images needs to be twice the size of the pixles on the screen, that means a 50px x 50px-button will need a 100px x 100px-#2x-file.
Read more about retina icons in the iOS Documentation here.
You should round the origin of each image. If you place image with coordinate like (250.34, 340.21) you get blurry effect.
This is very likely to happen when you use automatic position calculation as well as center property to place your views/images.
In the simulator, use the new Debug menu to check whether your images are misaligned. If they are, use NSRectIntegral to fix their frames.