Welcome to XDA

Search to go directly to your device's forum

Register an account

Unlock full posting privileges

Ask a question

No registration required
Post Reply

Pure Honeycomb Look for Galaxy Tab

OP jjhiza

27th April 2011, 02:38 PM   |  #1  
jjhiza's Avatar
OP Senior Member
Flag Dirty Jersey
Thanks Meter: 2,653
 
3,067 posts
Join Date:Joined: Dec 2010
More
A step-by-step guide to achieve the look:

First of all, a big thanks to GANJDROID for creating/finding the mock widgets (with the exception of the Google Books one, which I did); they really look great! And thanks to everyone on the forums for always trying to be progressive, whether it be with themes or development; everyone’s time and effort are much appreciated.

Ok, on to the guide. Some of you have asked me about my layout, and if you're checking this thread, you probably love the look of Honeycomb as much as I do. This is my attempt to emulate the general look and feel, while braver souls, like Spacemoose1, attempt to port the actual OS over for us. What you’re going to need:

- Patience
- Desktop Visualizer
- LauncherPro Plus
- Signals23's Clear LPP Widget Skin
- One More Clock Collection
- Organized Apps
- Perfect Task Switcher
- Honeycomb Clock
- Pulse News
- Minimalistic Text
- Folder Organizer
- The things in my zip
- More patience

Step 1:

Download the zip and extract the files to your computer or SD card

Step 2:

Clear your LauncherPro homescreens, and go to Preferences => Homescreen Settings, and set both Columns and Rows to 10, making sure that the Auto-Fit option is also checked. This will give you the most screen real estate, if you're not running a custom ROM or messing with the pixel density. I run K-Lean on my Tab, and the density is changed by default (180), so I have a little more room.

Step 3:

Choose a screen to be your default Home screen, and start working from there. First, change the wallpaper to the one I provided. This will give you the “dock bar at the bottom of the screen. Next, create a 2x1 One More Clock widget, with the background toggled off (in the application menu, hit Personalize, and when the window pops up, hit the Menu button, and the toggle visibility key should appear on the screen). Place this widget in the middle of the black dock. Create the same widget on each screen.*If you want to assign a tap action to the widget, go right ahead. I don't use one, so I turned it off.*

Step 4:

Now it's on to the blue indicators. They're obviously just static png images, but with a little help, we can get them to be functional, in a sense. Honeycomb uses a lot of interactive UI, and tapping on these indicators, on the Xoom for instance, will bring up appropriate information. I'm attempting to replicate that functionality as best I can. Grab a snack, a beer, or a smoke, because this is about to get tedious.

Step 5:

Using Desktop Visualizer, create a 1x1 widget. Tap it to bring up the options menu, and select the Choose Image button. Select one of the indicators (either battery or wifi), and it's back to the options menu. Where it asks for assigned task, choose None, and hit Ok, down at the bottom. Repeat this for the second indicator. Next, place the indicators in the bottom right corner; there's going to be a gap between them, and that can be corrected by resizing the wifi button, and dragging it to the right, until the widget box overlaps the battery icon (you'll see when it's right). After this is done, drag your clock widget over to the right as far as you can, and then resize it so it's as close to the wifi icon as possible, without overlapping it.

Step 6:

Now to give those dead icons some life! Long press the homescreen, and scroll down to Minimal Text. Create a 1x1 widget; in the menu, uncheck the background box, and scroll down and press Predefined layout. Select Custom Layout, and then tap the custom layout option in the menu. Long press each of the black boxes, and drag them to the trash can, so you have a blank slate to work with. Next, hit the green button on the right, and select Battery. Now long press, and drag and drop the Battery Level tile into the outlined box. Tap on the black box you just dropped, and select Accented from the drop-down menu that appears. Back out of both menus, and scroll down to the Text Style section and tap Accented adjust the font size to 8 if it's not there already, and back out of the menu. Under Tap Behavior, select Start another activity, and then select Activity directly under it. In the menu that appears, scroll all the way down, until you see Settings start to appear. Scroll through the options until you come to Settings- Battery Info (com.android.settings.BatteryInfo), and select it. You'll be taken back to the main app menu; just click Ok, and exit.

Step 7:

Resize the widget, so it's 1x1, and drag it over to the right, exactly above your battery icon. Now resize it, by dragging it down over the icon. If you did it right, the battery percentage should be just above the icon, and just below the top of the dock.

Step 8:

