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

[Layout] "Hubs" With Video Tutorial

Tip us?
 
fliparsenal
Old
(Last edited by fliparsenal; 22nd February 2012 at 09:30 PM.)
#1  
fliparsenal's Avatar
Senior Member - OP
Thanks Meter 281
Posts: 727
Join Date: Nov 2008
Location: NewYork.apk
Default [Layout] "Hubs" With Video Tutorial








(Seeing as there's no General Thread for tablets, I've re posted this here.)
Hey guys I finally ported my "hubs" set up to Android Tablets and I have to say its 10x smoother on our 1.0 ghz dual core device. The general idea of "Hubs" is to create a dedicated screen for each piece of media/productivity while providing a visual eye candy. "Hubs" is easy to emulate, and even easier to create your own style. Despite the lengthy tutorial, its actually easier than it seems. The fun part comes with setting up you layout!

What you'll need:
MainOptionalVideo Tutorial
Part I
Part II
FINAL


WALKTHROUGH

ADW Launcher Users[/U][/B]
-To remove top bar-Press and hold and empty area on your home screen then click on "Launcher Actions" > "Hide/Show Action Bars"
-Enable Widget Overlapping-"Menu"> "ADW Settings"> "UI Settings" > "Screen Preference"> Check "Overlap Widgets" in the Advanced Settings Tab
-Increase Retail Space on your screen-"Menu"> "ADW Settings"> "UI Settings" > "Screen Preference"> Increase the desktop "Rows" and "Columns" in the "Desktop Layout" Tab.

Launcher Pro Plus Users- while not optimized for 3.2, it still runs perfect.
-Increase Retail Space on your screen-"Menu"> "Preference" > "Homescreen Settings" > Increase the "Number of columns/rows" in the Homescreen Grid.
-Remove Icons From Right Dock- Hold your finger on the icon you wish to remove> "change shortcut"> "Blank"

*You may add screen transitions for each launcher if you wish, however my advise is to leave it at default as you can set transition for Multi Live wallpaper. Doing both launcher and MLW will make your screen look "too busy" IMO.

