20

I was wondering if there is an "official" way to create apps for Android that will have the same design as the new Android market or Google+ app. By that I mean having the possibility to slide to the left/right to change the view, have the list on the top, etc.. (any Android user probably get what I mean)

If there is no official way, do you have any tips on how to reproduce these effets ?

ThinkingStiff
  • 64,767
  • 30
  • 146
  • 239
Quentin
  • 203
  • 1
  • 2
  • 4
  • "any Android user probably get what I mean" -- nope. A tiny percentage of Android users use Google+, and only a subset of those will have the G+ app installed, and I am not among them. I just fired up the Android Market app on my Nexus S and I do not see where I can "slide to the left/right to change the view, have the list on the top, etc." You might consider writing a more detailed question, using screenshots to illustrate what it is that you seek. – CommonsWare Jul 24 '11 at 13:44
  • Sorry, I didn't realized the new Android market was not on all devices yet. I will try to be more precise next time (it's my first on StackOverflow). Thank you for your time anyway ! – Quentin Jul 24 '11 at 16:02
  • I think he is talking about something like that: http://www.androiduipatterns.com/2011/07/how-to-tell-users-that-more-content-is.html I'm also interested in creating a UI just like the new Market. I still couldn't find anything. The viewflow project seems nice but I don't know if it supports fragments which I'm using now. – Francisco Junior Aug 02 '11 at 15:25

4 Answers4

13

I believe this is what your referring to ' Android Compatibility Package '

http://developer.android.com/sdk/compatibility-library.html

This allows the following:

ViewPager: A ViewGroup that manages the layout for the child views, which the user can swipe between.

PagerAdapter: An adapter that populates the ViewPager with the views that represent each page.

These are used in the G+ app

ListFragment

is used in the Market app.

Your best reading the URL I posted at the top for full description and use.

Another way to get best practive UI is to read the source of the Google Official Apps:

Google IO Sched Source

You might also want to check out some of the Google IO Presentations:

On the web: Implementing UIs IO 2011

On your phone: All IO 2011 & 2010 Videos ( Shameless Plug :p )

Community
  • 1
  • 1
Blundell
  • 75,855
  • 30
  • 208
  • 233
2

I think you should look about the ViewPager and the PagerTabStrip. The viewpagerindicator library is too much for a small pager title bar.

With the PagerTabStrip you need only 4 lines to make this title.

biegleux
  • 13,179
  • 11
  • 45
  • 52
ChampS
  • 19
  • 1
2

https://github.com/pakerfeldt/android-viewflow

This is the best implementation of such a view. It's really great. Just like Google+ and Google Docs. with the title slides and everything.

dasfima
  • 4,841
  • 3
  • 21
  • 24
0

I was looking for exactly that and I found a library from the same guy that made ActionBarSherlock, it is an extension of viewflow (which was suggested above).

http://viewpagerindicator.com/

It supports circle indicators on bottom, tab indicators and title indicators (this is the ones that are used in android market)

shalafi
  • 3,926
  • 2
  • 23
  • 27