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
Just so it's not getting lost in all my typing, here's the zip...
Reserved for additions and edits
• 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 said:
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.
Click to expand...
Click to collapse
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?
Would bumping up the DPI in build.prop make the bottom bar thinner, EG. More honeycomb ish
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
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?
Can i do this on my htc hd2?Why you ask cause it looks awsome
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="TheGrammarFreak, post: 13502959, member: 2792587"]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?[/QUOTE]
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
MacaronyMax said:
Would bumping up the DPI in build.prop make the bottom bar thinner, EG. More honeycomb ish
Click to expand...
Click to collapse
After playing around with it, I really don't think it'll have much effect. I had my density set at 180, and it didn't really look much different than it did on 240. Play with it though, your results may vary.
VZW Galaxy Tab- rooted, KhasMek v5 kernel
metko said:
Can i do this on my htc hd2?Why you ask cause it looks awsome
Click to expand...
Click to collapse
Hey, you can give it a shot... the lack of real estate on the screen is going to limit what you can do, and I'm not sure if you want to always be using your phone in landscape mode. But if you want to play around with some looks, absolutely go for it!!
VZW Galaxy Tab- rooted, KhasMek v5 kernel
BigRich93 said:
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?
Click to expand...
Click to collapse
Are you talking about getting Widgets close to the actual LP dock? If so, I believe I used a 3x2 Desktop Visualizer widget for the apps icon, and it fit with no problem in the top right corner (with the + as the dock icon). If you're talking about the battery and wifi indicators, that's a little tricky. There's going to be a gap between them and the actual edge of the device, since the dock can't be removed yet. If you guys (because I know someone else was having this issue) could PM me with the specific setup issue you're having, I'll be happy to troubleshoot with you.
VZW Galaxy Tab- rooted, KhasMek v5 kernel
Would you provide a flashable version?
It would be nice, I'm afraid to mess with it..
This is a fantastic little theme guide! Does take a while (especially with 5 screens). But overall, well worth it! Great work!
vysus said:
Would you provide a flashable version?
It would be nice, I'm afraid to mess with it..
Click to expand...
Click to collapse
I'll see if I can get someone to code and flashable version for me. I'm not proficient in xml edits or framework mods, so I'd have to "outsource". I'm working on getting these things into a new theme, and some of the guys on the team may be able to help me out. I understand your reluctance though... it took me about two days of tinkering to get this layout done. I'll keep everyone posted, and yes guys, I'm going to fix the flaws in the OP... I'm still not home yet, but it's priority #1.
Sent from my Droid using XDA Premium App
Corrections to OP
Ok guys, I think I've fixed the errors that were coming through in the OP as a result of my copy and paste from MS Word. Someone let me know if it's legible (it seems just fine on my browser atm).
*Any for anyone who needs troubleshooting... PM me! I know a couple of you were running into some issues, but I haven't heard from you. If you got everything looking right, then great, but if you need a hand, just let me know. I just don't want to clutter up the thread with individual troubleshooting advice.
jjhiza said:
Ok guys, I think I've fixed the errors that were coming through in the OP as a result of my copy and paste from MS Word. Someone let me know if it's legible (it seems just fine on my browser atm).
*Any for anyone who needs troubleshooting... PM me! I know a couple of you were running into some issues, but I haven't heard from you. If you got everything looking right, then great, but if you need a hand, just let me know. I just don't want to clutter up the thread with individual troubleshooting advice.
Click to expand...
Click to collapse
Now it reads great bro, thanks!
Sent from my HTC Glacier using XDA Premium App
working well here. except i cannot find this.....
Organized Apps
which is one of the requirements...
It is called Apps Organizer
Sent from my HTC Glacier using XDA Premium App