Attend XDA's Second Annual Developer Conference, XDA:DevCon 2014!
5,768,001 Members 40,181 Now Online
XDA Developers Android and Mobile Development Forum

[APP][2.1+] StandOut - Create Floating Apps [Updated 1/15: Maximize button]

Tip us?
 
pingpongboss
Old
(Last edited by pingpongboss; 26th March 2013 at 01:03 AM.) Reason: new app
#1  
pingpongboss's Avatar
Senior Member - OP
Thanks Meter 287
Posts: 517
Join Date: Apr 2010
Location: San Jose

 
DONATE TO ME
Default [APP][2.1+] StandOut - Create Floating Apps [Updated 1/15: Maximize button]

StandOut is an open source library that anyone can use to create their own floating apps.

Introduction


Instructions
  1. Make sure the requirements are installed: You need Android SDK API level 7 and the Eclipse ADT plugin http://developer.android.com/sdk/ins...lling-adt.html
  2. Download the library: git clone my repo, or download as zip at https://github.com/pingpongboss/Stan...ive/master.zip and unarchive
  3. Import the folder (created from the previous step) into Eclipse: http://stackoverflow.com/a/5450375/450396. This will create 2 projects in Eclipse for you.
  4. To start, open the StandOutExample project (created from the previous step). Edit MultiWindow.java and replace the contents of createAndAttachView(int id, FrameLayout frame) with your own views.
  5. Run the StandOutExample project to see your own floating windows on your phone or emulator.

Functionality
  • Provide your own view. Very easy to integrate
  • Window decorators (titlebar, minimize/close buttons, border, resize handle)
  • Windows are moveable and resizable. You can bring-to-front, minimize, and close
  • Minimized windows can be restored (the example APK demos this using the notification panel)
  • Create multiple types of windows, and multiple windows of each type
  • Continuously being developed. More coming.

Let me know what you think, and whether you think this could be useful.

Apps

Floating Folders and Examples by pingpongboss
Github: https://github.com/pingpongboss/StandOut

A range of simple to advanced examples of how to use StandOut to make custom apps.


ROM Toolbox Memory Manager! by JRummy Apps Inc
Play Store (Pro): https://play.google.com/store/apps/d...rty.toolboxpro
Play Store: https://play.google.com/store/apps/d...iberty.toolbox
Play Store (Standalone): https://play.google.com/store/apps/d...memory.manager

ROM Toolbox is THE MUST HAVE APP for every root user.
ROM Toolbox combines all the great root apps into one monster app with a beautiful and easy to use interface. ROM Toolbox has every tool you need to make your Android device fast and customized to your liking.
StandOut is used by the Task Manager.


utter! by brandall
XDA Forums Thread: http://forum.xda-developers.com/show....php?t=1508195
Play Store: https://play.google.com/store/apps/d...randall.nutter

utter! is a personal assistant application with as many or few functions as you choose. Developers can hook their own apps into utter! so that your voice actions are unlimited.
StandOut is used for the floating results panel.


Sidebar, Floating Stickies, and aSNAP by Mohammad Adib
Sidebar XDA Forum Post: http://forum.xda-developers.com/show...7#post38104067
Sidebar Pro Play Store: https://play.google.com/store/apps/d...d.adib.sidebar
Sidebar Lite Play Store: https://play.google.com/store/apps/d...b.sidebar.lite

Introducing Sidebar - A brilliant new way of multitasking on Android.
It's fast, functional, fluid, and customizable to your liking. Populate the sidebar with your favorite apps, and simply swipe in from the edge of the screen to gain instant access to the apps you use most. Simple - yet elegant.

Floating Stickies XDA Forums Post: http://forum.xda-developers.com/show...2#post36932212
Floating Stickies Play Store: https://play.google.com/store/apps/d...ating.stickies

Floating Sticky Notes that stay on top of all other apps! Easily dock them to the left side to keep your screen real-estate at full potential.

aSNAP XDA Forums Post: http://forum.xda-developers.com/show...&postcount=479
aSNAP Pro Play Store: https://play.google.com/store/apps/d...mad.adib.asnap
aSNAP Trial Play Store: https://play.google.com/store/apps/d...ib.asnap.trial

aSNAP - A lightweight & snappy screenshot app


Floating Youtube Popup Player! by Sud Software
Play Store: https://play.google.com/store/apps/d...ubepopupplayer

Similar to Samsung’s MultiView MultiWindow feature, this app allows continual play of a YouTube video (as a re-sizeable pop-up style window anywhere on your screen) while you’re texting, browsing the net, emailing, using other apps, or even checking maps.
StandOut is used for the floating results panel.


