How to design a add new entry screen like in the Health app? - ios

I'm creating my first app and I wanted to design an "add a new item" modal like in the health app:
Here I have three questions:
How the 3 input fields are designed that you see the hint all the time on the left and the imput on the right? Is this just one field?
Are this 3 fields usually stored in a tableView?
Is the entry for the Date a special keyboard type or a DatePicker?

That looks like a UITableView with a custom cell which has a UILabel on the left and an input field on the right. The picker is a UIDatePicker

Related

iOS UI: How to make the control that is used in alarm app?

I want to create several controls just like the ones below the date time picker in the alarm app. They look like label controls, but they have a title on the left, the currently selected data value on the right, and an arrow all the way to the right. The Snooze control does not have an arrow, but I believe it is the same control. What type of control would I use to do this?
Any samples out there for this in Swift?
Thanks in advance.
It sounds like you are talking about different styles of cells of a table view.
The first control you mentioned (label on left, selected data value on right) is simply a table view cell with the RightDetail style and Disclosure Indicator accessory view.
The control with the switch is not a default cell style so you will have to make your own custom Table View cell. There are plenty of tutorials online that show how to make your own style of Table View cells. The item on the right is just a regular Switch.

Settings view with user text input

I'm new to iOS development and trying to figure out how these in-app settings views are done where you can change your contact details and a few other settings.
My first attempt was a static table but I couldn't figure out how to override the cell content with a text input field. Is this the way to go? If yes, what's the easiest way to add a text input field to the cell that I can preset with the user data (coming from our server)?
For a static TVC, set the cell type to custom and you can drag out labels and fields as you need.

Text input pop-up for adding to tableview

I have a table view list and an add button at the top right. The user would press the button and a text field would pop up for a user to enter a string to be the label of the new item. Nothing new or special, what you'd expect from a "new playlist" type situation.
I am looking to have the small text field input that the user would type into. Most examples have the app move to a new view controller with a text field. I simply want a little box to overlay the current view that accepts a string. I cannot find/remember the name of the text box so I cannot find examples or code.
I think you are searching for something like
https://github.com/bmancini55/iOSExamples-DockedKeyboardView
Where your UITextField would be attached on the keyboard's accessory view.
OR
http://nshipster.com/uialertcontroller/
Where you use an UIALertController with an input field. I think the second one will resolve your problem more than the first one, because you are asking for a pop-up solution.
Hope it helps

How do i make a picker show up when a user selects a text field

I am new to swift and have trouble making drop down lists.
I have a story board that needs to contain about 6 questions the user needs to fill in and so far all i have working is picker views and i can only fit 2 or 3 on the screen.
What is the best way to to create a drop down lists in Swift?
For implementing drop down you can use the table view,set its hidden property YES and when user clicks on the text field change hidden property to NO.This is the easiest way to implement drop down using table view in ios.

Is there a way to create a tabbed picker in iOS? Or somehow combine numpad + picker inputs?

I'm looking for a clean way to enable two interactions within one screen.
For example:
1) User clicks on "Add Activity" button
2) User enters a number of standard units (e.g., 10 meters), and then picks an associated activity from a list (e.g., picklist of: jog, run, walk, crawl)
All I can think of right now is creating two separate entry fields - one that calls up numpad, and another that calls up the picker. Is it possible to created a tabbed numpad so that the user completes numerical entry, then just hits 'Activity Type' above the numpad and the element switches to a picker?
Appreciate any inputs!
Not with a stock keyboard. If all you need is a numpad, you ought to be able to implement a very reasonable keyboard out of a few buttons. Add a couple of "tab" buttons, and show/hide the appropriate view: keyboard or picker.

Resources