[Layout] "Hubs" With Video Tutorial

Search This thread

blanksuspect

Member
Aug 10, 2010
29
12
this is probably a dumb question, but what is that video stack widget on the movies screen? I'm having a hard time trying to locate it.
 

SwiftLegend

Senior Member
Apr 1, 2010
811
88
use launcher pro or vtl.

side note: i finally uploaded my wallpapers (op), enjoy
Thanks for the upload :D Perfect timing too, because ADW Ex was just updated to work with 3.2, meaning my epic Transformer is going to get a whole lot epicer!

Quick question: does anyone know how to make a widget overlap? I'm trying to get Extended Control toggles above the minimalistic text bar since you can't click them when they are under the bar.
 
Last edited:

KeeperXV

Member
Jun 28, 2010
38
11
Melbourne
Quick question: does anyone know how to make a widget overlap? I'm trying to get Extended Control toggles above the minimalistic text bar since you can't click them when they are under the bar.

If you put the widget you wish to go at the back last, put it at the top, then resize down over the top of the other widgets and it should work

Edit: however when you reboot, it may possibly show up reversed, in which case, put the back widget on your screen first, then put on the rest, do the overlap so the behind widget is at the front, then reboot and it should be the right way around. (hope that makes sense)
 

Artood2s

Senior Member
Jun 4, 2007
596
127
Awesome Concept

