Images displaying different on Iphone - ios

I have a simple responsive landing page that is displaying a .png image like this:
It looks like this on other devices and destop:
I tried to re-slice the image out in Photoshop, but It still displays the same way. I have no clue where to go next to try and correct this issue.
Here is the image I am currently using:

Related

Is it common for app icons to not fill the entire area in xcode? (image included)

I'm watching a tutorial, and this guys icons look like this:
Mine look this this:
I can't figure out what I'm doing wrong. The icon does show up correctly for the app, so that's good. But I'm still concerned about the visual discrepancy between my screen and my sensei's screen.
It's hard to see, but his fill up the entire "empty image" area, where mine are super small.
In my case, this had to do with the PNG's resolution. I had 300, his was 96.

Show attached image on top of SLComposeViewController

When adding an image to SLComposeViewController, the image is shown to the right in the SLComposeViewController view. However it's shown below (as in layer below) another default image looking like a compass. On top of that is a clip. What is this compass image? I'd like to show the attached image on top. Would be nice instead of that grey thing.
The attached image is the white image below the compass.
I think I got it.
The compass means you also attached a URL to the social posting.
The order of the image and the compass is determined by the way you add that stuff to the SLComposeViewController itself. I was adding the URL first, then the image. Just change the order, and the things clipped to the posting will also change order. The first added item will show on top as it seems.
This is also true for TWTweetComposeViewController in iOS 5.
It seems the above works for Twitter. Facebook never shows any attached image...?
Edit: As for Facebook - As the Safari icon means "URL", I was able to show a thumbnail of the attached image by removing addURL: alltogether. It's weird. If you don't add a URL, you have the thumbnail of the image. You can even change the album # Facebook in which the image will be posted. If you add a URL, you ONLY get that Safari icon. Weird.

Ipad Mirroring - How to mirror a different view?

I don't know if "mirroring" is the correct term for this, but I have an Ipad app that takes pictures and keeps them in core data. I've googled around but I can't find code for what I need.
What I want is for the TV to show an image different the iPad. For example, if I don't take any pictures, the TV shows saved images on the screen. When I take a new picture that stops and it shows the new picture.
I find what I wanted in the reference guide.
http://developer.apple.com/library/ios/#documentation/AudioVideo/Conceptual/AirPlayGuide/EnrichYourAppforAirPlay/EnrichYourAppforAirPlay.html%23//apple_ref/doc/uid/TP40011045-CH6-DontLinkElementID_3

Load retina (high quality) images programmatically (on buttons)

I have a problem that I just haven't been able to figure out. I have an app done that will take a picture from the front and one from the back camera, then merge them together.
The name of the app is GroupCam
However I have an issue in where my UIButtons will not be loaded as retina images from the start. If i set them as #2x on the interface builder they do appear in high quality but once I reload them programmatically the low versions will appear instead.
This is due to the fact that, after a picture is taken and the screen changes the button images change, but when the user presses the back button the camera icons will look horrible (because the low quality versions are being loaded).
Please check the following pictures:
First Screen: Only the upper right button appears distorted because I am checking the value of the camera flash and "loading" the corresponding image programatically.
Second Screen: The user has moved to another screen and came back to the first one, all buttons were reloaded and they now all look distorted.
Why is this happening?
Edit:
This is how I load the images.
[self.flashButton setImage:[UIImage imageNamed:#"flashOff"]
forState:UIControlStateNormal];
I read somewhere on the internet that doing this will automatically load the most suitable version of the image.
I also tried this but the result is the same:
[self.takeButton setImage:[UIImage imageNamed:#"takePhoto.png"] forState:UIControlStateNormal];
First off, its probably worth verifying that the low-res versions are actually being displayed. I had jumped to a similar assumption recently, swapped out the low-res version of the image with something different, and confirmed that the hi-res version was actually still being displayed, but was being distorted.
My actual problem, I had set
<uibutton_superview>.layer.shouldRasterize = YES;
If any of the buttons ancestors have this set, it could likely be your problem.
If your app is taking a picture from the front camera and one from the back camera and merging them together, then the device requires a front facing camera. All iOS devices which have front facing cameras also have retina display's (so long as your not developing for the iPad 2, but that's a different story) so you shouldn't really have to have normal images at all, so all your images should be retina images. If there are no normal images, then this issue shouldn't happen at all. Make a backup copy, and try deleting all the normal images, and then try. Because your using the UIImage imageNamed:#"ImageName", like you said, should automatically select the image! Good Luck!
The case of the filenames of the images does not matter on the simulator, but does on the device.
Use all consistent case. Image.png and image#2x.png are recognized and will work together in simulator but not on device. use image.png and image#2x.png. Or you can also use .jpg as long as case is matching.

Getting yellow UIBarButtonItem button like Photos app?

I'm currently working on an UI to crop an image inside my app, and I'd like it to feel as native as possible. I looked to the iPad's built in Photos app for some ideas, and noticed that when you crop an image, instead of a blue "Done" button, it has a yellow tinted button that has "Crop" on it, like so:
Does anyone know how to replicate this? I recall that the UIKit framework had a bunch of artwork stored inside of it in some custom file format and an iOS app existed that was able to read this and save you the individual PNGs, but I do not remember what this app is called. Conveniently enough for me, the thing I remember is that this yellow button graphic was among those contained. Anyone got any ideas how I can replicate the button nevertheless?
(Although if anyone knows that utility, that'd be great.)
Try this:http://www.raywenderlich.com/4344/user-interface-customization-in-ios-5

Resources