Database Develop

Layering Widgets with LauncherPro Plus

I'm trying to create a new look on my phone and I'm currently using LauncherPro Plus. I can't post a link to the design I'm going for since I haven't hit 8 posts yet, but basically I have gTab Simi Clock set up to fill half of the screen with a semi-transparent background and I want to overlay a beautiful widgets weather setup on top of the Simi Clock.
Every time I try to place the BW widget on up it gets shuffled above or below it. How do I set it up so the widgets will overlay?
Thanks

Add simi clock first, add bw after and resize it. Resize simi over bw. Restart launcher pro.
Sent from my HTC Wildfire using XDA App

kevin2516 said:
Add simi clock first, add bw after and resize it. Resize simi over bw. Restart launcher pro.
Sent from my HTC Wildfire using XDA App
Click to expand...
Click to collapse
Thank you kindly sir! That worked perfectly.

It seems this only works for the homescreen you're currently looking at. For example, if I'm looking at homescreen 2 and reset LauncherPro, the widgets will be properly layered on that screen, but reversed on the others. If I go to homescreen 1 and reset LauncherPro while looking at it, homescreen 2 will then be improperly layered. The only "fix" seems to be to intentionally incorrectly layer every screen but one, and then reset LauncherPro while looking at that screen.
I've posted a bug report on the LauncherPro boards. Hopefully we'll see a fix soon.

10x10 Grid Size, I dont understand

How can you put anything on that grid size? My minimal text gets cut off when i create a widget to display the date, and everything is so small like my mclock unless i drag it out over the whole screen then I cant press anywhere to add widgets, which are also really small...any help?
I am trying to follow this btw - http://browse.deviantart.com/?qh=&section=&q=wormdoes#/d3niht8

I've noticed that with GO Launcher EX the icons don't look too small on the 10x10 grid. On Launcher Pro, the 10x10 grid seems to shrink the icons down to where you can't really use them.Haven't had any problems placing widgets, just resize them and all should be well.

If your Minimalistic Text is getting cut off make sure your using the correct size widget. For example, if your trying to replicate like in the link you posted use something like 3x1 or 4x1, not 2x1 or 1x1 or it will cut off.

I just resize the widget. Simples
Sent from my Desire HD using XDA Premium App

Template for Nova Launcher themeing

Hi,
in the last few months I really start to like the theme with a static wallpaper (or multi wallpaper) where there is just everything and you use uccw/transparent icon on the phone.
I'm then having problem because often is hard to understand where a widget will be really positioned or is hard to put an icon in the right position (maybe you want to add a counter to it and the counter is not matching the icon in the wallpaper).
I'm using nova launcher (not sure why I choosed that, apex was a little bit laggy scrolling wallpaper and...ss launcher I didn't know about it but right now I love it but because I purchased nova, let's keep nova).
What I'm then wondering is if there are template with line where you can exactly understand where the grid of nova are (7x7, 6x7 and so on) or if someone has some suggestion on how to do that.
I already tried to just craete a pics in photoshop with the resolution of the htc one x and splitting it in 7x7 grid but, not sure why, my grid isn't matching the real grid of the nova homescreen (maybe because there is no notification bar on the top?? don't know).
Any suggesiton or premaded template around (tried to google it but without any good result).
Thanks,
Massimiliano

I do the same thing for my homescreen setups. Icons on wallpaper, etc. What you are going to want to do is create all the settings you want on nova. The grid, hide notification bar if that's what you want (it will change the size of spacing in the grid) then put an icon in every space. Preferably a square icon. Take a screenshot, and import it into Photoshop. Create a new action (Google "Photoshop actions") and create guides around every one of your icons. Save the action as the name of the grid size you were using in nova so its easy to remember for later. Then go to the wallpaper you were planning on using and run the action. The guides you made in the previous document will show up and you can use that to format where your Widgets/icons will go.
If you're still confused I could make a little video tutorial tomorrow if you'd like.
Tapatalk² from my Optimus V

