I'm looking for a way to achieve a menu kind of like the one you see in the "my songs" menu in Garageband. I've seen this menu in some other Apps (Omnigraffe, for example). I think it is a pretty common thing.
It will be for, like in the case of Garageband, a project menu, in the way that you can slide from one project to the next and when you tap one of them it zooms and opens it.
No questions on the zooming, I guess I'll have to build my own segue for that.
Is there a component for that?
If there's not, any thoughts on what would be the best way to build it?
Take a look to Nick Lockwood's carousel - https://github.com/nicklockwood/iCarousel.
Related
The goal is a simple and clean implementation to build a pop-up window similar to the search-filters from the YouTube-App, see picture. Tapping on the half-transparent border should close the pop-up. The same pop-up is supposed to be called from several screens (within nested navigation-structures) and just give back the choices to the respective screen.
I did quite some search and documentation reading, so I seem to have the following four options:
Use an Alert window and heavily modifying the alert message, but this option does not allow me to cancel by clicking on the transparent area.
Using some promising-looking component which is very beta like react-native-popupwindow is not really an option either.
Use a modal component which claims to be a simple way to present content above an enclosing view. According to How to dim a background in react native modal? and Tap outside of modal to close modal (react-native-modal)" this seems to be a possible option.
However, some people say that you should rather use Overlay and use Modal only as a last resort.
Please advice which of the solutions you tested in real life. What do you suggest? Maybe there is even an easier solution?
Related question(s) here on StackOverflow:
Transparent overlay in React Native
Modal is totally your way to go.
My personal choice would be https://github.com/react-native-community/react-native-modal which has the best performances and flexibility overall.
I have started to implement a right side menu on storyboard with autolayout, I am searching I am getting many options like:
https://github.com/SocialObjects-Software/AMSlideMenu
However I am not sure which is best way to accomplish this. What is the best option for a right side menu in my iOS7 app?
It depends on your use case. The AMSlideMenu looks pretty decent. Other options are:
SWRevealViewController:
https://github.com/John-Lluch/SWRevealViewController
ECSlidingViewController
https://github.com/ECSlidingViewController/ECSlidingViewController
Alternatively, you could write your own sliding menu. Just depends what you're looking for,
I like the above two options as they also control pan gesture speed - so menu opens / closes at the speed you swipe it.
Does anyone can open Tinder.app?
Well, the app implements a simple-but-slick animation effect when the user taps on the top-left menu icon button. The focal points of this animation are:
Status bar fades out/in based on when the left menu sidebar is opening or closing;
When the left menu sidebar is opened there's a little bounce effect of the main view controller just slide to right;
When the left menu is opened, if you try to close it you can see there's a little bounce of the main view controller that shows the right sidebar (the "All Matches" view controller).
I've just cloned ECSlidingViewController repo and played a little with it but unfortunately it seems that (out-of-the-box) it have only classic animations and not those bounce animations I said before I'm trying to achieve.
Does anyone knows how to implement something like that? Thanks.
You can find many ways to do this, you can wirte your own code to do this. But there are many free work available, which may helpful. And you will not try to reinvent the wheel.
IIViewDeckController
AppCoda
JTRevealSlidebar
SASlideMenu
JA Slide Panel
BenHall
SlideNavigationController
There are plenty more available, but above mentioned are easy to use and having demo project also.
I'd like to customize my UIToolBar, so the centered button looks something similar to the check-in foursquare button.
I've seen a commercial source code called ALToolBar, wich is similar to the effect I want on my UIToolBar. So in resume, changing the height of a button, and the background of a specific button, if that is the right way to go.
I'm pretty new to iOS, but comfortable enough to dig ideas the community can bring on.
Thanks for your help.
One approach is to just write your own Tabbar/Toolbar instead of using the built-in classes. Subclass UIView and add UIButtons for each item, which you can then customize as you wish.
The downside to this approach is, you loose the "More" functionality, that allows you to drag-and-drop items into the Tabbar, but if you just have 5 or fewer items, that's fine.
I am trying to design a feature in my application for the iPhone that simulates the Springboard feature (Main menu of the iPhone that allows you to view more apps), or the way Weather application works that allows you to flip between views.
Does anyone have any samples of this how I would go about doing this. It's seems very trivial but I am wondering if I am missing something that is already available either as an Apple example or someone who did a tutorial on this.
The image below show how the user would use it.
alt text http://www.agilitesoftware.com/SpringboardExample.png
As they slide their finger to the right (or left) the other image would begin to show up. And it would animate smoothly. The faster you swiped your finger the faster it would move to the next view.
Update: The other feature is that it should mimic the same feel when you slide your hand across the display that is snaps to the current view into place. It should not keep sliding across if there is more than 1 view to the direction you swiping your finger.
I've seen other applications use this so that is why I am asking.
This is accomplished using the UIScrollView with the pagingEnabled property set to true. Just add each of your views, adjust the contentSize, and it will automatically "page" to the width of the screen across the content.
There is a sample app (with code) with exactly this functionality on the iPhone developer site on Apple.com (I believe it's called "PageControl".) - I'd suggest checking it out.
d.
I'm writing an app that uses a similar UI. As NilObject recommended, we're using a UIScrollView with pagingEnabled=YES.
You may also be interested in this example code involving just two child views. I'm trying it out now; it's an interesting technique but I've had to write some additional special-casing code for some odd situations that resulted.
There's also another question on this site that asks about creating a grid of icons like the home screen.
I would check out Joe Hewitt's code from the Three20 project for this. It provides a nice interface and further refinement of the UIScrollView implemented as TTScrollView and TTScrollViewDelegate, TTScrollViewDataSource.