Selecting from multiple lists in iOS (iPad) - ios

I'm new to iOS developing and want to know how to make a menu (btn1,btn2,...) on which when you click on it to be taken to a list of documents (example1,example2,...) and when you on them to display a preview of the document, and the option to view it in iBooks or Pages.
Like the image below.
Thank you :)
http://i.stack.imgur.com/wEli4.png

You can make a UITableView to display various options. On selection of an option you can show them a UISplitViewController with left being a list and right side being a preview. Note that you cannot push a UISplitViewController but just add it as subview.

Related

Apple Watch Force Touch Menu

I just recently noticed it is possible to add a force touch gesture to my watch app. I've added a Menu and 3 Menu items... as seen here:
Although, when I force touch, the menu does not come up.
Do I need to do something else to get this thing working?
Tutorials suggest I do not. Thus, I turn to stackoverflow.
By default, each menu item's image is set to Custom in the attributes inspector, and without an image asset selected here a menu item won't appear at all upon a firm press. You'll have to choose one of the images that Apple provides in the attributes inspector Image dropdown menu or provide your own asset where it says No Image right below.

iOS9: Select fields in UIWebView breaking app

We are testing how our app, which contains an UIWebView, copes with the new Split View functionality for iPads. And doing so we have run into trouble with select fields.
When the user taps a select field, a popover with the available options appears. However, when the app is resized (by pulling the divider of the split view to the left or right), we see a blank screen or a select list that takes up all of the available space and which cannot be dismissed.
Any ideas?
It seems like the best solution for now would be to dismiss the popover as soon as the resize event is fired. Hopefully, Safari will soon be updated to dismiss popovers automatically, when web views are resized.
In the meantime, you can hook up a resize handler to the window:
window.addEventListener("resize", resizeHandler);
function resizeHandler() {
safari.self.hide();
}
This appears to be a bug in the popover in Safari. When I go through similar steps, the layout of the web page changes to fit the new dimensions. However, the popover is not re-positioned with the select field. The result is that it is detached from the field that presented it.
Following these steps, I was able reproduce your issue, but to a lesser extent than what you described:
With the split bar to the right of the iPad, tap on the select box.
Move the split bar to the center of the iPad.
The popover is no longer attached the to the select field.
Here's a screen shot of the detached popover:
Here's the original select field position:
The problem still exists with iOS 9.2.1 and iOS 9.3 beta 2.
You can reproduce it with every third-party browser.
An HTML Select input on iPad is not working in Slide Over or Split View 1/3 width.
https://forums.developer.apple.com/thread/23300
Currently there is no workaround possible,
expect not to use HTML select.
I have descriped details on the following side.
https://medium.com/#chemm/select-inputs-on-ipad-breaking-third-party-browsers-in-slide-over-or-split-view-1-3-952b796d70ad#.shytp1ywi

How to make an iPhone spinner?

I am creating an iphone application, where i am getting confuse. I need to show a control (displaying Online option) as i have mention in below screenshot. I have seen such type of controls in Android.
When user will press, it should display Offline and Online two options in one small pop up view. Selected option text will come on to the control field. How to implement or give me suggestion to show such type of field in iphone.
Thanks in Advance.
Check the answer here: Any pull down or drop down menu for iOS?
Personally I would make a text box with an image view to make it look like a drop down box. then on tap load a UIActionSheet for the user to select from.

iPhone/iPad UI: seeking drop-down control

My universal app has a settings page, wherein the user must choose a theme from a dozen available themes.
Problem is, if I am using a picker-view, it takes up most of the screen on an iPhone.
I think what I want is something like your standard Windows drop-down menu, where it just displays on a single line the current selection, and clicking it expands into a scrollable list of possible items. Selecting an item collapses the list back into the original form.
So my question is: What is my best method for handling this situation? Can anyone point me to pictures or code examples of how this situation is handled successfully?
EDIT:
This is the behaviour I'm looking for:
only the currently selected profile is displayed
when the user taps on this, it expands into a list
when the user selects an item (or taps outside of the view) it collapses back to its original form, now displaying the new selection
ie functionally equivalent to a dropdown.
Firstly, this question is a duplicate of:
(not much good) Picker view as subview
(same) How to make an iPhone dropdown-looking button
(better) How to create drop down list box for an iphone app
(even better) Creating a drop-down list in iPhone app
(that last one links to some handy code)
Secondly, Google image search for 'dropdown control iphone' restricting the image size to 320x480 shows how everyone is doing this.
Basically a picker view scrolls in from the bottom, the same way as the keyboard does.

How to create tabs in a ipad app that is similar a web browser tabs

I have a requirement to create a ipad app that supports tab to view content. I have created a custom splitview controller, whenever user goes to a particular section in the left section, the contents related to that will be displayed in the content view(right view). If a user selects a particular link in that content view it should open a tab and display the contents of that link in that new view. Similar to Web Browser tabs i need to handle tabs in this app. Please suggest any available open source component or any ideas to implement tabbing inside a ipad app.
You can use Three20 for your tab purpose. Also there are many open Source components available. You just need to search in google.

Resources