Create your own FlipFont APKs complete walkthrough +Now with quick font size scaling - Vibrant Android Development

Create custom FlipFont files with font preview and icon.
*At present this only works on Galaxy S phones, but should work if FlipFont is ported or released on other devices*
Why do we need to jump through hoops?
It seems that the fonts in the MonoType apks on the market are digitally signed. This is what is preventing the use of any old font being added to an APK. I believe the FlipFont app is looking for the digital signature in the font within the APK. If its not there, it does not use the font and reverts to using the default font. It MAY be possible to edit the FlipFont APK so that it no longer looks for the digital signature. This should allow us to use any font without jumping through hoops.
If you can find the FlipFont Apk please post its location or better yet PM me with its location. If your really feeling spunky ADB pull the file off your phone and post it here, so we can take a look at it.
Lets trick FlipFont. Heres what you need.
Apk Manager 4.8 found here. This will allow you to decompile and edit the APK attached at the bottom of this link. Dont worry its much easier then it sounds.
FontCreator 30 day trial found here. This is a windows only program. If you know of a cross platform, open source or FREE font editor please let me know. The one on source forge is not stable enough for use at present and its install needs its own walk through.
***Link for FontCreator has been downgraded to version 5, which will allow you to save fonts during the 30 day trial, unlike version 6. Thanks sigeltek***
Photoshop or Gimp. Note you only need this if you want to edit the icon file for the app. I will not go over editing the icon in the walk-through, this should be pretty self explanatory.
Digitally Signed Monoglyceride font found here For some reason Mediafire sees this as a jpg file. Click the download this image button in the link and you will see its actually a .ttf file. ODD :ºp
The Monoglyceride APK attached at the bottom of this link.
Walk-through editing the Monoglyceride font with FontCreator.
Open the Monoglyceride.ttf font with FontCreator
Open the .ttf font you want to use.
Make note of the number of Glyphs at the bottom right side of FontCreator when you have your font selected.
Click the Monoglyceride font window in FontCreator and choose edit>select all at the top of the program.
Hit delete on your keyboard. This should delete everything in the Monoglyceride window.
click Insert>Glyphs... at the top of the program
type in the number of glyphs your font has in it and hit ok. You should now see a bunch of empty glyphs in the Monoglyceride window.
Now switch back to your font and again hit edit>select all
Hit edit>copy
Swith back to the Monoglyceride window and click edit>select all... and then edit>paste special...
This will open up the Paste Special window. Put a check in every box in Item section and choose "Add Mappings" in the mappings section and then click OK.
If this worked properly you should see all of the characters and mappings from your font in the Monoglyceride.ttf window.
Close your fonts window in FontCreator
Click File>Save as, rename the Monoglyceride.ttf with the name of your font.
Thats it you now have a digitally signed font. If you want to double check, open the new font in windows and you should see that the font is still technicaly the Bauhaus font, but it now contains your fonts characters. :º)
*** eweo911 has just informed me of a quick way to resize the font if it is too large. You can check to see if its too big by double clicking on one of the glyphs after preforming the Paste Special section of the instructions above. Its best to choose one of the uppercase letters. If the glyphs image goes above the guide shown for cap it WILL be a large font on the phone. These guides are set in the perfect position for our phones screen.
Here is the quote from eweo911:
I have figured out how to make the fonts smaller so you can adjust them to fit the screen better. Not sure if anyone else has done it yet but here is what I did.
After you do the "Paste Special" in font editor (per Ritalins how-to), you will need to make sure all of the glyphs are highlighted in the new font. Yiou will then go to "Tools" and then "Glyph Transformer". Once there, you will select the "Selected" button, then under Available Features you will expand the Outlines tree. Select scale and then you will have two variables for Outlines-Scale. Choose an integer that you want to test with and then hit "ok". Save as your new font name and that should be it.
Click to expand...
Click to collapse
Another helpful hint for eweo911, for those that want to use a font, but the new font is missing some of the special characters.
Here is the quote for eweo911
The process is pretty similar to the original.
1. Start out in Font Creator by opening your two fonts.
2. In your new font, choose to "select all".
3. Go to Edit and then Copy
4. Switch over to the monoglyceride font (or whatever you are using as the original font you will be making into the new font). Here, selct all glyphs as well.
5. Go to edit and the paste special, selecting all four Items and choosing "Overrule Same Mappings".
6. Hit ok and then save the file with your new font name.
This will place all of the new glyphs into the font you will be remaking while retaining all of the special characters from the original font.
Click to expand...
Click to collapse
Walk-through editing the apk with Apk Manager 4.8
Download the monoglyceride.apk listed below.
Copy the apk into place-apk-here-for-modding folder in the Apk_Manager_4.8 directory.
Run script.bat and choose option 9
Open Apk_Manager_4.8\out\assets\fonts in explorer
Replace existing monoglyceride.apk font with the .ttf font you edited in FontCreator
edit all XML, yml and smali files to include the font name or font.ttf depending on the entry in the original file. Just replace monoglyceride in these files and folder with the name of your font. Pay attention to capitalization in the existing files, and make sure to do the same when replacing with your file name.
Edit the last folder name in the smali folder tree from monoglyceride to the name of your font
Edit the icon.png in the drawable folder with one of your own.
Compile apk - option 11
Sign apk option 12
Check the Apk_Manager_4.8\place-apk-here-for-modding folder and you should see repackaged-signed.apk along with the original monoglyceride apk. Rename your new signed.apk file the same as the monoglyceride one and just check the name at the end with your font name. This is not REALLY necessary, but do it for consistency sake.
install apk on your phone
This might take you about 30 minutes the first time you run through it, but after you get accustom to the steps you should be able to bang through it in about 10 minutes.
Well here you go, here is my first custom FlipFont APK.
Monoglyceride
{
"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"
}
http://www.mediafire.com/file/b63fa44f7ks7e3d/com.monotype.android.font.monoglyceride.apk
Its working perfectly for me, but let me know if you have any issues.

Reserved for further changes.

Yes!
As a major font fanatic myself, I applaud you sir If you get this working I have a boatload of fonts I'd want to try... Flux would look stunning on this screen...
http -- ://new.myfonts.com/fonts/t26/flux/
http -- ://new.myfonts.com/fonts/fontbureau/fb-agency/
Etc...

Few steps forward, few steps back.
First off I will say that the font is a little hard to read and too light, but this is just for testing so its not that big a deal right now.
Ok so I got hold of a font that about the same size as the Bauhaus font. After doing everything in the above posts and installing the font, the restart was a LITTLE bit faster. It still seems to choke for about a minute or so after the desktop first appears and the pass based lock screen is sometimes unresponsive on first try. Overall its running much better, but still not perfect.
Also some words see to get clipped off for no reason as you can see in the image attached on the text for the Astro bluetooth icon. Not sure why this is happening.

Seriously, 160+ views and no comments. Does no one have ANY experience with font development, XML or apk development?

None, but we all want new fonts....
-bZj

down8 said:
None, but we all want new fonts....
-bZj
Click to expand...
Click to collapse
Well I figured it out. But because of that comment you cant have any.
:ºp

pretty sweet.
Need someone to develop an app that does the entire process.
something that you can just drop any .ttf and you get the .apk out of it.

Ive been trying to edit an xml for a week to change the font color... you have actually gotten further than I have... keep up the good work... I hope you figure it out...

