I'm writing a new app for android and I would like to implement also a first launch tutorial. In particular, the tutorial has to be interactive. Basically, after a user registers to the service, a minimum settings will be required.
I'd like something like today we have into Google Apps, like Sheets, Docs and so far. The exception there is that those tutorials have the aim to explain how the app works. Here I want to have something where user can input some data.
I was looking at ShowcaseView but seems to be deprecated and old in style.
So here the question is: what is the best way to implement that? ViewPager?
I also had a look to this other question, but it did not help too much.
Any advice is really appreciated.
EDIT: I have found this other nice alternative. AppIntro It seems what I was looking for. :)
There are few I found by quick searching Github:
https://github.com/Seishin/showcaseview-android
https://github.com/worker8/TourGuide
https://github.com/amlcurran/ShowcaseView
I'm pretty sure you can find the right one for you ;)
You can do it in several ways that really depends on you and your app. Basically you can create a "Boarding" experience with ViewPager that will go thru the main screen of your app (with static images for example) where you explain the user what goes on in your app. The other way way is an interactive tutorial as the user already landed into your app - you can achieve this with something like Showcase (I'm pretty sure that there are libs on GitHub that are still maintained).
I would recommend Roman Nuriks Wizard Pager code on Github as a starting point. It's not so much a library as a sample code showing you how to do what you want.
The general approach is to use a ViewPager with some form of navigation buttons to move the user forwards and backwards through the pager Fragments.
https://github.com/romannurik/Android-WizardPager
Related
Is there any way, specifically in android studio, to see what one's custom dialog would look like without actually running the application? It seems that the Design view of layouts account only for entire-screen designs. It also seems that sometimes the way the "dialog" looks in the design view is wildly different than the way they look live.
I would share some of my code, I know you guys love that, but this isn't exactly a coding question, is it?
You can use third party tools and mirrors. I think the closest you can get is by checking this out.
This is hot swapping in general and you get interactive previews but like I said it is the closest you can get. I haven't worked thoroughly with it but I think this should be what you are looking for.
The following is my instructions page for the application that is being worked upon. For now I am just display this image via the ImageView using the scaleXY property to make it pan out throughout the screen. I do know that this is a very lame approach to making a tutorials page ... So can someone please tell me how can I correctly implement this tutorials page in my application ? Thanks in advanced.
This here looks like it can help you.
You're current method works, but I think you'll find this alternative much more preferable.
The ShowcaseView library is designed to highlight and showcase specific parts of apps to the user with a distinctive and attractive overlay. This library is great for pointing out points of interest for users, gestures, or obscure but useful items.
https://github.com/Espiandev/ShowcaseView
I am developing an application for tablet which has Split screen functionality,as we see an Gmail Application. My Left layout is fixed and my right one will change as per the buttons clicked on it.
I googled a lot for the solution,I found that we need to use Fragments for performing these.
Can anyone help me in solving these things.
Thanks
You could have explored d.android.com but now I would suggest you to refer it whenever you are facing problems/issues or looking for basic help.
Now, As you want to provide split functionality kind of UI in Android, check: Building a Flexible UI and I would suggest you to learn and explore Fragments.
Yes, you got that right. Fragments is the solution here. Using Fragments is easy and it's lifecycle is similar to that of an Activity. First get an overview of what a Fragment is here. Go over some of the tutorials about the use of Fragments : here and here.
this is a working example of what you want to achieve, good luck!
https://github.com/Jachu5/Android-UIprojects/tree/master/FragmentSplitedScreen
This is a UI element that I have seen a lot lately (in the NY Times app and Grooveshark App) and I want to learn how to implement it but I can't find a guide. Does anyone know of a tutorial or guide for implementing such a thing or are these custom implementations?
if you lack the possibility to make a slidingdrawer that can go from top to bottem or left to right i can recommand http://blog.sephiroth.it/2011/03/29/widget-slidingdrawer-top-to-bottom/
Check out http://code.google.com/p/android-misc-widgets/. Get the sourcecode with samples. Might maybe be what you are looking for. (Though it is only down->up afaik)
I discovered that there is a UI element in android called SlidingDrawer that does just this. http://developer.android.com/reference/android/widget/SlidingDrawer.html
I'm interested in incorporating the Android UI pattern called "Quick Action". Basically, it's a context menu that doesn't cover up the data that is being acted on. I'd like to implement this but I cannot find some sample code or an API to help me out.
Note this UI pattern is discussed in the YouTube video, http://www.youtube.com/watch?v=M1ZBjlCRfz0#t=15m20s.
Does anyone have an implementation of this or know what Google's standard is for adding this to an application?
Till the official Twitter app is open sourced by Google, you may want to take a look at this implementation:
http://www.londatiga.net/it/how-to-create-quickaction-dialog-in-android/
Really easy to use and works great.
Interesting Question. Android uses this pattern in their Contacts-App. You can get the source using git:
git clone git://android.git.kernel.org/platform/packages/apps/Contacts.git
I did this and quickly grepped it, but I didn't get a conclusive result. I think that's done in "Contacts/src/com/android/contacts/ui/QuickContactWindow.java", but I am not completely sure.
I you google for QuickContact android, there are a lot of images that show exactly the kind of menu that you want, so it seems likely that it is indeed called QuickContact in that context.
Looking at the Documentation, I don't see any inherited classes that you could use to do this for something other than contacts.
So, a few starting points, but no solution from me ;-)
This open source project has the same look and feel for the quick actions popup as the twitter app:
http://github.com/ruqqq/WorldHeritageSite/tree/master/src/sg/ruqqq/WHSFinder
It helps to download the whole project because you need a number of drawables, images, and other resources from that project.
The main demo class is called WHSListActivity.java. The other classes you need is QuickActionWindow.java, and QuickActionItem.java.
After that, it's really easy and works great. I use it for my apps.