To set the "Bars" (Titles for "Home", "Music", "Movies" etc.)
Minimalistic Text
-To set title- Press and hold a free space on the screen > "widgets" > "Minimalistic Text" (size may vary per style however I use either 4x2 or 6x1 as long as its horizontal > ensure that "background color" is checked > "Predefined Layout" > "Custom" > "Custom Layout" > Click on the plus sign > "Misc" > "Static Text".
-Black Bar Tutorial click here

Wallpapers
-Set up - Load up your wallpapers on your sd card/internal memory and placing them into seperate folders and name them based on the images (ex. Music, Movies, Games etc)
- Long press an empty screen on your homescreen > "Wallpapers" > "Live Wallpapers"> "MultiPicture Live Wallpaper"> "Settings"
- For each "Screen _ Settings" Select the picture source as "Picture Folder" and navigate it to point to your corresponding homescreen.
- Additionally you make select the screen transition here that reflects your particular taste. You may also set a default wallpaper for your lockscreen.

Despite the dozen of widget on the homescreen and live wallpaper, battery use is minimal.I have provided wallpapers below to help you get started.


NAVIGATING BETWEEN HUBS

There are two methods in which you can navigate to each individual homescreen.

Method one
: Prior/Alternate way for navigation text was achieved using this methodby trekkie0927. Using invisible icons in tandem with minimalistic text can make it easier to flip to each hubs. Please rate/comment his video.

Method two: I found a great alternative to Minimalistic Text in terms of using the text buttons to jump from one screen to another called Simple Text. Since it's only an icon and not a widget, it consumes no memory and provides a great minimal look.



User AcIdC0R3 has posted a great tutorial. (Please thank him!)
  • Make sure you have ADWLauncher EX
  • Go to the market and install Simple Text
  • Long press on the screen and select 'Custom Shortcut'
  • 'Pick your activity', select 'Launcher Actions'
  • Choose which screen you want, 1 - 5 or 1 - 7 if your using seven screens
  • Click on the picture of the 2 screens side by side
  • Select 'ADWTheme IconPacks' and select 'Simple Text'
  • Select the grey box named 'Simple'
  • replace the word 'Simple' with whatever of your choosing like 'Video' for your video hub or 'Social' for your social media hub and so forth
  • Adjust your text size, Y and X coordinates, your shadow settings etc.
  • Click the little blue 'A' in the top right side of the screen and select your font (more on fonts further down)
  • You also have the option to select the color wheel next to the 'A' and adjust your text color
  • Select the menu icon on the task bar at the bottom and select 'Save Style' if you want to keep what you created for later use as well.
  • Click 'Save Icon' which will create your icon for you
  • Back at the black edit screen remove the text from the text field and click OK
You should now have a custom text icon that will activate whichever screen you chose for it. You can click any app icon on your screen and follow the same procedure for your apps so all your apps also have text icons.

[FONTS] In a file manager go to /sdcard/Simple Text/ and create a folder named 'fonts' (that is plural with an 's' at the end). Next go to somewhere like dafont.com and download you some kewl fonts and place them within that 'fonts' directory you just created. Now when you go into Simple Text to do your editing you will have more fonts to choose from.

That's all there is to it.




You can also work with layers within the creation of your Simple Text. Notice below where I created a new layer, rotated my new text layer and intersected where both words have the letter 'E'.




However you may notice that simple text does have it's limitations:
  • Icons can only be 1x1
  • Works best on adw
  • No way to resize; it is only an icon after all.






Miscellaneous
ISSUE: You may experience widget being placed "behind" the black bars. If so try this method provided by user SwiftLegend
1. Put the widgets/icons you want on TOP of the blackbar FIRST. You need these before anything.
2. Select a Minimalistic Text Widget, I usually use 1x1. Clear out the text options (Predefined layout > Custom, delete all of the things there)
3. Once you're back at your homescreen and see the MT Widget, just long press and re size it to your liking.
You HAVE to make sure that whatever you want on TOP of the blackbar is put on the screen FIRST. Anything put on after will go underneath.

ISSUE 2: Users have reported that Minimalistic Widget refuses to post/ show up on the homescreen.
1. Turn your tablet into portrait mode.
2. Add the widget whilst staying in portrait mode as you apply you designs.
3. Rotate back to landscape.

ISSUE 3: You can no longer take full advantage of the screen real estate using adw ex (particularly the corners)
1. Recent update kills the use of every inch of the screen. In his attempt to emulate ICS, anderwebs made the edges of the screen inaccessible.
2. Revert back to an older version (1.3.3)

here's the original layout from the nook color if you guys are interested on putting this on your homescreen HERE

and here it is in action HEREhttp://www.youtube.com/watch?v=O8DxCVzARfE&fmt=38

Other Users take on "Hubs":

vrundmc




"Hubs Remix by CinderWild "

and lastly hubs for different devices! Make sure you check each thread as people have different ideas that works on all devices. Wished Xda had a tablet general forums.

special thanks to AhmazinSKM
special thanks to 00McD00 for the banner
sepcial thanks to AcIdC0R3
-Windows Mobile 6.5
-Iphone 3.14
-Android 2.2


Want to learn how to theme and find out which widgets which?
[Tutorial]Commonly Used Widgets For Android
[Tutorial]"Hubs" for Tablets
[Tutorial]"Hubs" for Nook Color

Made it on XDA's Portal!
The Following 53 Users Say Thank You to fliparsenal For This Useful Post: [ Click to Expand ]
 
fl4r3
Old
#2  
Senior Member
Thanks Meter 27
Posts: 292
Join Date: Feb 2008
wow, the youtube video does look good!

I've been using static wallpapers due to performance issues when using live wallpapers in honeycomb, but this setup seems to be minimal and effective. Gonna test this out...
 
fliparsenal
Old
#3  
fliparsenal's Avatar
Senior Member - OP
Thanks Meter 281
Posts: 727
Join Date: Nov 2008
Location: NewYork.apk
Awesome please let me know how it looks

Sent from my Transformer TF101 using Tapatalk
-Windows Mobile 6.5
-Iphone 3.14
-Android 2.2


Want to learn how to theme and find out which widgets which?
[Tutorial]Commonly Used Widgets For Android
[Tutorial]"Hubs" for Tablets
[Tutorial]"Hubs" for Nook Color

Made it on XDA's Portal!
 
Bliger241
Old
#4  
Senior Member
Thanks Meter 86
Posts: 265
Join Date: Sep 2010
Location: New York, New York
which clock are you using on your home screen?
 
KeeperXV
Old
#5  
Member
Thanks Meter 11
Posts: 38
Join Date: Jun 2010
Location: Melbourne
Very inspiring. I'll admit that I also stuck to static wallpapers in fears of sluggish performance and battery drain, but this has converted me
 
Dunc001
Old
#6  
Dunc001's Avatar
Recognized Developer
Thanks Meter 1334
Posts: 2,610
Join Date: Apr 2010
Location: Hiding out south of the border...
Any chance you could PM me a link to the bookcase wallpaper? Looking at getting my son an eee pad for his 10th (!) birthday next month so may have to bookmark your thread for him
HTC One
ViperOne 6.2.1+ Beta Sense 6.0 with Kangaroo Kernel

HTC One Mini
Completely stock and staying that way...

Google Nexus 7 Gen 2
MIUI 5-09

First HTC HD2
Tytung 4.4.2 DataOnExt

Second HTC HD2
MIUI JB DataOnExt
 
qwer23
Old
#7  
qwer23's Avatar
Senior Member
Thanks Meter 270
Posts: 1,280
Join Date: Jan 2010
Location: Realm of Württemberg
Very nice! Could you share your wallpapers? Especially the library one!

Regards
qwer23

Nexus 7 (2013) - Rooted stock
Nexus 4 - Android 4.4 stock (Nexus 5 port from boykioy
Samsung Galaxy Nexus (GSM) -- AOKP
ASUS Eee Pad Transformer -- Revolver 4 by Gnufabio (daily driver)
SE Xperia X10i -- T.E.A.M ROM by Pvyparts & iridaki
SE Xperia X1i -- X2 port by jerpelea/FXP & XDAndroid


If someone has helped you, hit the thanks button!
 
Dunc001
Old
#8  
Dunc001's Avatar
Recognized Developer
Thanks Meter 1334
Posts: 2,610
Join Date: Apr 2010
Location: Hiding out south of the border...
Quote:
Originally Posted by qwer23 View Post
Very nice! Could you share your wallpapers? Especially the library one!

Regards
qwer23
I asked as well and then found it on vladstudio and google so here you go:

HTC One
ViperOne 6.2.1+ Beta Sense 6.0 with Kangaroo Kernel

HTC One Mini
Completely stock and staying that way...

Google Nexus 7 Gen 2
MIUI 5-09

First HTC HD2
Tytung 4.4.2 DataOnExt

Second HTC HD2
MIUI JB DataOnExt
 
hashbrown
Old
#9  
hashbrown's Avatar
Senior Member
Thanks Meter 21
Posts: 318
Join Date: Aug 2006
what is the source of the time/date calendar widget on the home page? That is awesome!!!
Sent from my Transformer TF101 using Tapatalk
 
Dunc001
Old
#10  
Dunc001's Avatar
Recognized Developer
Thanks Meter 1334
Posts: 2,610
Join Date: Apr 2010
Location: Hiding out south of the border...
Quote:
Originally Posted by hashbrown View Post
what is the source of the time/date calendar widget on the home page? That is awesome!!!
Sent from my Transformer TF101 using Tapatalk
The clock is the Cowon BOB Clock - you'll find it in the Market or all over the place here on XDA
HTC One
ViperOne 6.2.1+ Beta Sense 6.0 with Kangaroo Kernel

HTC One Mini
Completely stock and staying that way...

Google Nexus 7 Gen 2
MIUI 5-09

First HTC HD2
Tytung 4.4.2 DataOnExt

Second HTC HD2
MIUI JB DataOnExt

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes