How set up editing in iOS application like contacts app - ios

My designer is giving me something that looks similar to the iPad contacts app. This doesn't seem to be standard, though. I would have thought I would have found more info on this but my searches haven't brought up much, so I apologize if I've missed it. Basically we want to have a green "+" button to add an item, expanding the cell to enter data for that item when tapped (see "add new address" cell in 1st attached image below), then in 2nd image that cell expanded with address fields.
The final question relates to what seems like standard table editing behavior, but I'm not sure how to fit into this context. For the delete icon, getting it to rotate when tapped and the "delete" button to show up in the cell. As I asked earlier, how do I get the delete icon to show up to the side of the cell rather than within it and how do I get it to show up for just certain cells and not all of them? See final screenshot below.
Any help greatly appreciated. Thanks!

Sounds complicated. Why not leverage Apple's ABPersonViewController to display and edit an Address Book contact?

Related

ios UITableview multiple select options on single cell?

Has anyone found a really good way to handle this case in UI? We have a tableview with a list of items (long list). Each item is a row and it can be either "selected" or it can be drilled into to see it's children. What we have in our design (which looks confusing to users because they are used to selecting entire cell and not specific buttons on it) is 2 buttons on the cell (checkmark button and arrow button). Has anyone found a better way of solving this from design perspective?
Thank you very much. (Current design attached below)
I believe this question belongs to the UX Stack Exchange site so I'm flagging it
That being said, have a look at Detail Disclosure Buttons. From the HIG:
When a Detail Disclosure button is present in a table row, tapping the button shows additional information. Tapping elsewhere selects the row or results in app-defined behavior.

How can I create a UIView that displays certain information based on the button that was pressed to show the view?

I am very new to swift and currently making an app for a school project. The app is supposed to show a collection of recipes. I have begun by having a scrolling grid of buttons (stackviews and scrollviews). Each recipe is supposed to connect to a specific recipe, and when clicked segue to a view that has the information for the recipe (image, ingredients, instructions, etc.). I would like to do this by creating a a basic recipe view file that has a space for an image, title, and text. Then, depending on what button was pressed, fill in the view with the correct information and display the view.
I have figured out an alternative method that I could use, but it is very bulky and tedious. I could set up views for the ~25 different recipes separately, and link them individually to each button.
I would much rather prefer the first option, but I am not quite sure if it is even possible, or if I am just really bad at using the right search terms in google. I know many other apps have similar systems set up, for example a social media profile is the same template for everyone, just has different data displayed inside of it.
Can anyone help me out? Thanks in advance.
You can use UITableView for this task and have a model array that you fill with the required data ,and for action use didSelectRowAt to find which cell is clicked send the data to the next VC

Putting a UIImageView into table cell for an RSS feed app

I need to create an app for my internship, its an rss feed reader app for a news site that I've been working on for far too long since im trying my best to learn and I need to show something to them soon. I have never made an app in my life and I was allowed to use some free open source code. I found one in swift that is just along the lines of what I need and i put in the rss feed link and it worked. The only thing is, the app doesn't have a thumbnail view preview of the articles picture on the left hand side of the articles cell in the table view navigation controller. I tried putting in a UIImageView into the cell to get it started but it wont let me do it, almost like the cell is locked with just the title and description as seen in the screenshot below:
So the table view controller in my xcode project looks something like this:
(I got that image from google but its about the same minus the fact that I have the date and time of the article under the title instead of summary)
When I try to edit the tableview cell it wont even let me put an imageview there, and when i change it to "custom" the title and summary go away. If anyone could help me to get it to look something like this with the imageview pulling the photo from the article each time it would be greatly appreciated: (Also, I can share the source code via github to view and/or download and run yourself if that would help anyone!)
Thanks
In the attribute inspector, make sure you have the Style for the UITableViewCell set to Custom.
You will need to drag in your labels as well to create your complete cell.

Want to achieve this kind of functionality in iphone app

I am having an app in which I want my view to be loaded like shown in the screen shot below.
The following view contains page control to show multiple images,buttons,labels,resizable text view and resizable text field in a single cell of table view.
There will be number of rows in a table view and rows will be generated dynamically.
Is there any cocoa control or tool which can give me functionality like this?
I have searched on cocoa control and goggled it a lot but couldn't find any matches to achieve this.
I thought of taking different views with sub viewing it didn't get much idea of how to generate it dynamically.
Please help me if someone has achieved this kind of functionality in any of their projects.
Thanks in advance.
Hint :
Divide each items in cells for single section, that means, one section for one item.
for e.g.
User photo, User name, User location and Post time in one cell.
Image gallery in another cell with page control on it.
Favourite (liked) post, comment on post and price in individual cells.
what you've to do is, create and add each item in a cell. While you're giving the height of each cell using delegate, check for conditions for which you're assigning the height. For e.g. if you've likes for the post (favourite) then only give height for that cell otherwise pass 0 (zero). Do the same for everything or as per your requirement.
For comments, you've to calculate text height, and based on that, you'll need to set height for comment cell.
References:
Here's a nice tutorial for this (not exactly) stuff. Rebuilding Instagram Feed Table View. I also googled a lot and found this, https://www.cocoacontrols.com/controls/stxdynamictableview, you may also need https://www.cocoacontrols.com/controls/mhpagingscrollview for showing image gallery.
P.S. This is not a "lunch plate" of course you've to make it for your self. Get hands on the keyboard! :)
Good luck!

change order of list in tableview by clicking on whole cell

I currently have a 'tableview' with a list of items and I have enabled an 'edit' button to go into edit mode which shows the 'reordering controls' on the right side of the screen. I have also enabled 'canMoveRowAtIndexPath' and 'moveRowAtIndexPath:toIndexPath' to allow for the user to hold and drag the reorder control on the right side to reorder the list and have the data model update.
Is there a way to enable this but allow the user to click and drag the whole cell and not only the 'reorder controller'? Essentially I want to enlarge the area of the reorder controller's function to the whole cell when tableview is in editing mode.
for anyone else who is interested, I used this guide to get it working: b2cloud
the starting code template does not work as optimally since it has nib files and I'm using Xcode5 but it still works. The important code is all in the actualy tutorial as he lists how to set the reorder control to the size of the size via inserting it as a subview.
There is a way to enable this that allow the user to click and drag the whole cell and not only the 'reorder controller'!
Please check it out: https://github.com/FlorianMielke/FMMoveTableView
This might be helpful to you, Sir :)

Resources