DarkCalc by DarkPain
XDA Forums Thread: http://forum.xda-developers.com/show....php?t=1726163
Play Store: https://play.google.com/store/apps/d...kpain.darkcalc

A 2-in-1 calculator that combines a normal calculator with floating on-screen calculators.


Tiny Apps by Carsten Drösser (wutk3ksHD)
XDA Forums Thread: http://forum.xda-developers.com/show...php?p=39548275
Play Store (Pro): https://play.google.com/store/apps/d...tools.tinyapps
Play Store (Lite): https://play.google.com/store/apps/d...s.tinyappslite

Tiny Apps is a package of 5 useful floating apps that stay on top of all other apps. All windows can be moved, resized and docked to the left side of your screen to hide and show windows quickly. Use your volumebuttons to change the transparency of each window!


XenoAmp by ssuukk
Play Store: https://play.google.com/store/apps/d...pl.qus.xenoamp

Why try another music player when you've seen them all, and you use a better one anyway? Well - you haven't seen a music player like this. And believe me - mine's much bigger than yours!


Floating Battery Meter by mb-14
SDA Forums Post: http://forum.xda-developers.com/show....php?t=2137445

This shows your phone's battery percentage in a pop-up floating window on top of other apps.The app is simple but very useful. You can check your battery level while using other apps even when the status bar is inaccessible. You can pinch to resize the window and double tap to hide it.


Floating communication by acquariusoft
Play Store: https://play.google.com/store/apps/d...gcommunication

This is new kind of application for your tablet.
With this app you can chat with your friends and read your mail without leave the current application.
You can open a floating windows with your gmail chat, facebook chat or gmail.


ABonEntendeur (GPS communautaire), Esheep and The Fly by Didier Girard
ABonEntendeur Play Store: https://play.google.com/store/apps/d...=dgirard.radar

Look for StandOut in the next version of ABonEntendeur! This GPS application has over 850,000 downloads.
In progress

Esheep Play Store: https://play.google.com/store/apps/d....gleroy.esheep

Esheep is back for your Android !
Esheep is a funny little sheep always wandering on your screen. Any application you open, Esheep will always stay visible.

The Fly Play Store: https://play.google.com/store/apps/d...d=sfeir.thefly

The Fly displays a fly scurrying across your screen. This fun little demo shows novel ways you can use StandOut to achieve hilarious results.


Examples by xdaid
XDA Forums Post: http://forum.xda-developers.com/show...0#post27021130

Just a couple of floating custom views.


Under Development by wutk3ksHD, Roman, locomain, acquariusoft

These guys are coming up with some good stuff. I can't wait for them to publish it. Until then, we wait.
Let me know if you are working on something and I'll add you on this list!
In progress

News
StandOut was recently featured in the following blogs
Android Police: http://www.androidpolice.com/2012/06...floating-apps/
XDA Developers: http://www.xda-developers.com/androi...floating-apps/
Reddit: http://www.reddit.com/r/Android/comm...p_devs_create/

AndroidWorld.it: http://www.androidworld.it/2012/06/1...ing-app-92886/
HDBlog.it: http://android.hdblog.it/2012/06/13/...-floating-app/

