Android Quick Actions UI Pattern

问题:

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?

http://i48.tinypic.com/33m6hwo.png

回答1:

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.

回答2:

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 ;-)

回答3:

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.

回答4:

Take a look at my answer on a similar Question: QuickActions like the Twitter app I used this code myself...

回答5:

The Android UI Patterns app includes demos and links to repos for several Quick Action implementations:

https://play.google.com/store/apps/details?id=com.groidify.uipatterns

(I have nothing to do with the app apart from finding it useful.)