kcls said:
I do the same thing for my homescreen setups. Icons on wallpaper, etc. What you are going to want to do is create all the settings you want on nova. The grid, hide notification bar if that's what you want (it will change the size of spacing in the grid) then put an icon in every space. Preferably a square icon. Take a screenshot, and import it into Photoshop. Create a new action (Google "Photoshop actions") and create guides around every one of your icons. Save the action as the name of the grid size you were using in nova so its easy to remember for later. Then go to the wallpaper you were planning on using and run the action. The guides you made in the previous document will show up and you can use that to format where your Widgets/icons will go.
If you're still confused I could make a little video tutorial tomorrow if you'd like.
Tapatalk² from my Optimus V
Click to expand...
Click to collapse
Me 2 trieing to make 3 homescreen wallpaper with "no icons" (blank png above icons on wallpaper). I perfectly understand what u trying to say and i think this is the way to do it but i got a problem. I can use guidelines as action for positioning but wall res (which i do in photoshop) is 1440x1280 and screenshot is 540x960. So cant get that accurate position even with guidlines... So my screenshot is little "zoomed in" when i put it in photoshop. Should i "level" it back by manual expand till my eye thinks its good or? Any suggestion?

Hi mates, have anyone of you eclipse template for Nova Launcher?
[edit] ech
https://github.com/teslacoil/Example_NovaTheme

[MOD][GUIDE] Make The Hottest Android HomeScreens Yourself

