I want to make a collage application like "Pic Collage"
https://itunes.apple.com/in/app/pic-collage/id448639966?mt=8
Here I am stuck in a functionality in which we can make collage for predefined rectangular layouts.
When we select any layout the pictures on screen automatically fitted in the selected layout design and layouts are dynamic with number of pictures on the screen.
Please suggest how this functionality of creating layouts and fitting images in the layout can be implemented?
Following is link to layout that I am looking for:
1. https://www.dropbox.com/s/ge4mhx9vkyb9s2n/IMG_4914.PNG
If you going to use templates as shown in the application then you can be sure of how many grids would be needed. In that case based on the selected template you could use variations of UITableview and AQGridView. You can customize it according to requirement.
Also you could look into Collection Views.
I would have probably added multiple UIImageViews based on the templates and provide feature for addition of images by handling the touch event.
Related
My requirement is basically listing some details of an employee.
So, it is a list of 100s of employees.
The app is an iPad landscape application. The screen will look somewhat as follows.
I was thinking of a UITableView with a custom cell, that contain labels horizontally arranged on it as per my client's requirement.
But on considering the multitasking in iOS 9, I now face an issue in using this as I will not be able to maintain the same layout if the view reduce to 1/3rd or 1/2.
Now the best option I can think of is to use a UICollectionView with the labels shown as rows. That is something as follows:
I would like to get your suggestions on this and the best practises to be considered on designing a similar layout.
I'm working on an app that includes the names of users with their icons under an image. I'm currently using collection view in order to distribute the names. I'm using this approach since each cell when clicked will be holding the user object. However, I'm having some layout issues when it's used (please check attached image). The spacing is unusual. The desired output is the cells having a certain spacing limit between them and if any cell cannot fit, will be placed on the other line. I tried using the delegate methods for spacing by setting it to 5 however it's not working (the cell's size will be dynamic). Should I subclass and create my own Collection view Layout ? if there is any other approach without using collection views please let me know. Thank you.
I have 10 images and their description. I have to display it in UITableView. I want to display
those images in tile view. I am using this library. Here in the sample snap these 5 images are displaying in 2 cells. But i want that, all those images will display in just 1 cell. How can I do that?
Please Help
UICollectionView is the way to go.
UICollectionView takes the familiar patterns of UITableView and generalizes them to make any layout possible. In your case it will be fairy simple. You will use a standard built-in flow layout to place the tiles with pictures.
I am trying to repduce a similar sort of layout as in the screenshot below from the Digg app..
Notice that each list entry has a title in bold followed by the source, posted time and finally if there is enough space the start of the description line.
The question is what is the best way to achieve this in iOS? With some posts having longer titles than others I cannot simply say that the title label is 40px high and then place the Source label at 45 as the title will sometimes be longer and sometimes shorter.
Do I have to calculate the height of the label based on its contents before arranging the layout or is there some better way of doing this in iOS so that the views 'below' are automatically moved down?
Another alternative would be some sort of rich text label that I could add all the text to and have it automatically wrap round moving the later text down but I cannot find any sort of control in standard iOS / Xamarin (MonoTouch).
Any pointers would be greatly appreciated?
If you are using a storyboard the simplest way to achieve this result is to define different prototype cells. For example, you could define four different prototype cells, each one with a different layout like those shown in the example picture you provided. You can dequeue the appropriate cell based on the content you want to display so there is no need to adjust the layout in the code.
If you are doing everything in code, it's a lot more complicated since you have to build your own "layout engine" to adjust size and position of the views in your cell. You can have a look at XibFree or use MonoTouch.Dialog as suggested in the comments.
How to create a view like Photo Library view in iOS ? Like this
4 columns each row
Can scroll up/down
Can touch up to choose an image
I would suggest implementing a CollectionView and it's what Apple recommended in the WWDC videos.
The number columns can be achieving by the cell size & spacing. Do you also want only 4 columns in landscape mode and on iPad display or should it display more columns?
Scrolling is supported in collection views which there are too many images to display on screen.
Image (cell) selection is also supported by collection views.
There are plenty of good tutorials for collection views but look for the more recent ones (in the last year or two) which give examples using storyboards.
Hope this helps.