Changelog
Quote:
Updated 1/15: Maximize button
e3bd853 Call onResize() from pinch to zoom to alert implementation that a resize has occurred
d1d9546 Add maximize button. Press it to make the window full screen. Press again to go back to the previous size and position.
Updated 7/8: Window Editor
* ac84ff0 - (HEAD, origin/master, origin/HEAD, master) javadoc, cleanup (36 seconds ago) <Mark Wei>
* 9338732 - Window visibility is now strictly checked and set. You may get some IllegalStateExceptions now. Please report when this happens.
* New StandOutFlags.FLAG_WINDOW_EDGE_TILE_ENABLE. A preview of window tiling can be seen with MultiWindow. Drag it to the left edge and it will tile.
* StandOutFlags changed a little. Some flags now set other flags automatically. Utils.isSet() is modified to take this into account.
* updateViewLayout is now deprecated. Please use the Editor from Window.edit() to resize and reposition windows. Report any bugs and regressions.
* New setPosition() in Editor.
* Fix regression where windows could not be dragged offscreen even when FLAG_WINDOW_EDGE_LIMITS_ENABLE was not set.
* New LayoutParams.AUTO_POSITION, new Editor.UNCHANGED.(12 minutes ago) <Mark Wei>
* be6938f - add functionality disable javadoc (2 days ago) <Mark Wei>
* 14d4e3e - FF check for onFocusChanged instead of TOUCH_OUTSIDE. This allows us to close window on BACK. Fix Window focus code to avoid stack overflow (2 days ago) <Mark Wei>
Updated 7/5: Drop down menu
* c160a1d - (HEAD, origin/master, origin/HEAD, master) Quit drop down menu item on all windows (14 seconds ago) <Mark Wei>
* 9e37686 - If not using system window decorations, add drop down menu functionality to R.id.window_icon. Floating Folders now use this for the menu. (3 minutes ago) <Mark Wei>
* b275d80 - javadoc for drop down menu (59 minutes ago) <Mark Wei>
* eb020de - drop down menu when click on window icon (62 minutes ago) <Mark Wei>
Updated 7/5: multitouch resize
* 7a9012c - (HEAD, origin/master, origin/HEAD, master) set flag when creating window (47 seconds ago) <Mark Wei>
* 1c355a3 - add content description to images to remove warnings (28 minutes ago) <Mark Wei>
* 61005c2 - consolidate min/max width/height and aspect ratio into one place. (42 minutes ago) <Mark Wei>
* 41e8aa0 - use SparseArray for performance enhancement (73 minutes ago) <Mark Wei>
* ef79e72 - New resize code. Anchor point now center of window. Should fix problem where both resize and listview scrolling occurs. Added Editor helper to help resize/move the window. (88 minutes ago) <Mark Wei>
* 17d730f - fix callback able to cancel dispatchKeyEvent (2 days ago) <Mark Wei>
* d66e623 - unfocus when close (2 days ago) <Mark Wei>
Updated 6/26: Set your own theme, pinch-to-resize
* 8220941 - (HEAD, origin/master, origin/HEAD, master) first attempt at multitouch pinch-to-resize (60 seconds ago) <Mark Wei>
* 4e0f3dc - remove gravity for layoutparams, provide special values for x and y for easy placement (31 hours ago) <Mark Wei>
* 4ef3d50 - return 0 from getThemeStyle() for device default (32 hours ago) <Mark Wei>
* ad57830 - target 2.1 (2 days ago) <Mark Wei>
* 0837633 - remove int id because the theme seems to be applied to all windows (2 days ago) <Mark Wei>
* 03d4bd3 - customize your window's theme with getTheme(int id) (2 days ago) <Mark Wei>
* 5c5cbe9 - fix snap width and height. remember width and height on restart (2 days ago) <Mark Wei>
* 9df269c - fix for smaller width than 1 col (2 days ago) <Mark Wei>
* b00cb38 - snap to right size when resizing (2 days ago) <Mark Wei>
* 40492dc - set custom icon for each window (2 days ago) <Mark Wei>
Updated 6/24: Constant aspect ratio
* d645d77 - (HEAD, origin/master, origin/HEAD, master) Enforce aspect ratio while resizing with FLAG_WINDOW_ASPECT_RATIO_ENABLE (60 seconds ago) <Mark Wei>
* 1a81435 - doc (64 minutes ago) <Mark Wei>
Updated 6/23
* 15c6f3b - (HEAD, origin/master, origin/HEAD, master) Merge branch 'master' of github.com:pingpongboss/StandOut (19 minutes ago) <Mark Wei>
|\
| * bfc0fe7 - Update master (28 hours ago) <Mark Wei>
* | 1cfdbab - keep window between min/max width/height (29 minutes ago) <Mark Wei>
* | da63768 - add threshold min/max width/height to LayoutParams. Remove old threshold_disable flag (47 minutes ago) <Mark Wei>
* | 450bd32 - logically move methods into Window class (59 minutes ago) <Mark Wei>
* | 4a3a8c2 - give implementation onKeyEvent callback. FLAG_WINDOW_MOVE_THRESHOLD_DISABLE flag for disabling the touch threshold. Fix bug in close() that ignores hidden windows. (2 hours ago) <Mark Wei>
* | 0f72e87 - Back key unfocuses (27 hours ago) <Mark Wei>
* | 0be539f - add getExistingIds() to query for all shown/hidden windows. (27 hours ago) <Mark Wei>
|/
* dedd9bf - add FLAG_WINDOW_FOCUS_INDICATOR_DISABLE to give developers control over the visual state of focused and unfocused windows. (2 days ago) <Mark Wei>
* 81d66d1 - add focus visual indicator. Focus handling given to Window. onFocusChange() callback for implementations to cancel focus changes. Fix sendData() to non-existant window id. (2 days ago) <Mark Wei>
* cd49e8e - remove obsolete edit text fix (2 days ago) <Mark Wei>
* 541c2ec - add MIT license (3 days ago) <Mark Wei>
Donations
StandOut is a completely open source project that I work on in my spare time. It is my greatest wish for you to create some paid apps and make boatloads of money. You can also donate to me, if you want.
Attached Files
File Type: apk FloatingFolders 1.2.apk - [Click for QR Code] (59.4 KB, 1570 views)
File Type: apk StandOutExample 1.2.apk - [Click for QR Code] (60.4 KB, 1400 views)
Software Engineer working on Android at Google. In my spare time, I hack on projects like [APP][2.1+] StandOut - Create Floating Apps.
The Following 176 Users Say Thank You to pingpongboss For This Useful Post: [ Click to Expand ]
 
