Related

ios APP icon not showing correctly when having border

Hi I have app icon which has a border in it. Now the problem is that it is not displaying it correctly in the iTunes. I have also attached the screenshot of it. Please let me know what wrong am I doing. The icon being displayed is just a sample from the other app which has the same issue.The image is 512*512 rounded.
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.
You should avoid rounded corner icon, because
Hope that helps!
Or if you really want to add border by yourself then you need to follow these guidelines to add border
http://tobiasahlin.com/blog/exact-border-radius-for-ios-icons/

How to layout the UIlabel object according to design spec in iOS

I have some difficult time in creating iOS screen to match with visual design provided by design team.
The design team has provided the spacing info for each screen which shows how much space each text needs to be apart from other UI element on the screen. This is attached for your reference. You can see here that the two text labels "Activate Your Account" and "A Verification link...." are placed apart by 25px.
The same thing I am trying to achieve in the storyboard. I am attaching the storyboard screen snapshot for reference.
From this you can see that I cannot keep exactly 25px b/w the two text labels because for the following issue
The text font is custom font and I cannot load the same in storyboard. I have added the font file in the project, but when I try to open it in storyboard for UILabel, it doesn't list out. I am not sure why xcode doesn't show up. This makes me hard to resize the label's frame. If I try to decrease the empty space in the label (upper and lower part of the text), this will make label height less, but when I set the font programmatically, it doesn't fit in this small space.
When I try to increase the height of the label, the text inside the label starts displaying at the center leaving space at the top and bottom of the label frame.
So I want to know how to solve this problem. If anyone had this issues and sorted out, please let me know how to fix this.
Many Thanks
Your designers aren't speccing their designs correctly :) Show them how iOS renders text and have them spec their designs in the same way. This is what we do on the Facebook design team. I mocked up an example for you (each square is 4dp/8px).
http://i.stack.imgur.com/q4tZX.png

UIImageView Clip Subviews in code

I have been able to get the behavior I want using Xcode and the Attributes Inspector. I have also found a lot of really good information here on stackoverflow. The problem I cannot resolve is that cropping an image in code uses pixels but the rect I have is in points. Help!
This is what I am trying to do: I have an image that is full size on the iPhone. I want to capture a portion of the center of the image. But I want that portion to be the size of my rectangle.
In Xcode, I created a view with a uiimageview with the uiimageview view mode = center and Clip Subviews checked. Then, in code I set the image. Voila! My image is cropped at the center and displayed in the rectangular shaped view.
Can someone please help me do this in code? I've been trying different approaches for days....feeling pretty dumb by now.
Thank you in advance for your help.

I want to make some area of image transparent. Image is set as background of an UIButton

I have an image with irregular shape. I set it as a background image of an UIButton.
Now, I use OBShapedButton library to enable touch only where image is non-transparent. But, for some reason if I click on transparent image area, when view appears in screen, then it responds to click, whereas it should not.
I made some area of image transparent using adobe cs4 photoshop. Now, I want to try making it transparent in xcode only. May be it helps.
To have an idea of image shape I am attaching a sample image.
Does anyone know how to do that?

Load larger image on tap of small image with animation

I'm trying to load a large version of an image in the centre of the user's screen when then tap on a smaller version of the image that's already on my view.
Ideally I want to do this using an animation to get to the new image like a vertical flip.
Also if there's a way to make the background look greyed out like it's not the foreground then that would be even better.
Here's an image of what I'm after, I'm at work at the moment so haven't got access to the actual code / images.
I'm a new user so can't add pictures. Click here if you want to see what I'm thinking.
Image
There is an KGmodal Example Exist in GitHUB hope that Might Help you.
You have to Change the content view and Add an Imageview Programatically (with required size ) in the content View.
Follow the below link: https://github.com/kgn/KGModal
For Fliping the image see the tutorial iphone Flip Image.
In the end I added the larger image on to begin with and set its alpha to 0, then added a gesture recognizer on the smaller image that animated the larger one and gradually changed its alpha to 1. The did the reverse on the large image. Don't know why I didn't think of that in the first place!