How to design menu kind of View IOS? - iphone

I need to design a view in which I want to create a sub view which should show like menu in Android, When we click menu button in Android mobile, an vertical view will pop up(that occupy part of its parent view) and it will get focus.. same thing I need to design in IOS. Do I need to create a view and add as subview, or Is there anything we can do other than that? Please suggest me some ideas for that..
thanks.

Add an semi-transparent UIView over your top view, on which you can place / design components as you wish, user interaction with anything below it won't be available, and you'll create the menu impression, because the user will be able to see the view below as well, even though it will be greyed out and non-usable, until you remove / hide the overlay view.

Support for menus was added in iOS 13 & more in iOS 14. See UIMenu.

Related

How to Create Slide Up From Bottom Menu With Overlay Swift

I'm building an iPhone app in Swift. I would like my users to have a menu slide up from the bottom when they tap a button on the table view. Instagram has a very good example of what I am trying to do:
You see how when the user taps the button, the menu slides up from the bottom, and the rest of the table view has a black overlay with a low alpha (it's see through)? This is what I would like to implement, but I have no idea how to do it. Do I add two views to my table view, one for the overlay, and one for the menu, and animate them to appear on the button tap? How would I get the views to "Float" above the table view? Or, do I need to add another View Controller and have it partially transition with some sort of custom segue? I'm fairly new to programming so I'm not sure how to go about this. What do I do?
Do you mean just a UIAlertController? If so, refer to https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIAlertController_class/
Here's a tutorial on using a UIAlertController:
http://nshipster.com/uialertcontroller/

Rolodex-like iOS App that Vertically Scrolls

I want to create an app that looks like a Rolodex Card wherein you'll have to scroll vertically in different views and when tapped, will go on full screen view with a close button to return to the previous view in a Rolodex-kind-of-menu. I want it to look similar to the PepperUI iOS control but instead of having it horizontally scroll, I want it scrolled vertically like in the picture below:
Any idea on how I can implement this kind of app? I'm thinking that this will only have Core Animations involved when scrolling the cards-like view controllers and zooming on a specific view when the user tapped any view in the cards.
Thanks for any input on this.
i would suggest this iCarousel by NickLockwood. Great Project. You can tweak it the way you want it, believe me. Make it vertical, and look up into its type cause it supports 11 types including like the one you want. Check it out!
Hope this helps.

Best way to show a small view/dialog over an existing screen?

All my views/pages in apps so far have been full screen UIViewControllers that i push and pop from the stack.
I see some apps create a new view/window that appears about the 1/3 the size of the full screen on an iPad, containing tables of items to select or other UI elements. They are commonly used to allow users to filter the current view they were on.
Seeing them in apps, I guess that they are just adding a UIView to there current screen and change its frame depending on where on the screen they want it to appear.
Or am I wrong? Is there another/better way to do this?
I guess you are talking about UIPopovercontroller. There are several tutorials to build the same.check this. Hope that helps you.
It's a little unclear from your question what the view looks like.
If the view is "attached" to a UI element (has a little triangular arrow connecting it to, e.g., a button) and goes away if you tap outside it, then it's a view presented from a UIPopoverController.
If the view overlays everything and dims the content behind it, is likely a model view controller presented with a presentation style of ether page sheet or form sheet.
Both are common and easy to set up. See the class documentation I have linked.
In most cases, these are probably normal modal view controllers whose modalPresentationStyle property is set to either UIModalPresentationPageSheet or UIModalPresentationFormSheet.
Yes you can make your own UIViews and just add them as subviews. Another option for iPads specifically is with the UIPopoverController class.

Can my custom tabbar be created like so for iPhone?

I have designed a custom tabbar and the developer says the design I created can't be done.
The screen is made up of a usual background with a tabbar. I'd like my tabbar to look a little different to the usual iPhone style. I would like at the bottom of the tabbar a grass illustration (transparent) and on top would sit all the separate buttons and on top of those would be the icons. All of these images (as seen in link below) are separate .png files.
When the user scrolls the content, it will scroll under the transparent grass. The buttons of course will be clickable and have a different view for an active state.
Please see the link below to see a mock-up of the image:
http://www.stuartkidd.com/dummy.jpg
I'd appreciate if the community could explain to me if this could be done and if so, how. I thought it would have something to do with 'creating a custom tabbar'.
And a further question, if it can be done, can also the tab buttons be horizontally
scrollable with a swipe action?
Thanks,
It all can be done but you are going against the Iphone UI guidelines. You won't be able to leverage the UITabbarView to do what you want so you'll basically have to write the whole thing from scratch. Your tab bar would be a scroll view with a row of buttons representing each tab. When a button is clicked you load in the appropriate view. The UITabBar controller gives you a lot of functionality for free and I suspect once you start working towards this you'll see exactly how much extra work this will end up costing you. Going against the way Apple does things can be a slippery slope.
Another idea might be to keep a hidden UITabBar to manage the tabs and call it from your custom tab bar. This would free you from a lot of the hassle of swapping views/controllers in and out.
You can create a row of custom buttons and have 2 subviews. One for the bottom navigation bar and one for the content view where you will be swapping your content based on what is pressed.
You can have a state which maintains what was clicked. Based on that you can set the button enabled state for every button in your bottom bar.
button.selected = YES
It will be easy to handle the touch up inside events and properly load appropriate views in and out of the bigger subview as they will be part of the same view controller.
I have implemented a similar functionality and it works well but still in process of submitting it to the app-store.

How can i make Twitter's row menu in iOS app?

Anybody can tell me how to make Twitter's row menu in iOS app like img below?
This menu appear when i touch down move finger to left (Touch in UITableCell of UITableView). Can i make row menu like it? Thanks :)
That is indeed just a UIView with a background image and some controls/views on it.
If you want to get a similar behavior in which you swipe over the cell to reveal that view, you could use the new iOS4 UIGestureRecognizer to look for a swipe over the cell. Once it detects a swipe you can use a view animation to slide the new view in.
Link: UIGestureRecognizer Class Reference
I found an example project make a "Swipe to Reveal Menu like Tweetie". Look at it if you want to build a Menu like Tweetie.
http://thermoglobalnuclearwar.com/opensource/
Looks like a normal view with a specific background image and some buttons laid out horizontally.