rangerelf
Old
#2  
Member
Thanks Meter 15
Posts: 42
Join Date: Jan 2011
This is awesome :) I for one welcome our new floating-window overlords.

Sent from my SGH-T959 running SlimICS.
 
pingpongboss
Old
#3  
pingpongboss's Avatar
Senior Member - OP
Thanks Meter 287
Posts: 517
Join Date: Apr 2010
Location: San Jose

 
DONATE TO ME
Awesome, thanks for your input!
Software Engineer working on Android at Google. In my spare time, I hack on projects like [APP][2.1+] StandOut - Create Floating Apps.
The Following 6 Users Say Thank You to pingpongboss For This Useful Post: [ Click to Expand ]
 
traumatism
Old
#4  
Senior Member
Thanks Meter 40
Posts: 407
Join Date: Feb 2010
hope to see this implemented into future apps as it looks like it could be really useful. would be great for notes.
 
SWFlyerUK
Old
#5  
Senior Member
Thanks Meter 128
Posts: 1,177
Join Date: Nov 2010
This has to be one of the best idea's i've seen from a community.

Is it hard to implement into any custom app built with eclipse?
 
john9
Old
#6  
Account currently disabled
Thanks Meter 269
Posts: 1,587
Join Date: Oct 2011
Awesome post! Thanks for your contribution .
 
pingpongboss
Old
(Last edited by pingpongboss; 13th June 2012 at 06:03 AM.) Reason: url change
#7  
pingpongboss's Avatar
Senior Member - OP
Thanks Meter 287
Posts: 517
Join Date: Apr 2010
Location: San Jose

 
DONATE TO ME
Quote:
Originally Posted by SWFlyerUK View Post
This has to be one of the best idea's i've seen from a community.

Is it hard to implement into any custom app built with eclipse?
I've put a lot of effort into making it easy for developers to incorporate StandOut into their apps.

The most basic windows only need to implement 4 methods to make them float.
See: https://github.com/pingpongboss/Stan...sicWindow.java
which becomes this
Software Engineer working on Android at Google. In my spare time, I hack on projects like [APP][2.1+] StandOut - Create Floating Apps.
The Following 4 Users Say Thank You to pingpongboss For This Useful Post: [ Click to Expand ]
 
SWFlyerUK
Old
#8  
Senior Member
Thanks Meter 128
Posts: 1,177
Join Date: Nov 2010
So how do I go about implementing this?

I'm an app designer, but not sure when it comes to this? Thanks!
 
pingpongboss
Old
#9  
pingpongboss's Avatar
Senior Member - OP
Thanks Meter 287
Posts: 517
Join Date: Apr 2010
Location: San Jose

 
DONATE TO ME
Quote:
Originally Posted by SWFlyerUK View Post
So how do I go about implementing this?

I'm an app designer, but not sure when it comes to this? Thanks!
Have you used eclipse to make an Android application before?

The steps are:
  1. Download the library: git clone my repo, or click "Download as zip" at https://github.com/pingpongboss/StandOut/downloads and unarchive
  2. Import the folder (created from the previous step) into Eclipse: http://stackoverflow.com/a/5450375/450396. This will create 2 projects in Eclipse for you.
  3. To start, open the StandOutExample project (created from the previous step). Edit StandOutMultiWindow.java and replace the contents of createAndAttachView(int id, ViewGroup root) with your own views.
  4. Run the StandOutExample project to see your own floating windows on your phone or emulator.
Software Engineer working on Android at Google. In my spare time, I hack on projects like [APP][2.1+] StandOut - Create Floating Apps.
The Following 3 Users Say Thank You to pingpongboss For This Useful Post: [ Click to Expand ]
 
xdaid
Old
#10  
Recognized Developer
Thanks Meter 601
Posts: 505
Join Date: Jul 2009
Amazing.
This is so nice and helpful, thank you!!

I will try it soon on a new app

Tags
aircalc, floating, onskreen, overskreen
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes