How to create intro sliders like Google Docs App [Img inside]? - android

In the new Google Docs Android App, the app has an intro slider view in which it shows the different steps of how to use the app - I like it and want to do something similar for my app.
Are there beautiful looking open source libraries to do this? I can think of the following approaches only:
ShowcaseView
I guess I could do it using Tabs, and adjust the look and feel accordingly.
Any other (beautiful) alternatives?

(This question is slightly old, but here goes:)
Another open source Android library that I found that does exactly this (and fairly easily) is AppIntro.
It enables creation of intro sliders that look identical to Google's more recent intro sliders:
vs
Their wiki and their readme nicely describe exactly how to use it.

You can achieve this by using ViewPager.
For each click on "next" button you can change the page in ViewPager.
http://www.edumobile.org/android/android-beginner-tutorials/view-pager-example-in-android-development/

Related

Xamarin Android Wear - Navigation

I'd like an example of a step-by-step implementation of this type of menu on Android Wear.
I can not understand the concept of this implementation
It can be in Xamarin or Java.
Documentation:
https://developer.android.com/training/wearables/ui/ui-nav-actions#java
Expectancy:
ndroid
Glad you are enjoying Xamarin!
There's multiple ways of navigating between fragments, regardless if it's a Watch. One of them is using ViewPagers. If you look into the Android documentation, you will find details of how to make it look really cool and fancy with small changes to the ViewPager code.
As far as examples to the Google Wear app that uses ViewPagers, you can take a look at this and some of the other examples of Android wear applications. Let me know if that helps. Btw, you might have more success simply implementing that code (layout/activity_main.xml, SimpleGridPagerAdapter.cs and MainActivity.cs) in your project, than making those projects works since they're old.
Since you are looking for the usage of the android.support.wear.widget.drawer.WearableDrawerLayout, you can take a look at this, particularly at the activity_main.xml. For implementing the WearableDrawerLayout, you have the following
WearableNavigationDrawerView that acts as the top navigation drawer
FrameLayout that contains your fragment
WearableActionDrawerView that acts as your bottom action drawer
PS: I noticed you are looking for Java examples too, this one seems very simple example to follow. You just have to check the Planets.java, MainActivity.java, and activity_main.xml files in that repo

App browsing page bar

Im developing an app and wanted to add some page browsing with those dots to identify your current page like the image below, can someone tell me how is that control called?
Thank you in advance
There is nothing in the Android SDK that provides this "out of the box". It is probably implemented as a LinearLayout holding ImageView widgets, though there are plenty of ways of doing it. If your intention is to use this with a ViewPager, there is an implementation of this UI in the ViewPagerIndicator library and perhaps in other open source libraries as well.
If you really want to see what that app is doing, use uiautomatorviewer to inspect the running UI of that activity and see what widgets are involved.
There is no default Android view for that.
Take a look at this:
https://github.com/JakeWharton/Android-ViewPagerIndicator

Fragment that expand over another one

I would like to have 2 fragments visible on the same screen, but one of the two can be expanded by clicking or swiping top/bottom the expandable fragment.
I've made some research and I've found this blog article . But unfortunately is written under Xamarin code template and not clearly understandable to do in Java.
I've some ideas about how to do that by clicking but for swiping bottom/top it's a little bit more complex I think.
This image explains well what I would like to do :
You would probably want to use the (open source and free as in Beer) SlidingUpPanel created (and open sourced) by umano. You can clone the project from their official git hub repository.
The 2.2 version of the Umano Android app features a sexy sliding up draggable panel for the currently playing article. This type of a panel is a common pattern also used in the Google Music app and the Rdio app. This is an open source implementation of this component that you are free to take advantage of in your apps. Umano Team <3 Open Source.
An other alternative, more customizable I think can be found here : https://github.com/6wunderkinder/android-sliding-layer-lib for those who want to stick the sliding panel to TOP/LEFT/RIGHT/BOTTOM.
Hope this help to.
Demonstration video

a moving tab in android application

I want to make a moving list appear from the left of the screen of the activity in the android app.
Something like the facebook app shown below :
,,
how can I make something like that in an android app.
Thanks.
This is a very popular UI pattern called a sliding menu / slider. You can search for open source libraries / projects which implement this for you.
Here is the first one I found on google.
This one is useful if you want to support old (pre holo) android devices too. It's an addon to the excellent holoeverywhere library.
And last but not least, take a look at this official pattern by google which also implements the same behavior. The code for creating it is available here.
The concept behind this is that you are taking a screen grab of the current activity and then loading in the menu. Your not actually sliding between activities, your moving the screen shot. Thats a very basic explanation of whats happening.
If you search for slide navigation on github I'm sure you'll find something.

android ui - is there any android wizard framework around?

I was wondering if there is any android wizard framework around which helps implementing a wizard like setup sequence. Surely it can be implemented from the ground with not too much pain (for example one discussion here) yes as this seems a quite standard need I hope there is already some support framework for this available.
Thanks buddies
martin
I can answer this - but not in the affirmative. There is nothing in the core API, neither is there anything in ActionBarSherlock, and I've failed to find anything remotely useful anywhere else.
I've ended up developing my own wizard framework on the back of ABS but at the moment its so heavily intertwined with my own app (and my other framework code) that it isn't in a state to put up as a public repo on github (which is my longer term plan).
If you decide to go your own way I recommend you start from ActionBarSherlock and use a tabbed view with fragments. Its easy to put together and the end user can use the tabs, or swiping, or buttons (if you provide them) to navigate from step to step. It may also be possible to hide the tabs if you don't want them visible (but they do give the user an idea of what is coming up which can be helpful). Have a look at the fragments sample app, specifically the "Tabs and Pager" sample. ViewPager and FragmentPagerAdaptor are your friends. You can download ABS and the samples from the Action Bar Sherlock site

Categories

Resources