Creating an grid view image gallery for iOS 4 and 5. Not sure how to go about it. Please walk me through it.
Related
I am new to programming and Xcode and struggling with setting image size for iPhone 5 and iPhone 6. Apparently both iPhone 5 and 6 use the #2x image while the 6+ use the #3x image. So i can design the 6+ perfectly, however since both iPhone 5 and 6 use the same image and they have different screen size/ resolution, mu screen design is impacted.
If I design the images as per iPhone 6 size, the images appear too big on iPhone 5 and if I design them as iPhone 5 then they appear to be too small on iPhone 6. This should be simple, what am I missing?
Please help!
Instead of directly using the images you should create an entry for them in the Images.xcassets. Select it in your Project Navigator.
Then drag and drop the #3x or #2x version of your image from the images folder into the list of images in the Images.xcassets window. This will automatically generate a new entry. Then drag the other (#2x or #3x) image into its proper position. It will look like this in the end.
Once that is done you can use it in the UIImageView, or Image for a button or whatever in your Storyboard as just the name without the #2x or #3x.
Now to finally answer your question. You should handle all of the image sizes with constraints in the storyboard. So for instance if you want the same margins on either side of your image you will create constraints between the size of the UIImageView that contains your image and the edge of the Superview. This way the image will be resized for each new screen.
Edited to add Be careful of the Constrain to margins check box as you want to be consistent with using it or not otherwise you will get behavior you didn't plan for. I always uncheck it and have my constraints go to the superview edge, but it doesn't matter as long as you are consistent across your App you won't get confused.
I have been working on making home screen button link images for my app to take the user to different pages. When I was finally done with making all of the custom photos (all same resolution), only two of them show up on my device/simulator and I can not for the life of me figure out why. You can view what the storyboard vs the simulator looks like here. It looks the exact same on my iPhone 4, and I adjusted all of the view controllers in my storyboard to be compatible with retina 3.5 inch only. If anyone knows whats going on, I would be more than happy to hear your feedback. Thank you.
1)just strech more that means just try to increase the width & height of your images just by pulling or streching them.
2)be sure images has correct Named
3)be sure that images are added in project
I'm working on an iphone app and want to have a page showing multiple images in multiple grids (each grid has a image that will response when a user tabs on it), like the default iphone photo gallery app would show image thumbnails.
The first thing came to my mind was tableview with customize cells. Each cell would display some buttons and each button represents an image and set the cell as non-selectable. So the user can tab the buttons (the images) but not the cell itself. But is this the best way? Is this how the built-in photo app does it?
Thanks a lot
There are several open source grid views.
AQGridView
Also previously answered here:
Previous Answer on SO
You might want to wait for iOS 6 (hint, hint).
Login to developer.apple.com and look at the WWDC 2012 Videos (i.e. What's New In Cocoa Touch).
I am in the middle of developing an IPhone app, the app currently takes a photo and stores the image.
I then have a set of filters that will edit the image. My goal is to have a preview of the image in a grid layout, say 3 x 4 but I am not sure how to go about it. Do I use a uitable for example?
Can someone please point me in the right direction.
Thanks
Oliver
Have you tried DTGridView?
You can use UIImageView to show your image.
hi i am new to iPhone development, what i am doing in my application is i have to disply 20 images in a grid view after 4 tips on images that will be replaced with new images how can i done this please help me
You can d this using UiTableView. Place 4 images one cell by setting frame of UiImageView and add it in cell.
you can display this images in gridview.check the tutorials like
https://github.com/AlanQuatermain/AQGridView
http://www.zubizubilabs.com/zzgridview.html