Creating the wifi widget is similar, except after you toggle the background off, go under the 'Orientation section, and set both the Horizontal block and Horizontal text to the right. From there, create your custom layout, like in step 7, only instead of using the battery percentage, choose the Static text option from the Misc menu. Tap the black box, and when the popup window appears, just throw whatever crap you want in there; we're not going to keep the text, but we need it to actually be able to see where the widget is. Again, choose the Accented option, and check to make sure the font size is at 8. Back out to the main menu, and click Ok. As before, resize your widget to 1x1; drag it over next to the battery widget, and resize it the same way (just drag it down). Once it's resized, tap on it to bring the widget modifications menu back up. Go back to the Custom layout section, and erase the text you put in there. Now, find the tap behavior section, and get into the selection menu; scroll back down to settings, until you come to the group of wifi settings, near the bottom. You're looking, specifically for the Settings- Wi-Fi Settings, with this specific intent, com.android.settings.wifi.AccessPointListDialog. Trust me, it was really annoying to find the right one, but it was worth it IMO. This option does not toggle wifi on and off; what it does (similar to Honeycomb) is display a popup of the wifi connection you're currently on, or a list of in-range wifi signals you can connect to. It doesn't sound like much, but it's this kind of information, and ease of access that 3.0 seems to be built to deliver.

Step 9:

Yep, you guessed it,repeat steps 6-8 on every screen. Patience young Jedi; if you've made it this far, then the Force is indeed strong with you (I have no idea where that came from; it's 6:45AM and I'm tired). Smoke something, eat something, get a drink, it's almost over.

Step 10:

Create a Desktop Visualizer widget 3x1, and select the Google Search widget image from the gallery. The action is...Google Search. Select Clear” from the Title field, and None from the Highlight Style field, and hit ok. Resize the widget by dragging it over one column, and down one row. Place the widget in the upper left corner of your homescreen. I have this widget on every screen, simply to keep with the feel of Honeycomb, so repeat on every screen if desired; if not, no big deal.

Step 11:

Follow the same method and create the Market widget, by selecting the App drawer image, and linking it to the market. Place it as far over in the top right corner as possible. This is a one-screen thing, no need to repeat. However, to complete the feel of having the Apps | + icon, long press in the dock space to the immediate right, and choose Change Shortcut. Scroll through the apps until you come to Organized Apps, and select it. When it asks which icon you want to use, select Custom Icon, and select the + icon from the gallery. You can repeat this on every dock (in the same position), if you use more than one, so that you always have access to the app drawer.

Step 11:

Now for the soft keys; long press the screen and choose Shortcut. Select Applications from the menu, scroll to Perfect Task Switcher, and select it. When the dialog box appears, tap the icon preview, and then select Gallery. Choose the glowing, blue icon that looks like two windows, one behind the other, and click ok. Repeat these steps for each of the three soft keys, linking them to Folder Organizer Labels or other apps. The house, I use for my Performance and Root Tools folder, and the arrow is used for my Productivity and Office folder, just as an example. Repeat the shortcut creation on every screen, and place them in the bottom left of the screen, with the arrow on the far left, then the house, and then the window.

Step 12:

That's pretty much it; you can apply the mock Honeycomb widgets, using Desktop Visualizer, linking them to the appropriate apps, and place and size your favorite LauncherPro widgets wherever you want. You can skin them by accessing Widget Settings, selecting a widget, and selecting a skin from the appropriate menu. There are &ldqu;Honeycomb skins in the market (some free, some paid), but if you check a Xoom layout, you'll see that the widgets don't actually have any edge glow around them; they're semi-transparent. I went with the full-on transparency, and used Signals' Clear skin (.99 i think), but his XTG skin is also pretty nice (it's too dark for this wallpaper though IMO).
If you use folder organizer, you can edit the Folder Skin by accessing preferences. Here's how I did it, and it came out great:

- Title Start: AA000000
- Title End: 656565
- Border: EE3351A3
- Background Start: 8b000000
- Background End: 8b000000
- Title Text Color: 586991
- Body Text Color: c4cbdb

*Note: I subsequently turned OFF the title and all text, leaving me with the app icons, on a semi-transparent, black background, surrounded by a really nice blue.

**Also, the weather widget in the dock of my Homescreen was created using Minimalistic Text. If you want instructions, just PM me and I'll get them to you.

#If I missed anything, just let me know, and I'll throw in an edit. Hope you guys enjoy this!


Quick Guide to Honeycomb Hex Codes:

Just a little something to make Folder Organizer, Widgetsoid 2.x, and Minimalistic Text theming a whole lot easier.

Bright Blue: 3351A3
Matte Blue: 586991
Soft Grey-Blue: c4cbdb
Attached Thumbnails
Click image for larger version

Name:	HC_screen1.jpg
Views:	9911
Size:	23.6 KB
ID:	579632   Click image for larger version

Name:	HC_screen2.jpg
Views:	6999
Size:	28.7 KB
ID:	579633   Click image for larger version

Name:	HC_Home.jpg
Views:	8172
Size:	22.0 KB
ID:	579634   Click image for larger version