junkdruggler said:
Ive been trying to edit an xml for a week to change the font color... you have actually gotten further than I have... keep up the good work... I hope you figure it out...
Click to expand...
Click to collapse
You can try this right here, http://forum.xda-developers.com/showthread.php?t=535630 . It was made for a cyan template so I don't know if it will work on SGS.

What I would also like to see is if we can locate, remove and port the FlipFont apk. Anyone up for trying that part?

Your font looks great on my Captivate. Thanks for sharing

ritalin said:
Other info and things Ill try next
Before going through the time consuming method of editing the .ttf font file listed above I wanted to see what would happen if I left the original font APK alone and just removed the all of the internal naming. This area contains things like the font name, vendor, license agreement, copyright, ect... After I removed those entries in the file, windows still showed it as Digitally Licensed, but the font FAILED when recompiled and installed in Android.
I am going to try moving these entries over to another font and try again. This may not work, because from what I have read about digitally signed font, editing them breaks the signing. There is hope that this is not true based on the fact that I DID edit the font (characters, ect..)and it still worked. [/INDENT]
.
Click to expand...
Click to collapse
Alright so I gave this a try and it made the font fail. It will install and show properly in the settings preview window, but after applying it and restarting the font shows up as the default font. My guess is that the font DOES HAVE TO BE digitally signed with the right key in order for it to function in FlipFont.
I have simplified another method of using the existing digitally signed font and copying another fonts characters and glyphs into it. I will post a how to when I find a free or open source font editor so everyone can do it.

Thanks for the guide. I'll try it later.

Thanks david.. Been there done that... I got it done its just force close looping the phone...
Sent from my SGH-T959 using XDA App

ritalin said:
Well I figured it out. But because of that comment you cant have any.
:ºp
Click to expand...
Click to collapse
It was just meant to show interest.
Tried the font, and it rocks - thanks for the dev work!
-bZj

Has anyone managed to find the FlipFont apk? I would like to take a look at it to see if the digital signing check for fonts can be removed.

I am also thinking about creating a dropbox directory for the fonts, with two folders. One for the APKs the other for just fonts that people have tested and know look good on our screens.
If you want access just shoot me a PM.

How do you install the APK? HELP
Thanks

beckhamsoccerman said:
How do you install the APK? HELP
Thanks
Click to expand...
Click to collapse
Just transfer it to your phone then open it up with your file explorer (astro, files etc)

Related

TF3D Blue Highlights Theme

UPDATE:
1.Consolidated all theming files and screen-shots into this post for easier access.
2. Added 11 more files to the theme and cab packages including a working manila Internet Globe. No xml file to edit anymore.
3.Added LongPressEndKey Skin as an add-on cab.
4.Added cab or zip choice for manila globe
{
"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"
}
TF3D_HTC_Black-w-Blue_v1.theme
I used the "HTC_Black_v1.93_1.2b.theme" as my base and just patched my files and tsk file to it. The way I learned to install themes via Diamond_Config was to always reset to the stock theme first before applying a new theme and it seems to work well that way. The only problem I encountered was the need to change to a different Today theme and then Back to the Black-w-Blue_r2.tsk theme after it was installed. I'm not sure if that was just a problem for me with all my test themes I have on my device or not. So if you end up with a gray background on the "Start Menu" drop-down after installation, just pick a different Today theme and back again and all should be fine. You don't have to reboot when changing Today themes.
To use, extract the .theme file and copy to your device where you can find it. Then install using Diamond TF3D Config version 0.6.7
Download Here
1. Eidolen TF3D_Manilla_BlueHighlights_Patcher_r2
This will overwrite the 50+ files in your windows directory that have green in them. It also correctly sets the colors under HKLM\Software\HTC\Phone to give you blue highlights when using the dialer. Lastly it sets colors under HKLM\Software\Microsoft\Color to"try" to set the proper system colors but it will depend on what Today theme you have installed. If for some reason you don't like the results you can just change your Today theme to something else and back again and it will be back to what you are used to. Otherwise you might want to try one of Today themes I made specifically to go with this cab.
This is for people already using an HTC Black theme and just want to change the Highlights to Blue. If you are using the Diamond Config Tool then you should use the theme package from above.
Download HERE
2. Eidolens_Black-w-Blue.tsks.zip
There are 4 Today themes here that vary from a very basic no frills black with blue highlights, to more elaborate themes that take advantage of the gradient support and uses a wider variety of colors for message pop-ups. They are so easy to change out that if you find something you don't like in one, just try the next. If you are a true "Blue" freak you may want to try Microsoft's free theme called Dark. It will give you deep blue 3D bars and blue highlights throughout. It was a little much for me but it does match very well with my blue highlight patch. Look at the screen-shots of the main theme for a preview of Black-w-Blue_r2.tsk.
Download HERE
3. Eidolen PocketCM_DarkDiamondII03VGA_Blue_Patch.cab
This is just for people that are using PocketCM with this exact theme. I couldn't stand having blue everywhere and then green in my contacts. This makes no changes other than overwriting the 17 files that have green in them in the default directory. "Program Files\PocketCM\Dark Diamond II 0.3 VGA" Check out the authors thread HERE for program info and font package.
Download HERE
Eidolen_Manila_Globe_BluBlk.zip
Eidolen Manila_Internet_Globe_BluBlk.cab
This turned out to be more difficult than anything else I've themed so far. I've found that most themes address this by editing one of the xml files and call the images that way, effectively bypassing the original manila file. It works that way but is horribly slow to load every time you scroll to the Internet tab. I was finally able to figure out how to edit the manila file directly so now you can have the graphic load at stock speeds if not quicker as the file size is actually smaller now.
You can read about it HERE if you'd like to edit your own instead of the ones I supplied here. I'm posting both a cab and zip. Just install cab as usual or extract the 2 manila files from the zip directly into your windows folder on your device.
Download Cab HERE
Download Zip HERE
Eidolens_LongEndKey_Transparent_Skin.cab
I created a new skin for the HTC Long Press End Key App since it was out of place with every theme I've seen for TF3D. I must admit that my inspiration was from a dialer I found and liked. All the credit for the design should go to that author. His thread can be found HERE
The cab is very straight-forward as it only replaces the actual png files in your windows directory and makes no other modifications. I would imagine this should work for any VGA HTC device that has the LongPressEndKey app installed. The install will prompt you to reboot after install and I highly recommend doing so.
Download HERE
NOTES:
1.If you want the IPC Dialer that is in the screen-shots for the main theme, you can find it HERE
*As always make sure to backup your files in the event you want to change back to what you had.*
Cheers,
Eidolen
looks realy good.
will try it later.
Today Theme Screens
Some of the differences between the "Today" themes.
Eidolen
Is it possible just to get the dialer?
Sure, here ya go.
*Edit* Found the author's post so linking to it instead:
http://forum.xda-developers.com/showthread.php?t=438412
nice! But i have 1 problem. Select of Opera Browser is white.
oh and in dialer my contacts are also white and i have white background so it's invisible
Blue Globe Addons
UPDATE: Found a way to avoid using this method. New cab and zip listed in first post. Will leave files attached though I can't think why any would want them.
ascorpion said:
nice! But i have 1 problem. Select of Opera Browser is white.
oh and in dialer my contacts are also white and i have white background so it's invisible
Click to expand...
Click to collapse
Thanks for the feedback. I'm still quite new and am learning as I go. I never tested the globe before posting so I apologize for that. After much research I found out that there are a few ways to handle "skinning" the globe. For now in the patch I am removing it all together as I have not found a way to skin it directly using the stock .qtc method. The alternative is to modify the file that calls the stock file, and redirect it to one of our choosing. The problem here is that turns out to be different files depending if you have a AT&T Fuze or not. (There may be others but I have no way of knowing for sure.) So I made a blue globe patch for both types just to be safe. They are very basic patches consisting of 3 files each. 2 are the selected and non_selected pictures and the xml/manilla file.
The Up side to this method is you can swap out you globe pictures easily at will at anytime by overwriting the .png files in your windows directory with pictures of the same size and names. The Down side is it takes a good bit longer to load up which is why I didn't put them in the updated patch and made them optional addons. I didn't try loading smaller files to time the loading so you my get better results with a more optimized, less elaborate pictures. Not really sure.
Here's the code for both cabs:
Eidolen TF3D_Blue_Globe.cab (Windows\27c65cbd_manila)
Eidolen TF3D_Blue_Globe_FUZE.cab.cab / (\Application Data\Manila\InternetPortal-en-US.xml)
<?xml version="1.0" encoding="utf-16"?>
<InternetPortal>
<IncludeUserFavorites>True</IncludeUserFavorites>
<Banner
DefaultImagePath="\Windows\qiu.png"
SelectedImagePath="\Windows\sqiu.png"
Text="Launch Opera Mobile Browser"
NavigateUrl="http://www.google.com"
Width="480"
Height="215" />
<OperatorLinks>
<Link
Text="YouTube"
Executable="\windows\youtube.exe"
ImagePath="\Windows\HTC\Assets\Images\InternetPortal\youtube.qtc" />
</OperatorLinks>
</InternetPortal>
The code is identical for both, but there are called by different files. I have tried the Fuze cab without any problem but have no way to test the other. If there are any problems I'll see what I can do but it really should work. If it doesn't it shouldn't be a problem trying the other. Especially since you've already backed up your files. Right?
I'm sorry about the dialer problem. It's hard for me to test the exact problem you are having as my base themes have always been black. If you used the dialer I posted, that wasn't my making so I can't help you with that. Try searching the forums for the cab name and see if others have had the same trouble. The only thing my cabs did was to change some color settings for the phone screen to set the highlight blue. Those setting don't deal with transparency or graphics at all. Let me know what you find.
Cheers,
Eidolen
TF3D Config Blue Highlights Theme
UPDATE: Get new version in first post.
Well I gave it a shot. I used the "HTC_Black_v1.93_1.2b.theme" as my base and just patched my files and tsk file to it. I completely removed anything to do with the globe files until I can find a way to make it work on all devices. Until them you can try one of the addons I posted above.
The way I learned to install themes via Diamond_Config was to always reset to the stock theme first before applying a new theme and it seems to work well that way. The only problem I encountered was the need to change to a different Today theme and then Back to the Black-w-Blue_r2.tsk theme after it was installed. I'm not sure if that was just a problem for me with all my test themes I have on my device or not. So if you end up with a gray background on the "Start Menu" drop-down after installation, just pick a different Today theme and back again and all should be fine. You don't have to reboot when changing Today themes.
If there are any problems I'll do my best to sort them out.
Cheers,
Eidolen
To use, extract the .theme file and copy to your device where you can find it. Then install using Diamond TF3D Config version 0.6.7
Update: Put .theme file inside zip instead of having to rename like before. Sorry for those who experienced trouble.
Hi Eidolen,
i my be a bit stupid, but how to install the TF3D_HTC_Black-w-Blue.zip after renameing it with Diamond config? Where do I have to copy the file to. Storage Card?Sorry to bother you, but I really would like to know the How To ? THANK YOU, Mike911
mike911 said:
Hi Eidolen,
i my be a bit stupid, but how to install the TF3D_HTC_Black-w-Blue.zip after renameing it with Diamond config? Where do I have to copy the file to. Storage Card?Sorry to bother you, but I really would like to know the How To ? THANK YOU, Mike911
Click to expand...
Click to collapse
Hi Mike911,
To use .theme files you need a program called "Diamond Config Tool". This program allows you to swap themes out instead of having to install them manually. The program can be found HERE. You should read up thoroughly before attempting to change themes. Once you feel comfortable enough to try it you need to download the file I listed here and rename the ".zip" extension to ".theme". At that point you should copy the file over to your phone somewhere easy to find. Then open up Diamond Config Tool and go to the second tab labeled "Appearance" This is where you will be able to select themes.
I can't stress enough that you should fully understand what you are doing and back up all your files before trying any of this. Themes should not damage you device but they can make things difficult if something goes wrong like not being able to read text if the font color is the same as the background color, and so on. There are plenty of good guides around and some tremendous themes to try out once you get going. I also recommend doing a search on YouTube for Diamond Config Tool and TF3D as watching someone do it makes it alot easier than just reading about it.
Hope that helps you out some.
Cheers,
Eidolen
I think I understand mike911's question, as I'm prolly experiencing the same problem...
Namely, I've downloaded the .zip file, renamed it with the ".theme" extension and copied it tom my phone's storage card. Launching the Diamond Config Tool and browsing to the appropriate location, DCT cannot locate the file. It does see another one that I've previously installed, but not yours...
P.S.: Figured it out: Rename the file with the ".theme" extension during the "Save To:" portion of the download...! Works a treat.
Thanks for the heads up. I didn't realize there would be a problem renaming it afterwards like that. Good catch! Now that I think about it I should have just put the theme file "Inside" a zip to start with. I will update the instructions and re-up the file properly.
Thanks Again,
Eidolen
cool m8, the blues way better than that horrid green so nice job on this 1 there thanks man
looks great, definite improvement over the stock ATT theme. When question, is it possible to add tabs and/or keep the ATT tab? I actually use a couple of the ATT bloat progs and I've seen a really nice stock ticker tab (I think mobilematt's 14 tab fuzeberry theme has it) that would be great to add. I really like what you've done and am enjoying the change, just hoping for some potential enhancements in the future.
Hi Eidolen, thanks for your quick answer.I will try it the way you mentioned above. Thanks for your help. Mike911
one prob i found with it was the phone screen i lost all me text it was in white and for some reasion i didnt see a call when it came in only when it was highlighted in the blue could i see the call
any idea why ???
@rattman8
I'm sorry you are having trouble. If I can get some information I'm sure we can figure out what's going on and fix it up. I need to know if you used the patch or the theme for starters. If you used the patch I need to know what theme you you were using if any. Also are you using any special dialer theme or possibly the one I posted? In case you need a quick fix I created a cab that will change the text color to gray for the dialer only. This way it should be seen on either a white or black background. We can still work on getting the exact colors you want but this should get you going for now.
@znutar
Thanks for the kind words. Unfortunately I'm not advanced enough yet to manipulate which tabs are shown or hidden. I just used an existing theme file and changed the graphics to my liking. There may be a way to add the ATT tab back and if I run across the answer I will post it here. Until then you might want to use the programs tab and add your shortcuts to the programs that were previously on the ATT tab if you have any room left there.
There is one improvement I'd love to add but haven't researched it yet. When I tried to make to this theme I really wanted to get the 3D look on the top and bottom bars in glossy black. Apparently this is impossible to do with the existing Microsoft theming engine. You can get glossy 3D bars in any color other than solid white and solid black. Can read here for more information.) Well there is a program floating around here called GlossyBlackBars.exe that is supposed to overcome this limitation but I want to find out more before using it. I've read that some people have had trouble with it while others have used it without incident. If it doesn't eat up too much memory I may give it a shot. In any case it's easily found if others are interested.
Cheers,
Eidolen
@eidolen: I just first want to thank you for working on this theme. It's one of my favorites so far! Owning an AT&T Fuze, with the blue lighting and accents on the physical keyboard, just clashed like all get-out with the green accents of the stock HTC Black theme (which in itself is far more preferable to me than the AT&T theme)!
The only other theme I've found that I'm interested in for my Fuze would be this one:
...Which incidentally, I'm in love with, but it was created for Manila2D, not TF3D, so...
Im forced to use your version, but I've had some minor but ugly looking issues with it...
The main problem for me, is that no matter what I have tried, I cannot keep the blue/black start menu theme. It either reverts to a black text on white background (w/green highlight), or even the stock AT&T colors of black text on grey (w/orange highlight...bleh!). I've done days worth of reading on the forums and saw some info about changing certain reg settings with hex color codes and also differences between large and small menus, but none of them worked for me either...
Any ideas???
Hi Eidolen, I am a little stupid. I just used the wrong prog to set install the theme. Right now it works perfectly and I am rid of the dump green. Thanks a lot.
@stained-steel
I'm sorry you are having troubles. That sounds like the same problem I was having with the Microsoft Today themes. Did you happen to try the suggestion I posted in post #8? Try changing to a different Today theme like AT&T Tabbed, activate it, then go back and change to Black-w-Blue_r2. You do not need to reboot when changing Today themes so it would be quick to try. If that doesn't work I'd be inclined to think that you have some other software that is interfering with the Today settings. Are you using glossyblackbars or any other theming software?
I have no doubt we can sort this out but I need some more information if the above does not work. Did you use the patch and and one of the 4 Today themes I posted, or did you use the .theme file with Diamond Config Tool? If the patch, What exact theme were you running when you ran the patch? If you used the theme did you reset to the default theme before changing to mine? Any information you can give will help me help you.
I know how frustrating it is as I spent 2 days figuring out how and why to get the Microsoft theming engine to play nice with my TF3D theme. If anything at all manipulates the BaseHue setting then all bets are off. It really is a patched together system that need a complete overhaul IMHO, but that is another topic. Let me know how you make out and I'll check back later for your reply.
Cheers,
Eidolen
On another note I am working on skinning the Long_End_Key app. It was inspired by the IPC Dialer skin I found somewhere and posted in this thread. I didn't like that it was skinned completely different the rest of the phone right from the factory. Anyway I still have a ways to go but here's a preview.

[VGA][WM 6.5 & 6.5.x]HDWall-Like Mod for Sense 2.5 - Updated 03-11-10 with more cabs!

[VGA][WM 6.5 & 6.5.x]HDWall-Like Mod for Sense 2.5 - Updated 03-11-10 with more cabs!
VGA HDWall​​​Update 03-12-2010
Well, I made some more cabs if anyone is interested. The 6.5 and 6.5.x versions are zipped together. Make sure you install the right one for your SYS. You can match screenshots to the names on the softkey bar. Hopefully some people like them. They are attached to post 3 and post 4.​
{
"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"
}
It's HDWall-Like because you have to do more work to get your own images . I don't have the knowledge to create a program like the one that exists for WVGA.
This mod is for VGA users running Sense 2.5 on their phones. I have only tested it with the current Sense_2.5.2012 VGA port, but it may work on the Sense_2.5.1921 VGA port. There are versions for both 6.5 and 6.5.x. This mod contains the 2012 Better_Background mod by amarullz and the a modified version of the bg4all mod I made following cookiemonster's instructions. For now, alignment is only perfect in portrait mode.
Instructions and cabs for creating your own images will be in post #2. I have simplified the process as best as I can, but it will take a little work on your part to get your own images.
The VGAHDWall mushroom cabs attached to this post will give you the HDWall picture above and also change WM6.5(.x) startmenu picture and make remove the opaque WM6.5(.x) start menu curtain. I have also attached various cabs to get the transparent slider, transparent curtains, transparent WM6.5(.x) start menu curtain, and transparent clock weather alarm date calendar.
Make sure you choose the right version for your OS (6.5 or 6.5.x)!
Please report any problems you may have (other than it not aligning right in landscape ).
It should work well with almost other sense 2.5 mods (the only manila file required is 090a4ee8_manila and 4bfcbbee_manila, 285d005a_manila, and 0509ab83_manila are used for the better quality wallpaper).
Making your own VGAHDWall Backgrounds
16 March 2010 Update
Easier and quicker template for making vgahd.png, vgahd_softkeybar.png, and vgahd_taskbar.png posted by jorgepr13 <here>. Save as png-24.
*click thumbnail for larger view
Step 1: Find a 480x640 wallpaper you want to use
Step 2: Open image in photo editing program (photoshop in this example)
Step 3: Open appropriate .psd (if using photoshop) or make your own template for taskbar/softkey bar. For WM 6.5, you need a template of 480x52 pixels.
I highlighted the entire 480x52 pixel template and moved that selection to the top of the 480x640 wallpaper. For 6.5.x, you need a template of 480x36 pixels and you select/copy the top 480x36 pixels of your wallpaper.
Step 4: Copy the top 480x52 pixels into the 480x52 template and save the file as vgahd_taskbar.png.
Step 5: Open appropriate .psd or make canvas for the softkey bar. WM6.5 uses the same 480x52 pixel template. For 6.5.x, you need a 480x68 pixel template. Copy the bottom 480x52 (6.5) or 480x68 (6.5.x) pixels and paste them into the template. Save that file as vgahd_softkeybar.png.
Step 6: Save the 480x640 wallpaper as vgahd.png.
Step 7: Make a copy of vgahd.png (ie vgahdtemp.png) and rename it to homebackground.img with no .png extension.
Step 8: Copy vgahd_taskbar.png, vgahd_softkeybar.png, and vgahd.png to \Program Files\VGAHDwall (you will have to create the VGAHDwall directory there).
Step 9: Copy homebackground.img to \windows on your device (overwriting the current one if it asks).
Step 10: Install the WM6.5 VGAHDwall.cab (WM 6.5) or WM6.5.X VGAHDwall.cab (WM 6.5.x) to your device and soft reset. These cabs contain the appropriate registry settings for taskbar/softkeybar and sense background (assuming you copied files to the correct directories ). They also contain the better background mod by amarullz (3 manila files) and the modifed bg4all (1 manila file).
Steps need to be done in order.
If you switch to a different .tsk, you will need to install the cab again to make the taskbar and softkeybar show your image.
If you want your start menu background to match, go to settings->Today->check box at bottom ("use this picture...") and pick vgahd.png. You will need to copy vgahd.png to a directory that it searched (ie \My Documents\My Pictures).
For a better look, you can replace stwater_480_640.jpg and stwater_640_480.jpg with your custom image. In the mushroom example in post 1, I saved vgahd.png as stwater_480_640.jpg. Then I re-sized vgahd.png to 640x480 (did not constrain proportions) and saved it as stwater_640_480.jpg. Copy both stwater_xxx_xxx.jpg files to \windows and soft reset phone. This will make the landscape start menu and titanium wallpapers look better.
Another tip to easily copy and overwrite files to \windows is to use cfcgui by chainfire. Just open the program and drag the files you want to copy to the white box in the upper left that says "drop files here....". It will copy files and restart sense for you (will still need to soft reset phone for taskbar/softkeybar and start menu to show).
More pre-made cabs
cabs attached
reserved for more pre-made backgrounds and user-created ones
WoW! Rock on man, I've been wanting to use this for awhile but the original never worked correctly for my poor old diamond.
Can't wait to work with this!
One bump for more cabs attached.
Thanks man these are great. I love how it makes the screen seem larger and less cluttered.
imma try this out
awesome work
thanks
well i got it to work once by doing my own ..when i tried again only the top and bottom would show up and the reg wallpaper .followed the steps to a T
really need a program like the one for qvga lol oops wvga i meant
uuuggghh
how do you uninstall this? i changed my mind about wanting it and now it wont uninstall and it's really frustrating because my phone now looks retarded and i dont feel like hard resetting when i just spent two hours tinkering with it to set up this new rom the way i want it
devon4drums said:
...my phone now looks retarded...
Click to expand...
Click to collapse
hehe....
not from the hdwall thing, btw. from me messing around with other stuff and screwing the hdwall up. now i cant go back to how it was, and i just want it gone
Kameirus said:
well i got it to work once by doing my own ..when i tried again only the top and bottom would show up and the reg wallpaper .followed the steps to a T
really need a program like the one for qvga lol oops wvga i meant
Click to expand...
Click to collapse
Well, if you can't get the wallpaper to work, just select your wallpaper via the menu-home wallpaper-weather wallpaper on homepage. It should show up then. Make sure to install the cab (and reset) after doing all of the other steps like put homebackground.img in \windows and vgahd.png in \program files\vgahdwall if you are trying to get everything set all at once (of course, changing the wallpaper the normal way might be simpler).
devon4drums said:
how do you uninstall this? i changed my mind about wanting it and now it wont uninstall and it's really frustrating because my phone now looks retarded and i dont feel like hard resetting when i just spent two hours tinkering with it to set up this new rom the way i want it
Click to expand...
Click to collapse
It's simple enough. You can take apart cabs with a program called cab2oem. Google will probably find you a link. Then you can see what files are inside and know where they go.
Anyway, to get rid of it delete the following:
from \windows
285d005a_manila
0509ab83_manila
4bfcbbee_manila
StartMenu_Background_Screen_480x640.png
StartMenu_Background_Screen_640x480.png
homebackground.img
stwater_480_640.jpg
from \program files
delete entire \vgahdwall directory
Finally, set your tsk again.
That's it. You will be left with what was cooked in your ROM.
that's very nice looking! what about preparing one with this simple background? should look awesome..
i tried to prepare one by myself but the taskbar and bottom bar did not become transparent,they were still black.. dunno what i did wrong??
thanks mwalt did your suggestion and worked thanks
i'm trying on wm6.1/sense 2.5.2012 but still have no luck. the wallpaper shows up but the taskbar and softkeybar are still black. do i have to use some kind of transparent taskbar cab or the two 480x52 files are skin textures for them? maybe it's not 100% compatible with wm6.1..?
i did a cab:
the reg strings from the .rgu are imported
manila files and homebackground.img go to \windows\
vgahd png files (wall/top/bottom) go to \program files\vgahdwall\
i'm missing something?
---
edit:
nvm..from what i've read the wm6.1 taskbar and softkeybars are not skinnable..
I'm using "Blond" and my phone looks awesome. Thanks mwalt2!
I keep looking to the templates... and I think it will be easier using the slice tool (photoshop) and save for web & devices...
You make everything in the same window... it will separate the taskbar and softkeys... and you can save the complete image
If the slices are not shown, select the slice tool.
If they still dont show, make them...
With the slice tool selected:
-you can edit them by r-click (Edit slice Options),
there you can type the name (that's how that slice will be named when you save it)
-you can drag them to put them in place with the slice tool selected too.
When saving, select 'Save for Web & Devices...'
click the slices to select the extension, change quality if you want, ect
EDIT: Changed templates to png-24 preselected
added homebackground.img creator (a simple script that copy vgahd.png and renames it), place in the same folder of vgahd.png, and r-click > run as admin
EDIT2: Added the MakeCab... just place all in the same folder and run the script (r-click > run as admin) it includes the homebackground.img creator...
etoy said:
edit:
nvm..from what i've read the wm6.1 taskbar and softkeybars are not skinnable..
Click to expand...
Click to collapse
Thanks for confirming it doesn't work with 6.1. I've updated the post with the info.
overjjrk said:
I'm using "Blond" and my phone looks awesome. Thanks mwalt2!
Click to expand...
Click to collapse
Glad you like it
jorgepr13 said:
I keep looking to the templates... and I think it will be easier using the slice tool (photoshop) and save for web & devices...
You make everything in the same window... it will separate the taskbar and softkeys... and you can save the complete image
If the slices are not shown, select the slice tool.
If they still dont show, make them...
With the slice tool selected:
-you can edit them by r-click (Edit slice Options),
there you can type the name (that's how that slice will be named when you save it)
-you can drag them to put them in place with the slice tool selected too.
When saving, select 'Save for Web & Devices...'
click the slices to select the extension, change quality if you want, ect
Click to expand...
Click to collapse
Thanks, that does simplify things and works well (once I remember to save as png24 ). I've updated post 2 with a link to your post. I'm a photoshop noob, so I had not used the slice tool before.
edit - One other thing I've noticed is that the manila wallpaper is sometimes brighter than the taskbar/softkeybar images. It seems that manila changes this and can cause there to be a noticeable line between the two. One fix is to change the brightness +5 and contrast +6 (or so) for the taskbar and/or softkeybar. This will make it appear more fluid and the separation to be less noticeable.

[Q] Customize SMS Unread Count

Hello all, I have a quick question, how do you add custom icons for SMS Unread Count? you can only choose from three? but i have seen tons of people with others... thank you^^
Have a look here...
http://android.kanokgems.com/sms-unread-count
Sent from my HTC Desire using XDA App
mikep99 said:
Have a look here...
http://android.kanokgems.com/sms-unread-count
Sent from my HTC Desire using XDA App
Click to expand...
Click to collapse
I don't know how to create the \data\com.kanokgems.smswidget folder on the sd card. Windows wont allow me to create a folder with the "\" character in it and if I use root explorer or astro nothing happens? Can anyone help me with this?????
mosrobit said:
I don't know how to create the \data\com.kanokgems.smswidget folder on the sd card. Windows wont allow me to create a folder with the "\" character in it and if I use root explorer or astro nothing happens? Can anyone help me with this?????
Click to expand...
Click to collapse
that folder is already on your sd card... just put your icons in that folder.
crazy thing is, I don't see the sms unread folder in the data folder....crazy directories
mosrobit said:
crazy thing is, I don't see the sms unread folder in the data folder....crazy directories
Click to expand...
Click to collapse
There is a "data" folder on your SD-
Open it. There you find a folder called: com.kanokgems.smswidget
If not create a folder called com.kanokgems.smswidget
Put your icons in there. That's it
By the way, does anybody knows how to change the align of the unread bubble? I guess you/I have to go into the .apk, right?
Saschaaa71 said:
There is a "data" folder on your SD-
Open it. There you find a folder called: com.kanokgems.smswidget
If not create a folder called com.kanokgems.smswidget
Put your icons in there. That's it
By the way, does anybody knows how to change the align of the unread bubble? I guess you/I have to go into the .apk, right?
Click to expand...
Click to collapse
Superb, thanks for this.
The problem I have is that doing this seems to resize my png file. Any ideas? I'm using the Desktop VisualizeR app to create something similar to the Android 7 theme.
If I use the same image for both apps, the SMS unread count always comes out smaller, no matter how much I enlarge the original file. Even resizing with Launcher Pro doesn't help, as it obvious that it's a few pixels smaller.
Any help would be hugely appreciated.
Saschaaa71 said:
There is a "data" folder on your SD-
Open it. There you find a folder called: com.kanokgems.smswidget
If not create a folder called com.kanokgems.smswidget
Put your icons in there. That's it
By the way, does anybody knows how to change the align of the unread bubble? I guess you/I have to go into the .apk, right?
Click to expand...
Click to collapse
That worked, thanks alot
Saschaaa71 said:
By the way, does anybody knows how to change the align of the unread bubble? I guess you/I have to go into the .apk, right?
Click to expand...
Click to collapse
Any news on your question? Would like to know it, too. Also resizing would be great.
And does anyone by any chance know where I can edit the red bubble background? It is used by the launcher and by SMS Unread Count but I can't find it in the apps or in the framework (or anywhere else). I searched through lots of apks and it is nowhere! Any help? Please? I'm starting to think I'm either blind or stupid ...
bobby.tables said:
Any news on your question? Would like to know it, too. Also resizing would be great.
And does anyone by any chance know where I can edit the red bubble background? It is used by the launcher and by SMS Unread Count but I can't find it in the apps or in the framework (or anywhere else). I searched through lots of apks and it is nowhere! Any help? Please? I'm starting to think I'm either blind or stupid ...
Click to expand...
Click to collapse
Just did a quick run through of the app files and can't find it either. The red is hideous but the rest of the app is great.
Saschaaa71 said:
There is a "data" folder on your SD-
Open it. There you find a folder called: com.kanokgems.smswidget
If not create a folder called com.kanokgems.smswidget
Put your icons in there. That's it
By the way, does anybody knows how to change the align of the unread bubble? I guess you/I have to go into the .apk, right?
Click to expand...
Click to collapse
Thanks man, you made my life easy, I was thinking modding the apk to have custom icons. now its very easy..
Cheers.......
bobby.tables said:
Any news on your question? Would like to know it, too. Also resizing would be great.
And does anyone by any chance know where I can edit the red bubble background? It is used by the launcher and by SMS Unread Count but I can't find it in the apps or in the framework (or anywhere else). I searched through lots of apks and it is nowhere! Any help? Please? I'm starting to think I'm either blind or stupid ...
Click to expand...
Click to collapse
I had the same question so I decompiled the APK and found that the bubble is drawn with java code. It's not impossible, but you'd have to reverse engineer a lot of code to modify it. The problem is that dex2jar doesn't work that well and smali code is difficult to work with. It'd probably be easier to write your own app.
Though I haven't tested it, it looks like you can change the bubble background color by editing an xml file. In res/values/colors.xml there's a line that says <color name="bubble_dark_background">#b2191919</color>. You'd still have the glossy overlay though which I think is just as ugly.
When I find the time I'm going to write my own widget. It's a good excuse for me to learn to code in android and it seems like I'm not the only one with a need for it.
anyone know of an app like this that will read notifications from google voice....taht is where I text message from.
Thanks
I use adw ex and get the notifer plug in. you change the size and color of the bubble
{
"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"
}
I followed the instructions and created a folder in my SD card. However, when it's time to select the custom icon, it doesn't show..help!
Saschaaa71 said:
There is a "data" folder on your SD-
Open it. There you find a folder called: com.kanokgems.smswidget
If not create a folder called com.kanokgems.smswidget
Put your icons in there. That's it
By the way, does anybody knows how to change the align of the unread bubble? I guess you/I have to go into the .apk, right?
Click to expand...
Click to collapse
Thanks.
explanations available, even with google translator)))
r3volver said:
I had the same question so I decompiled the APK and found that the bubble is drawn with java code. It's not impossible, but you'd have to reverse engineer a lot of code to modify it. The problem is that dex2jar doesn't work that well and smali code is difficult to work with. It'd probably be easier to write your own app.
Though I haven't tested it, it looks like you can change the bubble background color by editing an xml file. In res/values/colors.xml there's a line that says <color name="bubble_dark_background">#b2191919</color>. You'd still have the glossy overlay though which I think is just as ugly.
When I find the time I'm going to write my own widget. It's a good excuse for me to learn to code in android and it seems like I'm not the only one with a need for it.
Click to expand...
Click to collapse
I've downloaded smsunread from kanokgems, but wonder if it can only work as a widget? What if I just want to change the default red bubble for unread sms to blue on my dock? Has anyone tried changing the script?
I can`t figure out the bloody app, I`ve followed the **** instructions on the app page, then followed the ones on here, I can find the folder, I put the icons there but it does`nt see them, plus the notification bubble does`nt pop up when a message comes in, is this Ginger bread compatible?
hi all !
quick question: the unread sms icon is always linked to the stock sms app, any way to go around that and have it linked to Handcent sms, which I'm using ?
thanks lads and lassies !
Still no help, suppose that can't be done... Too bad!
Sent from my Desire HD

Tutorial and Sample Eclipse Project for Creating a GO Launcher EX Theme

I want to preface this by saying that I am in no way, shape or form a graphic artist. I've picked up a bunch of techniques out of necessity over the last 15 years of being a Web developer but most of my techniques can be done faster and more efficiently by a qualified graphic artist. That said, I've managed to produce some pretty decent stuff over the years considering I don't really have a clue. So use this guide to help you put your graphics knowledge to work by creating some amazing themes.
I created a theme for GO Launcher EX called "Sepia Theme for GO Launcher EX" (shameless plug: https://market.android.com/details?id=com.aac.go.sepia) and figured I'd share my experiences on how I created it. It took me three nights to create the theme above but I imagine if I was an actual graphic artist and wasn't learning as I did it I could have done it in a day (I'm also counting testing time and time to package and post to the Market). Anyway, here's how I did and how you can too.
Attached to this post is an Android Eclipse project that you can use as a template. I originally created the project using the GO Dev Team's Theme Factory which actually created the project (Link: Theme Factory) and was the base for the Eclipse project in this post. I found that while a good start, the Theme Factory did not allow for certain code customizations (such as adding multiple wallpapers and preview graphics) as well as not allowing for custom namespaces which is really needed to make the theme your own. So, after using the Theme Factory to create the initial Android code, I imported it into Eclipse, stripped out all the garbage and cleaned it up a bit. All the graphics used are the default ones added by the Theme Factory so you will want to change them in your own theme. Here are some of the things you will want to customize when making your own theme (these are the absolute basics and if you are a graphic artist you will have no trouble digging in and customizing every other aspect). I highly recommend you download and open the Theme Factory and at least check it out. It's very rough but will clue you in to what graphics you should be customizing to create a theme. This assumes that you know how to use Eclipse and if you don't, that is beyond what I'm willing to discuss here. There are plenty of places to read up on that.
Icons
To add icons to the theme there are several steps you will need to take. First, create your icons. Once you have the icons you want for your theme you will want to add them to your project. Icons are placed in the GOThemeTemplate/res/drawable-hdpi. Once added there, you will need to reference them in two .xml files in Eclipse. Open GOThemeTemplate/assets/drawable.xml. Using the name of the png file you just added to the drawable-hdpi folder (do NOT add the ".png"), add a new <item> element for each. You will see a bunch listed there as examples for you but it will be in the form of
HTML:
<item drawable="png_name" />
Next, add a corresponding line to the GOThemeTemplate/assets/appfilter.xml file. It will be in the following format
HTML:
<item component="ComponentInfo{com.package.name/com.package.name.LaunchActivity}" drawable="png_name"/>
The tricky part here is the component attribute. In order to enter the correct information for the brackets after ComponentInfo, you will need to find the correct package name for the app that the icon represents and the default activity that is launched when the icon is clicked. While this could be a ridiculously tedious process, the is a wonderful Web site that does all the work for you. Simply visit http://activities.droidicon.com and enter the app's name in the search box. At the time of this writing they have cataloged nearly 110,000 apps with they package names, main activity, icon and the proper format for three popular launchers' themes (ADW, Launcher Pro and GO Launcher EX). So once you have the proper package name and activity for the app whose icon you wish to replace (it is the last option and it even selects the text when you click it saving you one step), paste it between the brackets. Finally, in the drawable attribute, add the name of the png for the icon as you did in the drawable.xml file (again, do not add the ".png").
The theme template attached to this post contains the correct <item> tags for over 200 icons (sorry, icons not included, that's your job). There are many icons included as examples but only those created with the Theme Factory.
The last thing you will need to deal with for the icons is the default icon back. In the GOThemeTemplate/res/drawable-hdpi folder you will find a file called iconback.png. This is the icon that will be placed behind all icons on the device that do not have a specific icon created for it. All icons will be scaled to fit atop this icon. The default is 70% of the icon's size. This can be changed in the appfilter.xml file in the <scale> tag at the top of the file. It looks like this: <scale factor="0.7"/>. Just change the factor attribute (1 being the actual size). You can change the name of the icon back image using the <iconback> tag in the appfilter.xml. There is also a transparent image that goes atop both icons called iconupon which can be changed using the <iconupon> tag. This creates an illusion that the three icons are one.
Theme Configuration
When users click Menu > Themes in GO Launcher EX they will be presented with a graphical representation of all the themes currently installed on their device. You want them to find your theme too. You will be working with a file name GOThemeTemplate/assets/themecfg.xml and there are a few images you will need to create and they are all to be placed in the GOThemeTemplate/res/drawable-hdpi folder.
A thumbnail preview image exactly 110x180 in png format. You can view the image I left from my theme as an example. It's themepreview.png and the name of this image is defined <preview> tag (you can change this if you wish).
One or more screenshots also in PNG format that are placed in the drawable-hdpi folder as well. These are also defined in the <preview> tag and and I have left three example screenshots as well.
Each drawable above is defined in the <preview> tag with attributes labeled img1, img2, img3, etc.
Finally, when users are previewing your theme you can provide them additional information such as the theme's name, your Web address and contact information. This is done in the GOThemeTemplate/res/values/themeinfo.xml file. There are two <string> elements with name attributes for defining the theme's name (as displayed on the theme chooser screen, not in the Market) and theme's information.
Wallpapers
To add wallpapers to your theme, you will need to modify at least one file (two if you want to change the name of your default wallpaper). You will need to edit the GOThemeTemplate/res/values/array.xml file. Open this file and edit the <string-array> element with the name attribute of <string-array name="wallpaperlist">. You will add an item element for every wallpaper you wish to add. For example, let's assume you have three wallpapers with following names:
wallpaper_sand.jpg
wallpaper_barrel.jpg
wallpaper_cloud.jpg
You would place these three wallpapers in the GOThemeTemplate/res/drawable-hdpi folder and then add three <item> elements to the XML file like this.
HTML:
<item>wallpaper_sand</item>
<item>wallpaper_barrel</item>
<item>wallpaper_cloud</item>
To define which wallpaper loads as the default wallpaper when the theme is applied, edit the Wallpaper attribute of the <Desk> element in GOThemeTemplate/assets/desk.xml.
Before users can a wallpaper other than the default wallpaper you will need to add thumbnails of the wallpapers. To do this, create thumbnail images in PNG format with dimensions of 170x142. Save them using the same name as the JPGs but add "_thumb" to the end. So, wallpaper_sand.jpg becomes wallpaper_sand_thumb.png.
Your Theme's Name
To name your app as it will appear in the app drawer, open GOThemeTemplate/res/values/strings.xml and edit the <string> element with the name attribute of "app_name."
Your Theme's Icon
To change the icon for your them, change the icon.png in the GOThemeTemplate/res/drawable-hdpi folder.
Package Name
You will need to customize the package name for publication in the Android Market. This name must be unique. Frankly, if you are actually using Eclipse and are editing these file then you should already be familiar with this. You will need to open the GOThemeTemplate/AndroidManifest.xml file and edit the "package" attribute in the <manifest> element.
Further Customizations
This tutorial really gives you a very basic overview on adding icons and wallpapers to your theme and how to get the basics accomplished. To really make your theme a theme and to stand out and be unique, there are dozens of other PNGs that you will need to edit, each being responsible for a specific UI element. For example, to add your own folder icon, edit the GOThemeTemplate/res/drawable-hdpi/folderback.png image. You will have to figure out what each icon does and how you can best edit them. The Theme Factory is an extremely useful tool for this and I highly recommend that you use that program alongside this tutorial and Eclipse project when creating your theme. The Theme Factory will guide you image by image and show you previews of what each does. However, I found that that's about the only things it's good for. When compiling my theme I found that Eclipse was the most efficient method. As mentioned above, multiple wallpapers and screen previews are not possible as of yet using the Theme Factory so you will need to manually edit the files anyway. I suggest starting with this project as it is really just a cleaned up version of what the Theme Factory produces and to use the Theme Factory as your images guide.
Download Template
You can download the Eclipse project theme template at the end of this post.
I hope that this guide helps you and if you have any questions, feel free to post it here. I can't promise that I'll answer (I'm not on here as much as I used to be) but my hope is that this becomes a good spot for theme creation discussion.
Reserved for possible future use.
Thank you (x2) for taking the time to put this together! What a great resource. I made my own adw theme but got very confused between the other go launcher theme tutorial threads. This is fantastic!
Sent from my SPH-D710 using xda premium
Thanks for your post. I'm just thinking about making my first theme for Android in general So, I think I'll have a try with Go Launcher EX...
Thank You for your great tutorial. I am a great fan of MIUI ROM, but now I am on CM9 ICS while waiting from official MIUI ROM for Galaxy S. I managed to tweak a theme for Go Launcher based of MIUI, and I am very happy with this theme. The only problem for me is how to add more icons on the theme. What I did was to edit res\values\public.xml and change whatever app available with my own. For example, from:
Code:
<public type="drawable" name="weibo" id="0x7f020049" />
to:
Code:
<public type="drawable" name="evernote" id="0x7f020049" />
The question is how add new id (like id="0x7f020049")?
Awesome job!!
sawari said:
Thank You for your great tutorial. I am a great fan of MIUI ROM, but now I am on CM9 ICS while waiting from official MIUI ROM for Galaxy S. I managed to tweak a theme for Go Launcher based of MIUI, and I am very happy with this theme. The only problem for me is how to add more icons on the theme. What I did was to edit res\values\public.xml and change whatever app available with my own. For example, from:
Code:
<public type="drawable" name="weibo" id="0x7f020049" />
to:
Code:
<public type="drawable" name="evernote" id="0x7f020049" />
The question is how add new id (like id="0x7f020049")?
Click to expand...
Click to collapse
Those look like they came from smali file. I can't help with editing those. You shouldn't have to do that to build a theme. The source is available attached to this post. You can technically recreate/modify any theme from that.
Thank you very much for sharing this..
I have gotten everything to work except the menu background, menu text color, menu icons & menu dividers (pretty much everything about the menu).
I saw those options in desk.xml and I tried editing them but for some reason, the changes didn't take.
Also, couldn't change the folder background even though I changed the necessary images in drawable-hdpi.
Please let me know if you were able to change those things.
Thanks in advance.
This may be a dumb question, but when I have the files modified as stated above, how do I turn this into an apk for loading into GO launcher?
I'm receiving the "error parsing package" when I change the name in Astro.
Cool..
BrooklynAvi said:
I want to preface this by saying that I am in no way, shape or form a graphic artist. I've picked up a bunch of techniques out of necessity over the last 15 years of being a Web developer but most of my .........
Click to expand...
Click to collapse
Thank u so much for this,.. now i can make the GoEX theme my self,
Nice tutor!!
This is the theme that i created..
The theme here, but still for Launcher Pro,
the Go ex are still in progress
http://forum.xda-developers.com/showthread.php?t=1363692
and here's the Screenshoot taken with AVD for GoEx..
{
"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"
}
Thanks again for this great tutorial...
Great job, many thanks
My way to create theme was: create resources and structure in Theme Factory, make detailed works in Eclipse and finnaly compile .apk using my own script coz Eclipse generate errors when exporting
Regreads
Pandik.
Android Different Theme
Hallo.
Has anybody succesed impleted Market protection system (liblary) into Go Launcher Theme? I tried fev times but with no succes
Pandik.
Has any one been able to change the menu background, menu text color, menu icons & menu dividers (pretty much everything about the menu), using this template?
I can't get it to work. Any help would be much appreciated.
sonnysekhon said:
Has any one been able to change the menu background, menu text color, menu icons & menu dividers (pretty much everything about the menu), using this template?
I can't get it to work. Any help would be much appreciated.
Click to expand...
Click to collapse
Do it with Theme Factory, its very easy.
Sent from my GT-I9100 using xda premium
I just can't change the pressing colour of applications on home screen.
Any idea?
Sent from my GT-I9100 using xda premium
Isn't it graphic? Look for PNG files in 9.png format.
Sent from my Blade using xda premium
gkaipale said:
Do it with Theme Factory, its very easy.
Sent from my GT-I9100 using xda premium
Click to expand...
Click to collapse
I'd rather use eclipse as it's a real pain to get the theme factory working on my pc along with eclipse installed.
gkaipale said:
I just can't change the pressing colour of applications on home screen.
Any idea?
Sent from my GT-I9100 using xda premium
Click to expand...
Click to collapse
Also interested in this.
pandik said:
Isn't it graphic? Look for PNG files in 9.png format.
Sent from my Blade using xda premium
Click to expand...
Click to collapse
Already changed the png images and inverted the text color in desk.xml but the changes don't take effect.
Also experiencing a lot of lag when using the icon picker feature. The list stops displaying icons towards the end as well.
Anyone else having this issue?
I guess I have to go the Theme Factory route...
Package name problem~
4 May 2012 >> I solved this problem by myself, Thank you
Thank you for your post!
NOW I am trying to make my own theme and release it on the Android Market.
But it overwrite over and over when testing on my phone.
I think it should not overwrite on the other theme, but it does all the time.
I also had changed 'package name' on 'Manifest' file, but same problem happened.
It just kept overwriting on the other theme that I made and installed on the phone.
Thank you
I'm looking for some Eclipse help. I load my theme in Eclipse and have had no probs exporting it and getting it to my tablet. All of a sudden now, when I change some program icons and rebuild the apk, the old icons are still being built, not the ones I changed in the HDPI folder. I looked through Eclipse to see if there was a way to clean temp files or cache, but don't know enough about the program to fix this. Any help would be appreciated.
Create a theme?
Woghh... That's what I want..
And this thread really helped me
Thx bro

[How To] Watch Styler Custom Fonts

I haven't seen anything about this anywhere else yet, so if this is common knowledge just ignore it.
This won't let you change the spacing of the clock or from a 12h to a 24h clock, so you have to create a theme using the format you want first, and then we can change the font from there. I'm not totally sure if you need root for this or not, my phone is rooted and I was using root browser to get to the files.
First, get your theme set up how you'd like it, besides the font that is. The first picture attached is an example of my first font swap theme before I did the swap.
Second, find the two fonts that you want to use and download them.
Next, navigate to sdcard/Android/data/com.omnitel.appcessory.gear.watchstyler.manager/theme/(what you named the theme we're editing)/texts/fonts. See what the font files in this folder are named, and rename the fonts you just downloaded to the corresponding font you want to change. For example, the clock font in the first image is named debussy.ttf, and the one I replaced it with is named varsity.ttf, but i renamed it to debussy.ttf so the app would see the same file name and substitute that font file for the one it originally uses. Same thing for the date font.
Last, move those different font files you want for the clock and date to the fonts folder we were looking at before, replacing the font files that were originally there. They should show up fine now, like they do in the second picture I've attached. Note that your preview in the app will not change, and I haven't messed with trying to get it to update, although I imagine it might update if you delete the PRV_IMG.png in your theme's folder.
If anyone has any questions or wants more pictures I will answer whenever I can, it should be pretty self explanatory though.
tellem24 said:
I haven't seen anything about this anywhere else yet, so if this is common knowledge just ignore it.
This won't let you change the spacing of the clock or from a 12h to a 24h clock, so you have to create a theme using the format you want first, and then we can change the font from there. I'm not totally sure if you need root for this or not, my phone is rooted and I was using root browser to get to the files.
First, get your theme set up how you'd like it, besides the font that is. The first picture attached is an example of my first font swap theme before I did the swap.
Second, find the two fonts that you want to use and download them.
Next, navigate to sdcard/Android/data/com.omnitel.appcessory.gear.watchstyler.manager/theme/(what you named the theme we're editing)/texts/fonts. See what the font files in this folder are named, and rename the fonts you just downloaded to the corresponding font you want to change. For example, the clock font in the first image is named debussy.ttf, and the one I replaced it with is named varsity.ttf, but i renamed it to debussy.ttf so the app would see the same file name and substitute that font file for the one it originally uses. Same thing for the date font.
Last, move those different font files you want for the clock and date to the fonts folder we were looking at before, replacing the font files that were originally there. They should show up fine now, like they do in the second picture I've attached. Note that your preview in the app will not change, and I haven't messed with trying to get it to update, although I imagine it might update if you delete the PRV_IMG.png in your theme's folder.
If anyone has any questions or wants more pictures I will answer whenever I can, it should be pretty self explanatory though.
Click to expand...
Click to collapse
thanks for cool stuff......plz can you proved the varsity.ttf
I got it from Dafont . com, they have a lot of other fonts there too. (sorry can't link because I don't have the required posts yet, but you should be able to find it.)

Categories

Resources