Got this post yesterday on Google+. so i thought it'd be great to share with you guys this article gonna blow up your android
How to make the Naturally Android home screen
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
With its subdued simplicity, Naturally Android won over plenty of fans -- and won its designer a nice new Nexus 7 tablet. So how's it made?
Creator Joe Rochinski said his main goal was to create something that was both simple and visually striking.
"I've never liked the look of home screens packed full of widgets and mismatched icons," Rochinski says. "There's an app drawer to house all your app shortcuts, so let's leave them in there!"
Rochinski found his background on DeviantArt.com. He then used an app called Wallpaper Wizardii to scale and position it just the way he wanted.
Nova Launcher Prime, a popular custom Android launcher, allowed Rochinski to eliminate extra home screen panels and also remove the separator line between the Favorites Tray and the rest of the screen. Nova also made it easy for him to swap out the icons to his own custom creations.
Speaking of those icons, Rochinski relied on an app called Simple Text to build them along with his custom app drawer button. He used Minimalistic Text, meanwhile, to make the clock and weather widgets.
"You don't need to be an expert programmer to get a similar look on your own phone," Rochinski says. "I hope this theme will inspire others to try their hand at their own home screen and make some more beautiful designs where less is more."
Click to expand...
Click to collapse
How to make The Explorer home screen
Greg Wright's Explorer home screen got lots of attention, and for good reason. Wright's creation is actually even cooler than you might realize, as many of the visual elements are interactive: Tapping the compass opens Google Now; tapping the caliper toggles the notification bar; tapping the lion at the bottom of the map opens a folder of frequent apps; and tapping the date at the top opens the system clock. The paper scroll at the bottom-left, meanwhile, shows a dynamic representation of the phone's current battery level.
Like the last setup, Wright's home screen uses Nova Launcher Prime to accomplish some of its magic. The wallpaper comes from Wallbase.cc; the widgets for the date, time, and battery level were all made using the Ultimate Custom Widget (UCCW) application along with a font called FoglihtenNo06 (Google it and you'll find several sites offering free downloads.
As for the interactive functions, Wright used Nova Launcher to create shortcuts on the spots he wanted and then set their icons to be blank images. That makes it seem like you're tapping the actual map instead of a regular app shortcut.
Click to expand...
Click to collapse
How to make the Organizus Optimus home screen
Like Amirul Farhan's eye-catching creation? You aren't alone.
Farhan built the setup using Apex Launcher, an alternative to Nova with many similar features (either app could really work for any of these configurations). Within the launcher's settings, he set the home screen grid to 9x5 and four panels.
He then created a custom set of wallpapers, one for each panel. He uses an app called MultiPicture Live Wallpaper in order to have each panel display a different background.
That's where things get a little more complicated. I'll let Farhan explain it:
Start on the first homescreen. Using Apex action, place an app drawer shortcut on the square icon (at picture's bottom right corner).
Next, using Apex action as well, place the shortcut to screen 2, screen 3, and screen 4 on the star icon, ribbon icon, and the conversation bubble icon, respectively. Repeat this step on screen 2, screen 3, and screen 4.
This is the tricky part: hiding the icon we placed earlier to make it blend with the wallpaper. You need a blank icon, easily downloadable from the Internet. Note that although you cannot see this icon in gallery, it's there. Long-press the shortcuts placed earlier, and replace the icons with the blank icon.
Got all that? Good. From there, Farhan used a series of widgets and icons to accomplish his effects. They include:
• Minimalistic Text Widget with a font called Billabong for the titles at the top of each panel.
• Eye in Sky Weather for the forecast on the "Weather and Status" screen and Widgetsoid for the power bar at the bottom of that panel.
• Icons from Minimal MIUI Go Apex Theme for the shortcuts to the apps on the "Leisure" screen and Minimal Reader for the headlines at the bottom of that panel.
• Brilliant Quotes for the rotating quotes at the bottom of the "Work and Productivity" panel.
• Android Pro Widgets for the social widgets on the "Social Circle" panel.
Click to expand...
Click to collapse
How to make the Ice Cream Dream home screen
Tony Zhang's Ice Cream Dream home screen takes its inspiration from the Android 4.x-level People app interface.
Zhang's made it easy to get the lowdown on his setup: Just check out the page he created at MyColorScreen.com for the full scoop.
Click to expand...
Click to collapse
How to make the Robot Control home screen
Tim Alvarez's Robot Control configuration was the most popular of all the designs featured in this month's challenge. To make it, Alvarez says he started with a background from DeviantArt.com, which he resized and cropped down in Photoshop to fit his device's screen. He also modified the image to add in some elements and erased parts of it to make room for active widgets.
The Calendar, Media, Apps, and Files icons are all built into the wallpaper; Alvarez used transparent icons to add invisible shortcuts on top of those areas.
He used Ultimate Custom Widget (UCCW) to create the clock/date widget, the battery percentage and ring widget, and the bottom widget with the weather, missed calls, missed texts, and current location.
For the music player, Alvarez used a version of Phantom Music Control with his own custom icon modifications. He also made his own custom icons for the dock at the bottom of the screen.
Oh yeah -- and there are some custom animations and sound effects involved, too. You can see 'em in action on Alvarez's YouTube channel.
Lucky for you, Mr. A is willing to share his efforts. You can download a zip file with all the aforementioned elements on Dropbox.
Click to expand...
Click to collapse
How to make The Heisenberg home screen
If you're a fan of Breaking Bad, there's a good chance you're a fan of Jeff K's Heisenberg home screen. Jeff put together a detailed how-to guide for the home screen with all the settings and info you need to recreate the look; you can find it on Dropbox.
Click to expand...
Click to collapse
How to make the Game Master home screen
Martin Sector put a lot of thought into his Game Master Android home screen -- and he's happy to share every bit of it with you. Check out Sector's detailed how-to guide on Google+ for every last detail (he's even generously offered to answer any questions that may come up along your journey; just ping him on G+ to get in touch).
Click to expand...
Click to collapse
How to make the City Slicker home screen
Check out Jonathan Moten's MyColorScreen.com page for all the info on this sweet-looking setup.
Click to expand...
Click to collapse
How to make the Minimalist Magic home screen
Michael Grimsley's minimalist setup uses a DeviantArt.com wallpaper along with Nova Launcher, Zooper Widget, and icons from Manup's Simple Word Icons "Clean 164" set. It also uses an icon from Devine Icons for the app drawer.
Click to expand...
Click to collapse
How to make the Currently Android home screen
Alex Miller's Currently Android home screen creation is a complex and well-thought-out effort, and you're in luck: Miller has put together a huge tutorial and even a video to help you set it up yourself.
Click to expand...
Click to collapse
How to make the Paper Screen home screen
To recreate Christopher Ryan's slick paper-centric setup, all you need is a custom launcher to replace icons (Nova, Apex, or most any other will do the trick; Ryan says he uses LauncherPro. The icons come from Blurry Pencil Pack; the clock is made with the Minimalistic Text widget along with a free font called Sketch_Block.
The background, meanwhile, is available here.
Click to expand...
Click to collapse
How to make the Android Me home screen
Like what you see in Jordan Hotmann's Android Me home screen? Head over to his blog for a detailed tutorial.
Click to expand...
Click to collapse
How to make the Serenity Now home screen
Ben LeFevre says his Serenity Now setup is "deceptively simple."
The clock uses the ever-popular Ultimate Custom Widget (UCCW) app along with a custom skin. The clock has some powerful hidden functionality, too. As LeFevre explains:
It consists of two widgets -- the center one and the left one. An invisible shortcut is placed over the arrows on each widget that swaps to the other home screen. Using Apex Launcher's Accordion transition effect and turning wallpaper scrolling off, this makes the drawer look like it's expanding/closing.
The Search and Play Store icons on the left UCCW widget are UCCW hotspots (shortcuts built into UCCW). The down arrow that brings up further apps is just an image, with a Circle Launcher widget over the top.
You can find the wallpaper here and the icons here and here.
Click to expand...
Click to collapse
EnjOy!!!:cyclops:

link to original thread http://blogs.computerworld.com/android/21359/make-hottest-android-home-screens-yourself

[GUIDE] Basic launcher theming

Hi all,
yesterday, I posted my new homescreens and you reacted nicely to it and asked for a tutorial! So here it is!
I will first describe the method to theme your launcher (I used Nova Prime) the more easy way... once I get more skilled I will upload more advanced guides!
Here is a list of the widgets you'll need:
Bobclockd3
minimalistic text
circle battery widget
plug in music widget
beautiful widgets
power toggles
1. Clean your current home screens. I recommend you make a backup via nova settings in case you dislike the new look or something!
2. I used the default HoneyComb wallpaper, just google it and set it as your wallpaper if you like it!
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
3. Now for the first widget to be added, were gonna place the main clock!
BobClockD3 is a nice clock widget, add it on the top right of your homescreen.
You will get a screen like this:
First, select the color of the hours. We'll just use white now, with zero transparency.
Then, you want to choose about this color for the minutes:
And don't forget to make it a bit transparent, that will look nice!
You can confirm that now, it'll look like this:
4. The next widget is going to be the Circle Battery Widget. You wanna choose the 2x2 one. Place it in the top left, next to the clock.
You can configure the colors you want the circle to be at certain battery levels by tapping the widget > colors. I made the normal color white, the warning color more transparent white, the critical color almost invisible white, and the charging color normal white. Other flashy colors can disturb the nice minimalistic look you want! After this, the homescreen will look like this:
5. Now for the last widget on the main screen you need Beautiful Widgets. It unfortunately is a paid app (Arr).
Add the "BW Weather 4x1" widget to your homescreen. A configuration menu will pop up.
Scroll on to the Appearance tab and tap the weather theme. You'll want to download a theme callled "Vos-Flat White", and set it.
You don't need to mess with the background theme for now. Go on to the Background and Colors tab, and enable "Hide Background"
Hit the checkmark in the right top to finish. The widget will be 4x1, however, it looks better if you resize it to 4x2 using the nova thingy.
Your homescreen should now look like this:
6. We are now going to set up all the icons, as the rest of the widgets sort of depend on them.
WARNING: This can be very time consuming. If you do not wish to spend more than an hour theming, stop right here.
First, just put the icons where you wish:
Now, the fun bit is going to start
You will need to download an app called MetroStation Icon Pack.
This app contains (you guessed right) loads of nice icons.
It looks like this:
For example, if you want your Facebook app to have one of these nice icons, you long press the facebook icon in the launcher, tap edit and this will come up:
Tap the icon, and choose "Icon Pack", then "MetroStation"
Now find the icon you like in the database, then choose the color you want. To keep the blue/white theme I have, you want to choose white. You can add a little transparency if you want. Do this with every icon and your screens will look like this:
As you can see I made the App Drawer icon blue. You can choose to do so if you like, I think it looks nice! You might also have noticed that the "Games" folder isn't a preview of the contents, but just one icon. You can do this the same way you chose the icons of seperate apps.
7. Now for the music widget. The widget is called "Plug In Music Widget" and is free to download from the Play Store. Add the 4x2 version where you want it to be. It does not look very nice now, but to change the looks, open plug in music widget from the app drawer, scroll to settings, and first tap "Select Music Player" it will show you a list of supported players, but I can tell the stock HTC music app works well, just like Apollo and Play Music. Next, scroll down to "Set widget Background" and choose "None".
It will now look something like this:
8. We are now going to add the power toggles. You can of course use the stock one, but I found that the free market app "Power Toggles" can be themed so that it fits our theme. Add the power toggles widget and you will be greeted by a menu which explains you the way it works when you open it for the first time. As a style, choose "Indicator". Then, choose the "Tint" background fill, and set white as the color. Scroll up again and give it the amount of transparency you like. Tap done when finished. Your screen should look like this:
9. Next thing is to 'label' the grouped apps. We are going to use the app "Minimalistic Text" for that. Add the widget of the desired size on the desired place and you will be greeted by this menu:
First of all, uncheck "Show Background". You can leave the orientation the way it is, and scroll on to "layout".
Delete the current row, and click the "+" button in the bottom left. Scroll to "Misc" and check "Static Text". Tap OK.
Tap the "Static Text" box, and enter your label, for example "Social". Choose the style "Normal".
Now scroll to the next tab "Text Style", and tap "Normal" The size of the font should be around 40, and set the color to HEX code: FF33B5E5. Tap ok and then new color. Tap the save button top right.
And that's it! You have now succesfully themed your phone like a boss!
I recommend you set up a gesture in nova settings with which you can toggle the status bar, as the homescreens look better without.
This guide was based on Armando Fereirra's YouTube video "How To Theme You Android Phone Like A Boss".
Please hit the thanks button if this helped you get an awesome homescreen or made you understand theming better!
Kudos,
Phenziox

reserved

reserved 2

Thankyou for taking the time to do this. It looks great :good:

Wow thanks mate another great guide added to the forums.
Great work!

Great guide Phenziox, I'm definitely going to try this

Here are the play store links, it's shortened so it doesn't clutter the posts. feel free to add to OP Phenziox
BobclockD3: http://bit.ly/Wf0O5q
Circle Battery Widget: http://bit.ly/YwBkP6
Beautiful Widgets PAID: http://bit.ly/zxTFSq
MetroStation Icon Pack: http://bit.ly/MSECUI
Plug In Music Widget: http://bit.ly/IhIalI
Power Toggle: http://bit.ly/KNaXuz
Minimalistic Text: http://bit.ly/Ig49d3
I am theming right now, and it does take forever! I think Nova should add an option to clear all homescreens
And a question Phenziox, how much home screens do you have?
EDIT: Also how many grid columns you have set? I used to have 5x4 but the BobclockD3 looked weird so I went 4x4.
ANOTHER EDIT: Hex code is invalid ;_;
FINAL EDIT: DONE THEMING MY PHONE!!! It only took 2 and a half hours but it's ok!
The power of Android!

Great guide. some apps that I doesn't know.
I'll try it after work.
Thanks

I have three home screens
Sent from my HTC Desire C using xda app-developers app

Great work
Great work thanks, will definitely give this a go when i get home.

You could add sidebar, with this search playstore "sidebar"
Sent from my HTC Desire C

einstein.frat said:
You could add sidebar with this search playstore "sidebar"
Sent from my HTC Desire C
Click to expand...
Click to collapse
I don't understand what you mean, what sidebar?
Sent from my HTC Desire C using xda app-developers app

sidebar is a hidden dock, when you swipe it, it becomes visible, just like ubuntu phone feature.

Also can't you provide us with your theme backup ? This will help the newbies.

TheRedHunter said:
Also can't you provide us with your theme backup ? This will help the newbies.
Click to expand...
Click to collapse
A backup won't help because that doesn't install the necessary apps...
Sent from my Nexus 7 using xda app-developers app

You could give them the backup, but make sure you tell them they need to install whatever apps, before they restore the backup onto their phone.

U can make a zip which has for the apks of the required apps and the backup
If u liked the idea hit thanks
Sent from my HTC Desire C using xda premium

U can also use Smart Launcher
A good launcher
Has 2 types of screens 1 for app drawer and basic requirements like dialer messages and the other set for Widgets
I will upload the smart launcher pro API in a while
Sent from my HTC Desire C using xda premium

wow it looks great... but still m not able to find MetroStation Icon Pack on market.... not from that link also.....

M[a]sh said:
wow it looks great... but still m not able to find MetroStation Icon Pack on market.... not from that link also.....
Click to expand...
Click to collapse
Link I posted works fine for me!
https://play.google.com/store/apps/details?id=jp.u1aryz.products.metrostation
sent from my HTC Desire C