Name:	HC_screen4.jpg
Views:	5878
Size:	26.5 KB
ID:	579635   Click image for larger version

Name:	HC_screen5.jpg
Views:	5273
Size:	28.5 KB
ID:	579637  
Last edited by jjhiza; 7th May 2011 at 11:54 PM.
The Following 9 Users Say Thank You to jjhiza For This Useful Post: [ View ]
27th April 2011, 02:52 PM   |  #2  
jjhiza's Avatar
OP Senior Member
Flag Dirty Jersey
Thanks Meter: 2,653
 
3,067 posts
Join Date:Joined: Dec 2010
More
Just so it's not getting lost in all my typing, here's the zip...
Attached Files
File Type: zip JJH HC Layout.zip - [Click for QR Code] (1.46 MB, 5415 views)
The Following 2 Users Say Thank You to jjhiza For This Useful Post: [ View ]
27th April 2011, 02:52 PM   |  #3  
jjhiza's Avatar
OP Senior Member
Flag Dirty Jersey
Thanks Meter: 2,653
 
3,067 posts
Join Date:Joined: Dec 2010
More
Reserved for additions and edits
The Following User Says Thank You to jjhiza For This Useful Post: [ View ]
2nd May 2011, 06:42 PM   |  #4  
Junior Member
Flag Brooklyn
Thanks Meter: 0
 
2 posts
Join Date:Joined: May 2011
More
Quote:
Originally Posted by

• Patience
• Desktop Visualizer
• LauncherPro Plus
• Signals23’s “Clear” LPP Widget Skin
• One More Clock Collection
• Organized Apps
• Perfect Task Switcher
• Honeycomb Clock
• Pulse News
• Minimalistic Text
• Folder Organizer
• The things in my zip
• More patience

[B

Step 5:[/B]

Using Desktop Visualizer, create a 1x1 widget. Tap it to bring up the options menu, and select the “Choose Image” button. Select one of the indicators (either battery or wifi), and it’s back to the options menu. Where it asks for assigned task, choose “None”, and hit Ok, down at the bottom. Repeat this for the second indicator. Next, place the indicators in the bottom right corner; there’s going to be a gap between them, and that can be corrected by resizing the wifi button, and dragging it to the right, until the widget box overlaps the battery icon (you’ll see when it’s right). After this is done, drag your clock widget over to the right as far as you can, and then resize it so it’s as close to the wifi icon as possible, without overlapping it.

I must say this is fantastic work!
But
Maybe it's just me but I can't get any widgets near the dock of LP. I tried to stretch it in there but it won't go. I also tried just dropping it there but obviously it just deletes. I got everything else that I wanted to do packed down except that. How did you do it?
2nd May 2011, 08:11 PM   |  #5  
MacaronyMax's Avatar
Senior Member
Flag Oxford
Thanks Meter: 626
 
13,593 posts
Join Date:Joined: Aug 2008
More
Would bumping up the DPI in build.prop make the bottom bar thinner, EG. More honeycomb ish
5th May 2011, 12:03 AM   |  #6  
Senior Member
Flag Virginia Beach, VA
Thanks Meter: 20
 
140 posts
Join Date:Joined: Feb 2011
More
ok im trying to figure this out for my self as i am having the same problem with dock so it be nice if you would tell us how you did it thanks
5th May 2011, 06:09 PM   |  #7  
TheGrammarFreak's Avatar
Senior Member
Thanks Meter: 685
 
2,809 posts
Join Date:Joined: Jul 2010
More
Could you go through and correct all the markup that came with whatever word processor you used to write this? Or is it just my browser?
5th May 2011, 06:31 PM   |  #8  
Senior Member
Flag prizren
Thanks Meter: 28
 
665 posts
Join Date:Joined: Oct 2010
Donate to Me
More
Question
Can i do this on my htc hd2?Why you ask cause it looks awsome
5th May 2011, 09:58 PM   |  #9  
af974's Avatar
Retired Recognized Developer / Retired Forum Moderator
Thanks Meter: 1,887
 
4,940 posts
Join Date:Joined: Jan 2008
More
Nope, it's not your browser fault.

OP can you fix it please, the easy way is to use [CODE] tag and then paste inside words from your PC word editor.
Thanks.
Quote:
Originally Posted by TheGrammarFreak

Could you go through and correct all the markup that came with whatever word processor you used to write this? Or is it just my browser?

5th May 2011, 10:13 PM   |  #10  
jjhiza's Avatar
OP Senior Member
Flag Dirty Jersey
Thanks Meter: 2,653
 
3,067 posts
Join Date:Joined: Dec 2010
More
Will do guys... sorry about that. I'm on my way home from upstate NY now, so I'll sit down and fix it as soon as I get in.

VZW Galaxy Tab- rooted, KhasMek v5 kernel

Post Reply Subscribe to Thread
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes