I want to create an iPhone app that uses a navigation scene similar to the one pictured in the link
Please note I do not want this to only work for iPad, I want it to work for iPhone exactly as pictured, when you click on a tableview item it hides the tableview and makes that view full screen. I want ideas on how to do this because I cannot figure it out myself.
Thanks
Facebook guys have done brilliant job in the new version of the app. The similar open source code can be found from here - JTRevealSidebarDemo. Please note that as of June 2014, this project has been discontinued, so you'll probably have better luck with a project from the list below.
It reveals technique behind doing split view for iPhone.
Some other open source code:
JWSlideMenu
DDMenuController
PKRevealController
ViewDeck
ECSlidingViewController
MWFSlideNavigationViewController
MFSideMenu
SASlideMenu
HHTabListController
MTSlideViewController
MTStackViewController
MMDrawerController
DMSideMenuController
JVFloatingDrawer
How about projects with storyboard compatibility?
I found 1 more slide menu which is compatible with storyboards:
SASlideMenu
Another storyboard-compatible menu is
ECSlidingViewController
and
ViewDeck
from Sagar's answer. They both have storyboard examples (for the last one link is ViewDeckStoryboardExample)
For anyone else looking for an Android version, take a look at:
android fb like slideout navigation
emerging ui pattern side navigation
I realize you asked about facebook, but now that ios7 is out, and this is the defacto thread i thought id post here.
For an effect similar to the kindle app on ios7 you can use:
https://github.com/romaonthego/REFrostedViewController
If anyone else is looking for a way to implement this in MonoTouch now known as Xamarin.ios, take a look at this article I just found. monotouch slide out navigation
EDIT
I just found that they have a free component for this!
flyoutnavigation
I noticed no one listed this wonderful class... SWRevealController.
I use it with my project apps all the time. It's Easy to use and heavily documented... There are also a few examples John gives to the user to understand how it works or if you'd like to derive your project from... Hope this helps
SHSidebarControllerwith filder effect.
This might be helpful to you.. try this :)
This looks to be the best match for me.
PKRevealController
It has nice scroll effect with finger and moves back on partial drag.
https://github.com/pkluz/PKRevealController
MMDrawerController is very good option.
You can configure many things. try it once
https://github.com/mutualmobile/MMDrawerController
I've been working on a floating-style navigation drawer that I hope people will like. It's on GitHub, take a look.
Related
I have multi-selection dialog(drop-down) in Android where user selects all options applicable to him in registration page.What can be used in Iphone for the same purpose ?
And selecting a few options will unhide few textfields which is mandatory to fill.
Let me know what can be my approach.Please share any open source code links.
Thanks in advance.
No, there is no such thing within the iOS SDK and that is for a good reason - those elements are just not pretty, funky and usable well enough when acting on a touch display.
Consider using UIPickerView or UISegmentedControl instead. Maybe also have a look at Action Sheet.
Hi, how do I implement navigation button like Echofon does, especially with those icons (like Home, Messages) on the button ? I am new to iPhone development so I am really appreciated if someone can paste some code samples or point to me some tutorial.
Thanks!
That is called a tab bar view controller, and you can find a good tutorial on how to create an app using it here
Here is a great tutorial. You need to create a tab based application. It's pretty simple to implement.
All，
Thanks for answering my dumb question. I found that the Chapter 6 "Multiview applications" of "Beginning
iPhone 4 Development" gives a very good explanation of all kinds of mutiview app.
Basically you need to create Tab Based Application for it.
I'm trying to make a popup like in "Camera+" or "Tweetbot" (like this one : Tweetbot or this one Camera+). How can I do this ?
That component is generally called a Popover or a Callout. Apple provides you with an Implementation on the iPad (UIPopover) but not on the iPhone.
There are a few Libraries which attempts to solve this and creates similar popovers like the ones you've shown. With a bit of customisation you can get it to look like this ones you've linked. Below is a list of the ones i've found so far:
WEPopover
CMPopTipView
PopupView
There's similar question here: iPhone popup menu like iPad popover?.
There is a solution. It's called WEPopover and you can download it from github.
For ipad use the popover control:
http://www.matthewcasey.co.uk/2010/04/07/tutorial-introduction-to-pop-over-control-on-ipad-part-1/
http://developer.apple.com/library/ios/#featuredarticles/ViewControllerPGforiPhoneOS/iPadControllers/iPadControllers.html
http://developer.apple.com/library/ios/#documentation/UIKit/Reference/UIPopoverController_class/Reference/Reference.html
I am writing an app and I want to show the login screen just like in iPhone where you have to enter 4 digit code to login. What's the best way to do this? Is there a UIView that comes with the SDK or will i have to design my own keyboard
Thanks
CocoaControls is an excellent site to browse Cocoa & Cocoa Touch custom UI components:
http://cocoacontrols.com/
You can use PINView: http://cocoacontrols.com/platforms/ios/controls/pinview
Or KVPasscodeViewController: http://cocoacontrols.com/platforms/ios/controls/kvpasscodeviewcontroller
Or JSLockScreen: http://cocoacontrols.com/platforms/ios/controls/jslockscreen
Previously answered at steps / idea for a Iphone passcode like custom interface for Application: this option from that question looks promising (see https://github.com/vikingosegundo/KeyPad).
You can use this latest source code to do so. URL is https://github.com/abury/ABPadLockScreen
Hopes this will help you.
Here is a screenshot of the Arsenal Football Club iPhone app : here.
Can you see the little pop-up used to highlight the next match ?
Well, do you have any idea how they did it ?
Thanks !
iDevRecipes just came out with a post on something just like this. Check it out, it should answer your question. http://idevrecipes.com/2011/03/08/how-does-the-instagram-iphone-app-implement-a-custom-tab-bar-notification/
This article might help: How does the Instagram iPhone app implement a custom tab bar notification?