Awesome idea fliparsenal. Thanks for turning me on to some new apps and widgets. Here is my WIP "Hubs" (it's actually improved from when I took the screenshots). I'd rather not have to scroll too many homescreens -and I don't even think I have enough widgets to fill 5 - so I kept it to 3 screens.

I'm using 2 docks in Launcher Pro. The first is the app drawer, browser, Gmail, and shortcuts (using Folder Organizer) to Reading and App Download folders. The 2nd dock contains folder shortcuts to Games, Multimedia, Tools, Reference and Web Apps. Before I used Desktop Vizualizer to create the folder shortcuts, but in this way, they are much sleeker and can be launched from any of the homescreens.

Transitions used are "Scale" in Launcher Pro and "Crossfade" in MultiPicture LW.

I have also modified the "swype gesture" on two of the icons to launch the wallpaper settings and another to launch System Tuner.

The improvements I have made since the shots were taken are mostly cosmetic:

Increased transparency of black headings.
Added shadow effect to all heading, date, and weather widgets.
Changed app drawer icon.
Re-arranged widgets in the actual Hubs to reduce clutter.
 

Attachments

  • Home.jpg
    Home.jpg
    54.5 KB · Views: 1,576
  • Productivity.jpg
    Productivity.jpg
    44.9 KB · Views: 1,191
  • Entertainment.jpg
    Entertainment.jpg
    51.3 KB · Views: 1,082
  • Folder.jpg
    Folder.jpg
    30.6 KB · Views: 1,023

guttertrash

Senior Member
Jul 20, 2011
53
3
Did you mention what the calendar widget is in the first picture? I've been trying to find something clean and simple like that - Pure Grid was the closest I came, but it's still not quite right. Thanks

Edit: nevermind, I found the transparent skin for Pure Grid. Not sure if it's exactly the same calendar, but it works
 
Last edited:

SwiftLegend

Senior Member
Apr 1, 2010
811
88
If you put the widget you wish to go at the back last, put it at the top, then resize down over the top of the other widgets and it should work

Edit: however when you reboot, it may possibly show up reversed, in which case, put the back widget on your screen first, then put on the rest, do the overlap so the behind widget is at the front, then reboot and it should be the right way around. (hope that makes sense)
Didn't work, but thanks for trying anyways. I don't get the whole resizing/overlapping thing..

Also, does multipicture have a limit of how many pictures it will display on one screen? All of my other screens work, besides my Home screen. I keep getting "Picture not available."
 
Last edited:

jwilliamf

Senior Member
Jun 16, 2011
429
112
Texas
anybody know where can I get the space looking wallpaper on the TF?

I think it is a stock wallpaper, but can't find it. I have search every folder using root explorer but no luck.
 

skydirt

Senior Member
Dec 6, 2007
274
8
Using the new ADW fixed for 3.2, I can;t for the life of me figure hour hour you removed the top menu bar. I;m able to remove all the buttons on the top right, but I can not remove the app drawer button on the top left like I see you have in your pics and video.
 

fliparsenal

Senior Member
Nov 17, 2008
832
314
NewYork.apk
Didn't work, but thanks for trying anyways. I don't get the whole resizing/overlapping thing..

Also, does multipicture have a limit of how many pictures it will display on one screen? All of my other screens work, besides my Home screen. I keep getting "Picture not available."

I don't believe so. I had like 20 wallpapers for each hub on my nook color running perfectly once

Sent from my phiremod for Nook using Tapatalk
 

fliparsenal

Senior Member
Nov 17, 2008
832
314
NewYork.apk
Using the new ADW fixed for 3.2, I can;t for the life of me figure hour hour you removed the top menu bar. I;m able to remove all the buttons on the top right, but I can not remove the app drawer button on the top left like I see you have in your pics and video.

Launcher pro. I had this running on an older version of adw launcher ex before 3.2 made it worthless

Sent from my phiremod for Nook using Tapatalk
 

D4rkShaDoWz

Member
Apr 29, 2011
33
3
New York
Hey man, what is the name of the widget you used to create the "videos" "home" and "books" text on your screens? Great design btw, going to try to do this soon.
 

Sicraven6

Member
May 27, 2009
42
13
I'm flollowing your intrustion to creat a black bar. But when i overlapping other widget they display under the minimalistic text and get darker than normal. How do i bring them front of minimalistic text widget?

You have to make sure that all widgets you want to put in front of the black bar are on the screen before you add the black bar. Any widget you add on after the bar is on the screen will appear behind it.

Sent from my Transformer TF101 using XDA Premium App
 

Sicraven6

Member
May 27, 2009
42
13
So one thing I noticed is that whenever I installed a new app from the market, the black bar would overshadow again. Its because the option to add a shortcut on install was still on. Once I turned it off in the "my apps" part of the market, the issue stopped. Just wanted to put that out there in case anyone was running into the same issue. I'm running adw ex btw.

Sent from my Transformer TF101 using XDA Premium App
 

1pudding1

Senior Member
Nov 30, 2009
75
2
Do other people find that the screen scroll is noticeably slower when using multi live wallpaper with different pics for each screen? Its nice and silky smooth if i use the same picture for each screen, but when I add a different pic for each screen its pretty jerky when scrolling screens and changing the pic :( Im using Prime 1.7 with Clemsyn kernel @1.4 and latest ADWex. What settings do people have for this app?
 

Phuongld

Member
Jun 24, 2011
31
1
Ho Chi Minh City
Do other people find that the screen scroll is noticeably slower when using multi live wallpaper with different pics for each screen? Its nice and silky smooth if i use the same picture for each screen, but when I add a different pic for each screen its pretty jerky when scrolling screens and changing the pic :( Im using Prime 1.7 with Clemsyn kernel @1.4 and latest ADWex. What settings do people have for this app?

I have the same with you.
 

FloridaK

Senior Member
Aug 6, 2009
85
13
London
Using the new ADW fixed for 3.2, I can;t for the life of me figure hour hour you removed the top menu bar. I;m able to remove all the buttons on the top right, but I can not remove the app drawer button on the top left like I see you have in your pics and video.

1. Try holding your finger on the screen until you get the "Add to Home screen" pop up
2. Select Launcher Actions
3. Select Hide/Show ActionBar

I haven't been able to find any other way to do it. I moved the icon to the hidden dock as you'll find if you enter ADW settings the action bar will come back.

Florida
 

Top Liked Posts

  • There are no posts matching your filters.
  • 53


    (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:
    Main
    Optional
    Video 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.

    p20110912230552.png


    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.

    P20110920154653.png


    P20110920154602.png

    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'.

    P20110920165536.png


    P20110920165654.png

    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.

    p20110917181350.png


    p20110917181146.png


    p20110917181252.png

    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​

    attachment.php

    attachment.php


    "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
    4
    NEW & EASY ALTERNATIVE to Minimalistic Text

    An alternative to Minimalistic Text is an app called Simple Text.

    • 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.

    P20110920154653.png


    P20110920154602.png


    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'.

    P20110920165536.png


    P20110920165654.png


    For those with Launcher Pro maybe someone else can elaborate on how to do this as I don't have Launcher Pro so I don't know.
    *fliparsenal, you can take this and post it in your OP if you want.

    Cheers...
    3
    Thanks a ton for including my app in the first post :) Your layout looks great!! :)
    2
    Thanks for the link to the cubed icons. What battery widget is that you are using? Also, what weather widget is that that is giving the 5-day forecast?

    Dual Battery Widget and Beautiful Widgets '4 x 1' using the 'ANDRODeNa_Weather Skin'
    2
    Hi I'm new to this whole transformer thing but after reading your thread it has inspired me my transformer is bog standard at the moment time for change. I followed your instructions above downloaded adwlauncher ex and I'm up to setting the black title bars however in landscape mode I can't get it positioned like everyone else has done basically there is a gap on mine have increased rows and columns not made any difference can you help please
    ADWSettings > UI settings > Main dock > click it off. Your homescreen should shift over a column, or the column on the farthest left should free up.



    Sent from my DROID X2 using XDA App