This question already has answers here:
Closed 10 years ago.
Possible Duplicate:
Android facebook style slide
Recently Facebook released a new version of its Android application that features an improved navigation. One main new feature is the new menu (that already existed on the iOS version):
By clicking on the home button of the Action Bar, this menu slides from left to right, hiding the main activity that is no longer accessible.
How do you think this menu has been made? Do you think they have just played with the SlidingDrawer or is it something else like a ViewPager?
Thanks!
EDIT
There is no way that it could be one of the two (ViewPager or SlidingDrawer). It's not the menu that slides in, it's the main screen that moves away leaving only a tiny part of it on the screen. It's like if the menu was already behind that main screen and that it just got uncovered. And second thing, we can actually still interact with that main screen (otherwise I would have assumed that they took a screenshot in order to cut a tiny part of it to compose that view).
Almost everything except the photo taking parts is inside a WebView in the new FB app. I could not find any native Android UI controls in the stream or the lists.
Making the same effect using Javascript/HTML/CSS should be quite easy I feel.
Decompiling the apk would give a better idea.
I was looking for implementing the same thing and I came up with a solution that is good enough (or maybe is really near what they have done).
So what I did was a single FrameLayout with both of the Layouts stacked together and then I just animate the top layout to slide to the right of the screen (just need to call the slideTo or scrollBy. And basically it's that! Quite simple and effective!
EDIT:
I've answered to a similar question here with some code samples, enjoy =): Click here
You can build this application style using javascript, HTML5 and CSS3 like it shows this little library "jbackbone-mobile", https://github.com/mjromper/jbackbone-mobile
and see this demo from any browser (device or desktop) http://lab.ochio.com.es/jbackbone/index.html
Related
I'm currently developing a windows app with flutter. I experienced that the default mouse cursor changes when hovering over a button that is clickable or shows an "forbidden" sign if a button is deactivated. This does not feel right for me and I think in most Windows programs there is just the standard cursor.
I know about the MouseRegion class where I can set the cursor for one button. Is there a way to change the cursor globally for the entire application?
In my opinion, overall, the cursor topic is still in progress for Flutter. We have been developing a Desktop application for almost two years now and I can definitely tell that, there is a progress but still it is a problem.
What we do most of the time is to create our own buttons and arrange all of them together.
However, to answer your question :) Assuming that you are using new material buttons on the latest Flutter version, in the new Material Buttons shared here. You can see that, ButtonStyle class has a field called final MaterialStateProperty<MouseCursor> mouseCursor; which is the mouseCursor that you can use for your own buttons.
I am new to flutter and I have created an Todo app, for that I want to add a quick guide once the the users opens the app for the first time after installation.
I have seen something like that in the ICICI mobile app, there once you installed it will give a you a quick tour about what all option you will get with a pointing arrow, below that its description and a next button, I want to do similar to that in my flutter application.
Can anyone who had implemented the same, or know about it , can you share the same.
Thanks
Here is the plugin named- feature_discovery which shows the app tour guide following the material design guidelines.
It's quite simple what all you need ::
Whole screen image including pointing arrow.
Your Button to go next and previous.
Connect all screens using navigation.
That's it,
Thanks.
I am a beginner in iOS development.
I followed this tutorial https://github.com/nrlnishan/ViewPager-Swift to implement a viewPager in my application.
Then I followed https://github.com/nbyn/MWAPopup/blob/master/README.md to implement a popup in the first view of the popup.
But the popup background doesn't appear as full screen.
This screenshot may explain more my problem.
Please help me.
You are showing the popup on the wrong UIViewController. show method shows the popup inside the UIViewController that is passed in as a parameter.
Also when using someones else's GitHub code or library, always look for the number of the stars for the repository since the most quality solutions are recognized by the community, especially solutions to the popular problems like popups. Try something like this https://github.com/Orderella/PopupDialog
The menu slider that the menu is popping out from the left side of the screen is awesome.
"I was just trying to see how it can be emulated in my application.
Any one has a clue how it can be achieved?"
I want it to look exactly like on the picture, with menu items on the left.
There is a similar Android Question
You can use TabbedPane for that purpose, having left menu populated with set of Actions. However, usage of TabbedPane means you have to use Tabs.
In your case, you'll most likely have to use Actions menu which pops out from the right side as this complies with Blackberry Design Guidelines and fits your goals as I can see it from the screenshot provided better.
In my iPhone app, I must have around 9-15 different views, all available from a main menu. I started yesterday with a simple tab bar controllers, but they are only ideal with 6-7 views. Which controller can I use? Is there a nice one for my needs?
Edit: I am talking about around 9-15 menu-points for my application.
Each point is a single, categorizable function. I though about something like the Facebook app, where the app shows 2 menu-pages (slideable) and 9 icons on each page, each with another view / function in it.
look for cocoacontrols.com . i think you will find your need there .....
I think the component you are looking for(the same used in facebook app) is in the three20 library. Its called Launcher. It's like having iphone springboard inside the app. I'd go with that.
Can your views be split into categories? If so, I would suggest using the tab bar tabs as categories, and then using a table view as a menu in each tab.
You could also try using a page control, but 9-15 views seems like they would be obnoxious to navigate with a page control.
I understand that you need to have access to those "views" all the time. You can do what an iphone CNN app does. It uses horizontal scroll, where it has lot's of "views".
This is propably the most challenging part of writing an app for mobile phones. At least i find it not that easy to find the perfect user interface. Espcially if you have so much content and navigation to show.
I think the best way to solve this problem is to write your own navigation. If you want to use something similar like the facebook app - this is not so hard.
Take a UIScrollView in combination with the UIPagingControl. Create a new View for your buttons or whatever you want your user to see and put it in the scroll view. Enable paging for the UIScrollVIew and your almost done. Maybe it's not the easiest way - but in the end it's the most flexible way. You can decide what you want to show and you dont have to be dependent on what some other developer wrote.
Just a thought :)
// Edit: Just read in another question about appLauncher. This might be such a control you are looking for.
https://github.com/rigoneri/myLauncher