'Any pull down or drop down menu for iOS?

In my iOS app, I need to use pull down or drop down menu. I do not want to use action sheet or picker view.

Is there any pull down or drop down menu for iOS?

Thanks.

iphoneiosipad


Solution 1:[1]

You may want to check the PullableView view discussed here

This is a sample image with a pullable view from the top, bottom, and left side. The one at the bottom is open already.

sample app

Solution 2:[2]

I don't agree that a dropdown list is necessarily bad on the iPad. The Apple picker is horrendous. But it all really depends on they type and amount of data that needs to be displayed.

I just found this dropdown list and it looks/performs pretty well: http://blog.lemberg.co.uk/iphone-development/custom-dropdown-list/

Solution 3:[3]

iOS 14+

Pull-down menus have been introduced in iOS 14. After iOS 15 they were renamed as pull-down buttons.

Here is a link to the guidelines: https://developer.apple.com/design/human-interface-guidelines/ios/controls/buttons/#pull-down-buttons

To create a simple pull down menu from a navigation bar, add a bar bottom item either in code or the storyboard, then call this in viewDidLoad to create a simple menu:

func setupMenu() {
    let add = UIAction(title: "Add", image: UIImage(systemName: "plus")) { (action) in
        print("Add")
    }
    let edit = UIAction(title: "Edit", image: UIImage(systemName: "pencil")) { (action) in
        print("Edit")
    }
    let delete = UIAction(title: "Delete", image: UIImage(systemName: "minus"), attributes: .destructive) { (action) in
        print("Delete")
    }
 
    let menu = UIMenu(title: "Menu", children: [add, edit, delete])
    barItem.menu = menu
}

You can find more details in this guide: https://www.appcoda.com/colorpicker-datepicker/

Solution 4:[4]

I don't really see what the big deal is with using a "drop down" as long as it is big enough to use. I made one that uses a table view, it is much faster, easier to use, and less visually abusive than the default picker. Every time I see one of those default pickers it makes me cringe, they look horrible and they take too long to use. It really doesn't take a lot of code, I'm not sure why more people don't use them.

Basically what you do is make a button that looks like a drop down, and then have it activate and slide in a table view when the button is activated. Implement the regular delegate methods as normal to handle item selection, then slide it back out again.

Just make sure to put the table view in front of everything else so it is not clipped or hidden by other elements.

It does depend on what you are picking though, there are still places where I'm not sure how I would avoid the use of a picker.

Solution 5:[5]

The action sheet is basically a drop down list if you think about it. And if you keep adding buttons to a UIActionSheet it ends up turning into a table. So just have your button call a UIActionSheet.

Try adding 7 or more buttons to the UIActionSheet and watch it turn into a list. Its convenient. This photo can be useful to demo what i mean :

enter image description here

Solution 6:[6]

Use tableview as suggestion from KartikArora and in combination of popover controller for iPad.

Solution 7:[7]

You can put a tableview in a "popover". Popover is for iPad only.

enter image description here

As I commented above, this construction is probably the best you can do on a touch screen. Think about a dropdown that requires scrolling. The default browser behavior is click once to open the menu, 2nd click does both select and close the menu.

-

But you can't have that exactly on touch devices, not without some modifications. Because touch screens don't have hover, to scroll through the list you have to either:

  • Add a scrollbar, or something else to prevent touches meant to scroll from just performing the "select and close" behavior. Scrollbars are inconsistent with standard touch screen interfaces.
  • To require some kind of press 'n hold behavior to perform the select and close behavior which is annoying, and also nonstandard. Users expect touches to select right away, not to have to hold it down.
  • OR put an OK button in the top right to dismiss the window, like Apple has done in that Popover shown above.

See all iOS controls here

Solution 8:[8]

I know I might be 9 years late to answer this, but iOS now have a pull–down menu: https://developer.apple.com/design/human-interface-guidelines/ios/controls/pull-down-menus/

Maybe you just were ahead of your time...

Solution 9:[9]

Perhaps a popover is what you want..

WYPopoverController

https://github.com/nicolaschengdev/WYPopoverController

enter image description here

enter image description here

Solution 10:[10]

No, there is no such thing within the iOS SDK but you can use table view as a dropdown liat .. for that you have to settle frame of tableview and display it like dropdown list..

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Community
Solution 2 spring
Solution 3
Solution 4 linuxfreakus
Solution 5 j2emanue
Solution 6 user523234
Solution 7
Solution 8 David
Solution 9 keithics
Solution 10 Kartik

Related Questions