MIUI Show and Share! - Wildfire Themes and Apps

Hey,sod it I'll do it myself....... lol
So basically this thread can be used to share and showoff anything to do with miui. As we are using an ldpi phone a lot of things will need resizing such as boot animations, lockscreens, wallpapers, widgets etc etc so I will over the coming days try to write a short guide on how to do these things and possibly resize some stuff myself, I'll also post some links for a few free utilities that I use for resizing. (please feel free to post alternative methods or utilities)
I will try to update the first post as often as possible with a few links to things I deem worthy of being here, please don't pester me with pms asking me to place/link anything on the first post as I'll just laugh at you and tell you to go away.
So if you've found a theme that works perfectly or have resized a lockscreen/boot ani and want to share it with the community, or even just want to show your miui screenshots please feel free to post it here and I'll try my best to keep things in order. Remember though if it is anyone else's work to first ask permission from the author to post it and give credit where it's due. Resizing an image is easy but actually creating things in the first place is slightly more difficult.
I've downloaded quite a few themes, lockscreens from the theme manager and from xda myself and have been playing around a lot to see what can and can't be done so any theme related questions I will try to answer to the best of my knowledge too.
Now bare with me whilst I get my *#*# together........
This is the miui.us bootanimation that I've just resized. Will add some more stuff over the coming days.

Resizing a boot animation.
This is the easy one to resize, first off you'll need a batch image resizer. The one I've always used is called faststone photo resizer available here, http://www.faststone.org/FSResizerDownload.htm
Copy your downloaded bootanimation or the theme.mtz to your computer and extract it into a folder, (to extract an mtz you first need to turn it into a zip file by renaming it and adding .zip to the end instead of .mtz)
Ok so now in the folder you should have a file called desc.txt open that and change the values on the top line which relate to the size they will most likely be something like 480 800, change those 2 numbers to 240 320 which is the size of our screen, the final number relates to the speed or frames per second (fps) that the animation will play at. We are limited to 30fps so no need to go above 30 but this can be adjusted too if the animation is stuttering.
Next save this file then exit.
The next step is to resize the actual images so open the folder which contains the images, this is usually in parts named part 0 part 1 etc etc.
Start the photo resizer and a windows should open, the quickest way to load the images into it I think is to select them all in the folder then drag n drop them into the photo resizer input box.
Now click on the output folder button near the bottom right and select a folder where the new resized images will be created (I just use the same folder as where they came from, the old ones get overwritten)
Next its time to tell the resizer what to do so click on advanced options and tick the resize box, a few options should appear, we want to first choose to resize in pixels and set the width to 240 and the height to 320 then click ok or done or whatever??
It should go back to the main window now so click convert, select yes to all if it ask you if you want to overwrite images already in the folder and let it do its stuff.
Do the same for any other part folders i.e part 1.
Then zip it back up using winrar or 7zip the same way it was beforehand, named bootanimation.zip and store only.
Either adb push it to /system/media or use a file explorer and set permissions to rw__r__r__.
I will explain more about creating/adding it to an mtz file when/if I figure out why they don't seem to work for me.
Reboot and enjoy your new boot animation.
____________________________________
Resizing miui clocks and photo frames.
By longpressing on the homescreen you'll find the widget selection screen, add a clock or photo frame then look in the top corner of the widget whilst still on the widget selection screen for a small black dot, tap that to go to the skin picker/download screen.
First download whichever clock you want to use and locate it in /sdcard/miui folder. Copy it to your pc and extract it into a folder.
In the folder you should have some images a description file and a manifest.xml first off we'll start by editing the manifest which tells the clocks where to place each image.
Open it with a text editor and change all the X and Y values by 50% then save it and exit.
Now we need to resize the actual images so open the image resizer and load all the images into it, choose the output folder and click advanced, this time though we should choose to resize by percentage and set it to 50% so everything lines up with the manifest.
Finally zip everything back up together same as it was before and copy it back to the relevant folder on your sdcard.
Longpress the homescreen and again choose your widget, tap the black dot and select your newly edited clock or photo frame, it should now fit but if it doesn't you'll need to extract it again and adjust it either way to get it to fit.

reserved
Sent from my HTC Wildfire using xda premium

tnx for your guide. the problem is for clock resizing when i do all the steps,my new resized clock doesn't appear in the local clock list.where am i wrong?tnx

I'm not sure, did you pack it up exactly as it was before you resized it?
And is the clock the right one for the widget size?
Sent from my HTC Wildfire using xda premium

Thought I'd get this moving, found it on the online theme section called Sony xperia, status bar needs tweaking but the icons seem alright to me, as MIUI lock screen you can't use due to unlocking problems
Sent from my HTC Wildfire using XDA

Does anyone know which version (if any) of Extended Settings for MIUI works for Beta 7?
I tried a couple, but either the launcher FCed or the status bar wasn't there.

Scratch0805 said:
Resizing miui clocks and photo frames.
By longpressing on the homescreen you'll find the widget selection screen, add a clock or photo frame then look in the top corner of the widget whilst still on the widget selection screen for a small black dot, tap that to go to the skin picker/download screen.
First download whichever clock you want to use and locate it in /sdcard/miui folder. Copy it to your pc and extract it into a folder.
In the folder you should have some images a description file and a manifest.xml first off we'll start by editing the manifest which tells the clocks where to place each image.
Open it with a text editor and change all the X and Y values by 50% then save it and exit.
Now we need to resize the actual images so open the image resizer and load all the images into it, choose the output folder and click advanced, this time though we should choose to resize by percentage and set it to 50% so everything lines up with the manifest.
Finally zip everything back up together same as it was before and copy it back to the relevant folder on your sdcard.
Longpress the homescreen and again choose your widget, tap the black dot and select your newly edited clock or photo frame, it should now fit but if it doesn't you'll need to extract it again and adjust it either way to get it to fit.
Click to expand...
Click to collapse
Can you explain exactly the meaning of "Open it with a text editor and change all the X and Y values by 50% then save it and exit" ??? so, example the X=220 and Y=120, then resize it by 50% is X=110 and Y=60 ? Thats it ?
answer on PM, since I found this thread on google

Yes but as I said that is only a rough guideline, they may also need a little tweak here and there. 50% worked perfect for the one I did though.
By text editor I mean notepad++ or similar.
Sent from my Wildfire using xda premium

but i try to change the X and Y values, nothing changed :|

here my screenshot of clock_24.zip. I resized only the image files by 65% but the date and month looks crappy. Can you help me ?

I presume to keep things in line, if you resize the images by 65% that you then have to resize the X & y values in the manifest by 65% too.
Sent from my Wildfire using xda premium

can you help me out with my manifest.xml ? I get confused about the values to rezise it by 50%
Code:
<?xml version="1.0" encoding="utf-8"?>
<!--type: 有awesome 和 flip两种,必属其一,否则显示出错提示
update_interval: 刷新间隔单位是ms(1000ms=1秒),默认是1秒
-->
<Clock version="1" type="flip" update_interval="60000" clock_y="50" edit_tag_x="365" edit_tag_y="30">
<!--时钟背景-->
<Image x="0" y="0" src="date_bg.png"/>
<!--显示星期(Sunday是1), 日期、月份、年变量分别是date,month(从0开始),year类似-->
<Image x="34" y="5" src="week.png" srcid="#day_of_week"/>
<Image x="175" y="5" src="small.png" srcid="(#month+1)/10" alpha="digit((#month+1)/10,1)*255"/>
<Image x="202" y="5" src="small.png" srcid="digit(#month%10+1,1)"/>
<Image x="229" y="5" src="date_split.png"/>
<Image x="256" y="5" src="small.png" srcid="#date/10"/>
<Image x="283" y="5" src="small.png" srcid="#date%10"/>
</Clock>

saldymhmd said:
Code:
<?xml version="1.0" encoding="utf-8"?>
<!--type: 有awesome 和 flip两种,必属其一,否则显示出错提示
update_interval: 刷新间隔单位是ms(1000ms=1秒),默认是1秒
-->
<Clock version="1" type="flip" update_interval="60000" clock_y="25" edit_tag_x="183" edit_tag_y="15">
<!--时钟背景-->
<Image x="0" y="0" src="date_bg.png"/>
<!--显示星期(Sunday是1), 日期、月份、年变量分别是date,month(从0开始),year类似-->
<Image x="17" y="3" src="week.png" srcid="#day_of_week"/>
<Image x="88" y="3" src="small.png" srcid="(#month+1)/10" alpha="digit((#month+1)/10,1)*255"/>
<Image x="101" y="3" src="small.png" srcid="digit(#month%10+1,1)"/>
<Image x="115" y="3" src="date_split.png"/>
<Image x="128" y="3" src="small.png" srcid="#date/10"/>
<Image x="142" y="3" src="small.png" srcid="#date%10"/>
</Clock>
Click to expand...
Click to collapse
Try that, if it doesn't work upload the full unmodified clock here and I'll try to do it.
Sent from my Wildfire using xda premium

Porting this theme to our phone
Hey Scratch ..this may be irrelevant bt just cud not stop myself of sharing this amazing Miui v2.x theme ..by any chance can this be ported to our T-mobile theme chooser? for our CM7 or CM9 .. I knw lotss of resizing wud be reqd frm icon pngs to framework ,sysui
I guess evry1 wud love to hv such a complete theme
If u know any of devs who cud help achieving this ..u can jus request them to hv a look
http://forum.xda-developers.com/showthread.php?t=1676386

Related

[Q] how to change the background but keep the transparency effect on Wildpuzzle v0.8?

Guys,
This new transparency effect on Wildpuzzle made by JoeyDelp is amazing
But, when I try change the background image on lockscreen the image keep solid, it loose the transparency effect. And, I don't know how to change the background image in the notification area.
Somebody knows how to change this images but keep the transparency effect?
I whant know this to apply the effect glass rain, like this: http://www.desktopedia.com/bulkupload/Windows/part2/Rain Drops on Glass.jpg
I think will be nice!
For the lock screen, change the img to png, edit the opacity with photoshop or gimp. Save as png and rename to jpg.
Notification background is status_bar_background, edit the opacity with photoshop/gimp.
Sent from my HTC Wildfire using XDA App
kevin2516 said:
For the lock screen, change the img to png, edit the opacity with photoshop or gimp. Save as png and rename to jpg.
Notification background is status_bar_background, edit the opacity with photoshop/gimp.
Sent from my HTC Wildfire using XDA App
Click to expand...
Click to collapse
Alright!!! Thanks Kevin I'll try it at home ^^ and reply here.
Don't work =(
I tried several times and... nothing!
Open on image on gimp, add alpha layer, set opacity, save as .png and change to .jpg... and... nothing =/
Can you send me anyone img with this effect?
ya. really doesnt work.. dunno how he do it..
Ok, i'll try to explain:
1. go to this site http://pixlr.com/editor/
2. Open your image in there.
3. on the right side there's a opacity slider, change that to the transperant effect you want.
4. Save it as a .png it anywhere.
5. Rename the image to htc_wallpaper_01_lockscreen.jpg
6. download the 0301 package from the Wildpuzzle topic.
7. open it with winrar, and insert in in there in the folder System/customize/resource/
There's a image called htc_wallpaper_01_lockscreen.jpg replace it with yours, ( just drag it into that folder.
8. Close the WINrar archieve,
9. Copy it to your SD card.
10. Flash it on your phone!
11. Congrats you've got a new transperant lockscreen!
This worked for me, if it doesn't work for you i'll try it myself if you send the picture, I'm only getting a you may not hotlink image.
Edit:
kevin2516 said:
For the lock screen, change the img to png, edit the opacity with photoshop or gimp. Save as png and rename to jpg.
Notification background is status_bar_background, edit the opacity with photoshop/gimp.
Sent from my HTC Wildfire using XDA App
Click to expand...
Click to collapse
I think he just made the image, and copied to his SD card and set as lockscreen wallpaper using the settings.
That just doesn't work.
Edit 2: If you don't get anything i'll expand my instructions with images. Maybe i'll try to make a guide myself
When it rename to Jpg, the box will still come out. SAid transparent not supported
Sent from my HTC Wildfire using XDA App
melvinchng said:
When it rename to Jpg, the box will still come out. SAid transparent not supported
Sent from my HTC Wildfire using XDA App
Click to expand...
Click to collapse
I've done it that way I said. And it worked for me.
Marc. said:
Ok, i'll try to explain:
1. go to this site http://pixlr.com/editor/
2. Open your image in there.
3. on the right side there's a opacity slider, change that to the transperant effect you want.
4. Save it as a .png it anywhere.
5. Rename the image to htc_wallpaper_01_lockscreen.jpg
6. download the 0301 package from the Wildpuzzle topic.
7. open it with winrar, and insert in in there in the folder System/customize/resource/
There's a image called htc_wallpaper_01_lockscreen.jpg replace it with yours, ( just drag it into that folder.
8. Close the WINrar archieve,
9. Copy it to your SD card.
10. Flash it on your phone!
11. Congrats you've got a new transperant lockscreen!
This worked for me, if it doesn't work for you i'll try it myself if you send the picture, I'm only getting a you may not hotlink image.
Edit:
I think he just made the image, and copied to his SD card and set as lockscreen wallpaper using the settings.
That just doesn't work.
Edit 2: If you don't get anything i'll expand my instructions with images. Maybe i'll try to make a guide myself
Click to expand...
Click to collapse
Nice, I think it will work :]
Had generated the image, changed to jpg. Was transparent in the pc (did with gimp) but when I opened the phone called the opacity. Even with the original image (htc_wallpaper_01_lockscreen.jpg) the effect was lost opaque. So it's like I imagined, need to run a pack to let the transparent effect. Thanks, I'll try this at home
Marc. said:
3. on the right side there's a opacity slider, change that to the transperant effect you want.
marc ive tryd find ur opacity slider but for the life ov me i cant find it sorry
Click to expand...
Click to collapse
daddyspud said:
Marc. said:
marc ive tryd find ur opacity slider but for the life ov me i cant find it sorry
Click to expand...
Click to collapse
On right side there's a box with title "Layer", has opacity 100, click on 100 and choose
if you can not change the value of 100, there is a padlock icon just below the 100, take two clicks on it.
Click to expand...
Click to collapse
Hey Marc., Do not work = /
I guess it did not work because you entered the pack (the 301) is to clear the notification area and not change the lock screen.
But I got the rom 00001_0.8v and changed the picture for me. And it worked =]
So, I think just having the pack change lockscreen.
Anyway, it worked = D and thanks for the app http://pixlr.com/editor/
I changed the wallpaper nd I lost the transperancy.....now I can't get it back again....i dont mind the stock wall paper....any idea if I can get it back???
karthikk5955 said:
I changed the wallpaper nd I lost the transperancy.....now I can't get it back again....i dont mind the stock wall paper....any idea if I can get it back???
Click to expand...
Click to collapse
Hi karthikk5955,
What format is the image in? jpg or png?
The more common file formats that support transparency include GIF, PNG and TIFF, of the 3 mention you wanna use .png
So you you can go to pixlr
Edit the image transparency,
Click File, Save and on the save screen you'll find a "Format" drop box, make sure you change that to PNG before saving.
Enjoy
karthikk5955 said:
I changed the wallpaper nd I lost the transperancy.....now I can't get it back again....i dont mind the stock wall paper....any idea if I can get it back???
Click to expand...
Click to collapse
Do you mean on the lock screen?
This worked for me on RemPuzzle: Go to /data/misc/lockscreen and delete both files in there.

[Q] wallpaper folder

Hi all, wondering if anybody could help me!!
Google has turned up nothing so far so im gonna ask away!!
I am currently using nobodyatall's cm7 2.0 on my x10mini and am wondering where and how I can save pictures that I want as wallpapers.
Basically I don't want wallpapers to show up in my regular picture gallery, I want them only to show in the wallpaper gallery when i go to change wallpapers.
Is there a folder on the SD card or the internal memory, or is there a way I can open an APK in winrar or whatever and drop the pictures in there?
Regards
A
There are two ways that I can think of for you to do this. First, just create a folder in your SD card labeled wallpapers (or whatever you want). Then place all your wallpapers there.
Easy way: Use QuickPics. It has an option to hide a folder from the gallery. Just long press on the folder and you'll find the option.
https://market.android.com/details?id=com.alensw.PicFolder
Still easy (just not automated):create an empty file in your wallpaper folder with filename ".nomedia" without the quotes. This will prevent the gallery from scanning that folder. This also works to prevent music files from showing in the player.
To change your wallpaper, if using QuickPic, just press your menu button > show hidden > enter the folder and click the picture > use as wallpaper. If you don't want to use QuickPic, use a file manager to go the wallpaper folder then select your picture from there.
Great sugestions, especially the hideden folder option, however what I'm looking for (I wasn't quite sure how to explain this properly before!!) is to be able to add images directly to the menu of wallpapers like when you long press the screen and it gives you options to change the wallpaper I get a list of options, cyanogen wallpapers, gallery, live wallpapers, wallpaper gallery and wallpapers.
I would like to be able to add wallpapers directly to one of these menus, so I'm looking for the folder in which they are all kept in. I found one in one of the internal apk's, but i'm not sure if I can just inject them into the apk and also whether i need to include thumbnail size png's as the ones included with cyanogen seem to have these to.
Thanks for a great comprehensive reply. If all fails, I'll be looking at the hidden folder option!!
Cheers!
That's a bit harder. Sounds like it shouldn't be but it actually is since you'll be modding an apk. Here are a couple of links to get you started if you're really interested in doing this:
http://forum.xda-developers.com/showthread.php?t=646424
http://forum.xda-developers.com/showpost.php?p=2915198&postcount=4
http://androidcommunity.com/forums/f4/wallpaper-directory-11685/
leftAlone said:
That's a bit harder. Sounds like it shouldn't be but it actually is since you'll be modding an apk. Here are a couple of links to get you started if you're really interested in doing this:
http://forum.xda-developers.com/showthread.php?t=646424
http://forum.xda-developers.com/showpost.php?p=2915198&postcount=4
http://androidcommunity.com/forums/f4/wallpaper-directory-11685/
Click to expand...
Click to collapse
Thanks man, some great info, the first post really hits the nail on the head, I didn't think of checking the other forums (duh me, it's all android!!)!!
So it looks like I will have to take out the launcher.apk and recompile it after editing the xml file that contains the details of the names of the wallpapers. I'm guessing this is some sort of framework xml for the purposes of creating the horizontal table that you can swipe across to view the previews of the pictures.
This makes sense I guess, loading a table reather than using up memory to load a gallery style viewer that indexes the pictures seems much more streamlined seeing that is only for the use of wallpapers, however I do like the wallpaper gallery style that the xml framewrok brings.
I guess I'm going take the newer(and some older) wallpapers from other cm roms and rename them over some of the exisitng files. This way I shouldn't have to delve too deeply!!!
Thanks again for the help and info leftAlone, you are a star!!!

[Guide] [Miui] Introductory Guide To Theming! [Updated 11/14/11]

An Introductory Guide To Theming Miui
Much like CM7’s theme chooser, Miui has it’s own powerful theme engine. If you’ve ever wanted to create your own theme or have a theme that you like, but want to make some personalized changes; then this guide’s for you. This guide is intended as a supplement to Team D3rp’s thread; [Guide][Reference] An Intro to Themeing. Please keep all questions, comments, and suggestions in this thread Miui related also feel free to hit us up at #miuithemes on the IRC. General theme questions, image editing questions, xml editing questions, or anything of that nature should be asked in the afore mentioned thread. Before we begin it’s necessary to thank scott951 and bigrushdog for there past, present, and future work on this rom. In addition, thanks to toastcfh & Cayniarb for they’re work on the AOSP kernel, to bliind for his ongoing IRC support, tips & tricks, and lastly thank you to Team D3rp (il Duce, ranger61878, thoughtlesskyle, vanessaem, dkdude36, jdeloach, and pstevep), all the old HeroC guys, the many talented themers, and everyone else on XDA and IRC who continue to advance my knowledge of the Android Operating System.
To begin your adventure into the world of Miui theming you will need some tools, listed below:
7zip or similar archiving program
Notepad ++ or similar text editor
gimp or another image editor of your liking
Root Explorer (or your prefered file manager with root access)
Patience, patience, patience
Time, time, time
A willingness to bork your theme over and over again until you’re satisfied with how it looks
Recommended knowledge of adb and/or Android Commander- not required but may save you the time of having to restore a nand.
Table Of Contents: for your convenience in finding specific areas of help.
Lesson 1: File Structure
Lesson 2: Beginning Your Theme
Lesson 3: Lockscreens
Lesson 4: Changing Icons
Lesson 5: SystemUI
Lesson 1-File Structure
Before you can actually theme anything, you need to learn and understand the basic file structure used by Miui. Themes are compressed into zip files with a .mtz extension and are applied by the Miui theme engine at “run time”, meaning you can change almost any aspect of your theme on the fly, without a reboot. Download my intro.mtzfor use along with this guide. This is the default Miui theme with a simple lockscreen included that you will have to edit (It works but you will have to edit it per my instructions for it to look good), and a generic android boot animation / boot audio file. If you currently have a theme that you are generally happy with and would prefer to edit that more to your liking, you may do so by opening the Miui theme engine, select customize, scroll down to the bottom of the page and select “Backup Theme” After the backup finishes running, navigate to /sdcard/Miui/theme/backup and move the “backup.mtz” to your computer. Now let’s extract our .mtz and have a look at what’s inside. Right click on the intro.mtz, select 7zip from the popup window, and then select extract. Now navigate to the extracted intro.mtz folder and have a look inside. You should see the following:
“boots” folder
“preview” folder
“ringtones” folder
“wallpaper” folder
“com.android.launcher” zip file
“description” xml file
“icons” zip file
“lockscreen” zip file
The folders can be opened as any normal non-compressed document folder, the zip files (although their extensions are nonconventional can be extracted with 7zip, and the xml file can be edited with notepad ++.
Lesson 2 – Beginning Your Theme
Decide what you want your theme to be called and create a new folder for it somewhere that’s easily accessible.
Open up the description xml with notepad ++ and edit it to reflect your theme name on this line: <title>Default</title> (Change default to the name of your theme), edit this line: <author>MIUI</author> (Change MIUI to your name), and edit this line: <version>1.0</version> (from 1.0 to whatever version # you would like to call your theme). Save your changes and move the document to your newly created theme folder.
Now, if you so desire, in your theme folder create a sub-folder entitled “boots”. Place any boot animation & boot audio files in there that you would like to use, and make sure they are named correctly (bootanimation.zip & bootaudio.mp3).
Create a “preview” sub-folder next. This is where you’ll put screenies of your theme as you continue to develop it. Make a note of the file names and sizes in our original preview folder, also if you look you’ll see that some of the photo’s are jpegs and some are pngs. I’m not sure as though it matters, but I’ve developed a habit of keeping the extensions the same.
Now you can create an optional “ringtones” subfolder and assign rintones, notifications, and alarm sounds, by default when applying your theme. Use any mp3 you like so long as the files are named alarm.mp3, notification.mp3, and ringtone.mp3.
Create a “wallpaper” sub-folder within your theme folder next. This will be the home of your theme’s default wallpapers. Again look back at the intro.mtz and notice the size of the wallpapers in that folder and the file names. When you put your jpegs in this folder make sure they are named exactly default_lock_wallpaper & default_wallpaper.
Congratulations, you’re now on your way to making your own custom theme. Now that we have the simplest things covered and out of the way, we can really start to dig in and do some theming!
Lesson 3 – Lockscreens
Skipping over icons for a moment, lets jump to the lockscreen. As you know by now our Evo 3D’s QHD displays don’t play nice with a lot of lockscreens. So lets have a look at what we can do to fix some lockscreens. Please keep in mind that depending on which lockscreen you want to use they will require varying degrees of changes to work properly. The lockscreen I included with the intro.mtz functions, but looks terrible so now we’re going to fix 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"
}
Extract the “lockscreen” file that you downloaded. Inside you’ll see an advance folder.
Open the advance folder. This is where the lockscreen magic happens. In this folder are all of the lockscreen png’s and the manifest.xml
Let’s start with the png’s.
-Resize bg to 540X854
-Resize bottom to 540X178
-Resize bottom_batterylow to 540X178
-Resize bottom_batterylow_light to 540X240
-Resize charging_bg to 540X178
-Resize charging_bg_mask to 540X178
-Resize status_bar to 540X40
-Resize time_bg to 540X107
Feel free at this time to edit and/or replace any of the png’s in here, as you see fit, but be sure to keep the icon names correct and watch out for the .9png’s (there are none in this lockscreen, but if you’re using a different one beware).
Now that the png’s have been fixed let’s have a look at the manifest.xml, shall we? Our images are all the proper size, but if we loaded the lockscreen now the icons and text would all be shifted to the left of the screen. In addition to making positional adjustments in this file we can change font sizes, font colors, time & date format, even which apps the lockscreen will launch. Go ahead and open that xml file now with notepad ++.
Find the two lines that begin with <DateTime. On these lines you can change the x & y locations to get the proper spacing from the edge of the screen. (x is the horizontal plane, y is vertical x0,y0 being the top left corner of the screen). You can change the text color (#FFFFFFFF) to whatever you like, the font size (size="22"), and the date format (format="EEEE, MMM d")
Now, work your way down through the xml file making any adjustments you want to make to text sizes, colors, and the necessary x shifts to get your lock screen lined up and centered. If by chance you get stumped, compare your manifest.xml with my manifest_edited.xml.
*hint, I usually use a pencil and paper to draw out the screen, then calculate how big of a left margin I want, add the image widths, to figure how big of a change to make. For example x20 + 480 png width=500 (leaving a margin of 40 on the right). Now if I change to x30 + 480 png width = 510 (leaving me a margin of 30 on both sides).
Once you’re done editing the .xml save it (keeping the original of course to refer back to)
Back out of the advance folder now and right click on it. Select 7zip from your popup window and “add to archive”. When prompted, save as “lockscreen.File”, set your file type as .zip and save your lockscreen to your theme folder. After it saves delete the .File from the name. Windows will prompt you that this may make the file unusable, click ok.
Navigate to your theme folder and select all of the contents inside of it (boots, preview, etc…). After selecting all of your theme components, right click again, select 7zip, and add to archive. Save your theme as “whatever_name”.mtz again choosing .zip as the file type.
Place your newly created theme on your sd card in /sdcard/MIUI/theme
Apply your theme and enjoy. If you’re happy with your lockscreen take a screenie to add to your preview folder when you make your next edits. Remember if you do something that breaks your lockscreen you can unlock by pressing back & volume up, or you can use adb to delete lockscreen from /data/system/theme and push a good lockscreen back.
Lesson 4 – Changing Icons
Changing your desktop and folder icons is a great way to enhance your theme. Miui’s theme manager makes this a relatively simple process. You can edit the default system icons with your image editor, or take your favorite icon collection and resize them to 90 X 90 pixels if you wish to keep the default Miui icon size. Lets begin!
Navigate to your intro.mtz and use 7zip again to extract the icon.File
Inside your extracted icon folder you’ll find all of the icons for the default system apps.
Changing system app icons
Find the icon that you want to replace in the folder. Let’s use the browser for example.
Find the icon you want to replace it with and rename that icon to com.android.browser
Copy your new browser icon into the icon folder, overwriting the existing one.
Adding icons for user installed apps is a little more involved but worth the extra time to make your theme complete. Here is where it’s handy to have Root Explorer.
Let’s say we want to add an icon for dropbox
To do this we need to know the process name. There’s a couple of ways we can figure this out. Since every app installed creates a data folder we can use Root Explorer to look in /data/data for the package name of dropbox.
If the package name didn’t jump out at you, don’t worry there’s another way to do this. Again using Root Explorer navigate to /data/app and find the dropbox apk, long press on in and select “extract all”, navigate to /sdcard/extracted and open up the extracted dropbox apk. Now tap the AndroidManifext.xml file, which should open up a text document and the very first line should give you the manifest package name.
By now you should know that the package name for dropbox is com.dropbox.android
Find the dropbox icon you want to use.
Rename the icon to com.dropbox.android
Drop the icon into your icon folder.
Repeat these steps for all of the icons which you want to replace.
Once you are finished replacing and / or adding icons, from within the icon folder, select all, then right click, select 7zip, and add to archive.
When the 7zip popup screen appears, save them as icons.File
Delete the .File extension
Move your zipped icons file to your theme folder.
Zip your themes folder up as a .mtz and apply it to your phone the same as you did after you finished your lockscreen.
Again, if you are happy with your icons take a couple of screenshots for your preview folder.
One last side note in regards to icons. You may notice some apps such as google + install additional icons to your homescreen (G+ Messenger). I have not figured out the image naming trick yet for these icons to display from the theme, but I’m working on it. For the time being I extracted my G+ Messenger and replaced the icon in the /res/drawable-hdpi folder, but I am searching for the correct way of doing this and will update accordingly once it’s figured out.
Lesson 5 – SystemUI
Now, we're going to add a whole new element to our theme. We're going to create a SystemUI zip in our theme mtz. Examples of some things that we can change in SystemUI are notification bar icons (signal, battery, gps etc), Statusbar back ground, and the various tabs you see in your drop down expanded notification page. Let's begin.
Create a working folder somewhere easily accessible on your computer (I like to work from my desktop)
Inside of your working folder, create a subfolder named "res"
download my theme_values_SysUI.xml, place it in your working folder (not in the "res" subfolder), and rename it to theme_values.xml.
Now you will need a SystemUI.apk from Miui. You can either unzip the rom on your computer and move the .apk to a convenient location of your choosing, or you can use adb to pull the SystemUI.apk from your phone. It's located in /system/app.
Now that you have your SystemUI.apk, using 7zip, extract it.
Open up your extracted apk and navigate to the "res" folder. Copy the "drawable-hdpi" folder and the "raw" folder and move them to the working folder on your desktop, placing inside of the "res" subfolder you created earlier.
Begining with the "drawable-hdpi" folder, use your image editor to make any .png adjustments that you want incorporated into your theme, or replace the png files as you see fit. Be sure to maintain the nomenclature of the images if you opt to replace them. Beware of editing .9.png's as they cannot be edited in a conventional fashion. If you need help editing .9.png's there are several methods and guides around xda. Or ask in [Guide][Reference] An Intro to Themeing.
When you're finished with the drawable-hdpi folder move to the raw folder. This is where your battery icons are located, contrary to Sense and CM7 roms. You'll notice that there are not 200 little battery png's but 3 large png's with all of the images put together in a sort of battery collage. To assemble a battery collage, take your individual battery pngs and resize them to 38 X 38. For graphical and charge indicators, you will now need to create a new image sized at 152 X 190, copy and paste your individual png's into the large image so that you have 5 rows each with 4 png's. Follow the same procedure for making a % png, except that you'll be using 10 rows of 10 images, so your png size should be 380 X 380.
When you're done with all of your images, open up the theme_values.xml with notepad ++ and make any color edits that you see fit. Please note, that these color changes will have minimal impact on the look of your theme. Most of the color changes of your system will not happen here. These are default values for only a handfull of apps.
When you're finished editing the xml save it and close it.
Finally select your theme_values.xml and your "res" folder and right click your mouse, select 7zip, and add to archive. In the 7zip popup window name your file com.android.systemui (no additional extension here, make sure it does not say zip at the end....just: com.android.systemui)
After the folder is compressed and zipped, move it to your theme folder and zip your theme up as a .mtz as you have been doing right along. Apply theme to your phone and enjoy.
To Be Continued…..Next update will be for Framework-res or launcher depending on my upcoming amount of free time!!!
Additional Information: Tips, Tricks, & Links
Advanced Lockscreens - Tips and Tricks
Thanks il Duce for these links:
Lockscreen 2.0 Reference
General Miui Tips & Tricks
I wasn't born rich, I'm good lookin' instead!!
Great job Hockey!! Love how everything is coming together!
Added to the OP in the one stop shop also.
Edit: This is really thorough. Very nice indeed.....
Awesome work
Sent from my PG86100 using xda premium
Place holder for me
Is that all we do to the manifest because I really want that Evoluer slider to unlock my phone.
Temari x Shikamaru
scott951 said:
Place holder for me
Click to expand...
Click to collapse
Thank you sir, for providing us with a rom worthy of the time it takes to do all of this!......No disrespect intended to any of the other developers who's roms I also use, but I've fallen head over heels for Miui
knowledge561 said:
Is that all we do to the manifest because I really want that Evoluer slider to unlock my phone.
Temari x Shikamaru
Click to expand...
Click to collapse
Well, there's a lot you can do with the manifest xml, but to make them work properly yeah....It's just resizing the png's and shifting the x & y values accordingly for our screen size. I'm downloading the lockscreen you're trying to use now.
Thanks for this.
hockeyfamily737 said:
Well, there's a lot you can do with the manifest xml, but to make them work properly yeah....It's just resizing the png's and shifting the x & y values accordingly for our screen size. I'm downloading the lockscreen you're trying to use now.
Click to expand...
Click to collapse
Thanks because im Stumped!!!! If you manage to hook it up do you think you can throw in that green charging light? And when its not charging it turns blue when you touch it? Check out "ikun" to understand the lockscreen.
Temari x Shikamaru
vanessaem said:
Thanks for this.
Click to expand...
Click to collapse
My pleasure. Hopefully everyone including myself can learn from this, because I'm certainly no expert. Just a guy who like to take stuff apart to see how it works.
knowledge561 said:
Thanks because im Stumped!!!! If you manage to hook it up do you think you can throw in that green charging light? And when its not charging it turns blue when you touch it? Check out "ikun" to understand the lockscreen.
Temari x Shikamaru
Click to expand...
Click to collapse
I'll do what I can. First let's see if I can get it to work right Working lots of O/T right now so I haven't had a heap of time.
Thanks so much for this hockeyfamily737!
Sent from my PG86100 using Tapatalk
Thanks homie.
Temari x Shikamaru
Also I will possibly be able to help out on this as well if someone doesn't get it figured out by Sunday... been working alot of double shifts..
knowledge561 said:
Thanks because im Stumped!!!! If you manage to hook it up do you think you can throw in that green charging light? And when its not charging it turns blue when you touch it? Check out "ikun" to understand the lockscreen.
Temari x Shikamaru
Click to expand...
Click to collapse
Sent from my PG86100 using Tapatalk
Hey, nice introduction =)
If anyone is inerested in speeding up the process of testing your themes, I have created a Makefile/Windows Batch file for compressing themes and pushing them to the phone auto-magically
http://forums.miui.us/showthread.ph...ild-Script-(Windows-Unix)-Now-with-a-Makefile
Let me know if you guys have any problems!
Thank you for posting this amazing tutorial!
I am slowly fixing my lock screen, I'll post some before and after screen shots.
Before:
After:
thanks for this. i rlly needed it....
now to figure out more stuff...
steam374 said:
Thank you for posting this amazing tutorial!
I am slowly fixing my lock screen, I'll post some before and after screen shots.
Before:
After:
Click to expand...
Click to collapse
Terrific and this was the one I was trying to do today. Great job with this.
Brought to you from my EVOlutionary 3-Dimensional Smartphone
Wow! Great work... looking forward to more. Thanks hockeyfamily!
Sent from 3D A.W.E.S.O.M-O

[CM7 THEME] "WizAL" Theme - Hdpi Only

* * * Due to the huge response here, I've decided to close down this thread * * *
Hi there,
I've spent some time learning how to make my own CM7 theme lately and I thought that I would share my work here in a new thread.
It's still a work in progress and I will most likely update it once in a while; but please remember the 1st rule: do not ask for ETA (timeframe) [and please also do not 'full-quote' long posts unnecessarily].
I've used some different UI text colors and did it kind of the "rough way"; i.e.: the colors will also be changed in some of your installed apps. It's really not the best way to do it, but I find that it does bring something new to the phone anyway... And in some cases [see the pic about storage], I find that it is quite convenient to see which options are actually selectable or not.
Again, this is a work in progress and I'm sure that there will be a few things to improve and I count on everyone's feedback. So if you see things that look weird (some 3G/4G stats icons for example - which I cannot test at the moment) or things you would like to be changed, please let me know and give screenshots... I'll see what I can do about it.
But most of all: try it, if you like it good! if not: trash it! :good:
This is my first real shot at theming so I'm no expert and I'm even less experienced at 'photoshopping'. So from the get go, big thanks to xda members MrDSL and kevin2516 for their respective themes (and guidance) which I picked from and modded.
This theme is transparent statusbar friendly [and look best that way] but to make that happen, you will need to do a slight modification within a smali file inside the SystemUI.apk of you specific build. Details on how to do so can be found here on this post and you can skip the part about changing the png pictures sinces those are changed within the theme already.
Again: this SystemUI.apk file is one a the backbones of cm7 for user interface and changes from build to build --> so the tweak has to be redone for every new nightly installation.
Finally, since I've made this on a PC running Windows, you will get an error message when applying the theme with Theme Chooser saying that the theme is missing assets for your phone's resolution. It's a Theme Chooser's limitation: just choose "Apply anyway" and do not forget to reboot.
I hope you enjoy!
/AL
P.S.: i) XDA apk file attachments are somehow transformed to zip files once downloaded; so don't forget to rename the theme to xx.apk before trying to install; ii) some of the screenshots might be slightly outdated and not fully representative of the current state of work.
Code:
Changelog:
v2.5: [URL="http://forum.xda-developers.com/showpost.php?p=37706912&postcount=47"]Changelog on post 47[/URL]
v2.4-dark: notable visual changes update
Changelog [URL="http://forum.xda-developers.com/showpost.php?p=37249199&postcount=46"]here on post 46[/URL]
Will had newer screenshots to the OP another time...just try it... :p
v2.3 (no final 2.1 and 2.2 released)
Changelog [URL="http://forum.xda-developers.com/showpost.php?p=36211689&postcount=41"]here on post #41[/URL]
v2.0
Changelog [URL="http://forum.xda-developers.com/showpost.php?p=36211689&postcount=34"]here on post #34[/URL]
v1.9
Changelog [URL="http://forum.xda-developers.com/showpost.php?p=34299159&postcount=32"]here on post #32[/URL]
v1.8
Changelog [URL="http://forum.xda-developers.com/showpost.php?p=32832681&postcount=31"]here on post #31[/URL]
v1.7
Changelog [URL="http://forum.xda-developers.com/showpost.php?p=32376000&postcount=28"]here on post #28[/URL]
v1.6
Changelog [URL="http://forum.xda-developers.com/showpost.php?p=32033078&postcount=27"]here on post #27[/URL]
(This will replace v1.5 here)
v1.5
Changelog [URL="http://forum.xda-developers.com/showpost.php?p=31755367&postcount=24"]here on post #24[/URL]
v1.4:
Changelog [URL="http://forum.xda-developers.com/showpost.php?p=31293658&postcount=23"]here on post #23[/URL]
v1.3:
Changelog [URL="http://forum.xda-developers.com/showpost.php?p=28687299&postcount=14"]here on post #14[/URL]
v1.2:
- minor update fixing various small glitches
- retouched the dialer and made it semi-transparent
- fixed patch-9 file on keyboard
- fixed a couple icons that were barely visible
- changed the sms "sent" tag text color and made the box for new messages green
(I suggest using the option 'use black background' for nicer look
-->requires killing messaging cached process to apply or a reboot)
v1.1:
- new ADW app drawer icon;
- fixed the shade of most menu icons (black ones for white bg) and
changed a few of them: settings, edit, delete, emoticons...;
- changed most icons related to mms attachement choices + Gallery icon;
- reverted Install animation back to TouchWizzed green;
- new "Ongoing/Notifications/Carrier text color;
- new mms animation and re-tweaked the new sms one;
- fixed the dialer's call log single-entry selected background
(couldn't read the black text and uggly);
- new Dropbox icon, upload AND download animations;
- fixed dialer's button size and wrongly enable/disable states display (3 action btns)
and pressed background color (no more uggly light blue on those ones ;P -for Coco);
- changed the dialer's ('Manage applications' and others) top Tabs
to TouchWizz style: slightly less light blue and vertical and separators now showing
[and 5-6 icons for it];
- retouched most of the light blue 'pressed' color (there were >10 shades of it...)
-> might still need some patch 9's tweaking for slight light blue shade stretching;
--> still looking to solved the statusbar date display (bg) when dropdown panel is down;
--> looking into modding sms for transparent background and popup dialogs.
v1.0:
- changed many icons and tab icons;
- changed keyboard blue keys color;
- fixed transparency of popup dialogs;
- added statusbar animations for missed call;
- added simple keys (buttons-like) on the dialer;
- fixed the overscroll glow and bars;
- added statusbar animation for new sms;
- made the 'scrollbar_handle_accelerated' semi-transparent;
- fixed the keyboard shift key indicator light;
- fixed the keyboard suggested words strip and font colors;
- ... and a few other things that my old brain forgot
What's themed [can be anywhere from 1 icon only to 700+ (framework): so for you to find out...]:
ADW Launcher
aLogCat
aNotePad
AlarmClockXtreme
Avanced Task Killer
Astro file explorer (*: old one v 2.5.2)
AutoPlus
Battery circle mod
Beautyful Widgets
Browser (stock)
CalcBuddy (wip)
Calendar (TouchWiz style one - see this)
Catlog
Camera
Contacts and Dialer
CpuSpy
DaTuna
DeskClock
Dice Player
Digitally Imported (DI) Radio
Dolphin Browser HD (*: old one v 5.1)
DroidWall
Dropbox
DSP Manager
Email
extendedcontrols (can't remember what this is for??)
FM Radio
Framework
Google Translate
HanPing Pro Chinese Dictionary
Jango Radio
Keyboard (LatinIME stock and Kii keyboard [select their GB built-in theme])
Locus Pro
MIUI Compass
MIUI SoundRecorder
MMS (sms + mms)
Music
Phone
PlayerPro
PlayerPro Blue Wonder Skin
PokerKing Blue
PoliceLights Free
QuickPic
RootExplorer
Settings
Skype
Smart App Protector Free
SoundRecorder
SuperUser
SystemUI
Tapatalk 2 Pro
Terminal
Timeriffic
Torch
Vault (NQ)
Vending (PlayStore)
Widgetsoid
Wifi Analyzer
Wiki Pro
------------
(59 apps as of v2.5 - Feb 8, 2013)
* * * Due to the huge response here, I've decided to close down this thread * * *
OK, here's some use for this reserved spot...
[I mainly wrote this up for myself as a reminder only, but why not share it with you guys right!?!]
How to fix the date overlapping issue in statusbar.
Credits go to Achep
for his JB-style notification panel time/date layout – a big THANK YOU.
His index thread here
Let’s start!
MAKE A NANDROID BACKUP
MAKE A NANDROID BACKUP
MAKE A NANDROID BACKUP
…or at least make an UNDO flashable zip with the original SystemUI.apk in case that you lose the statusbar in the process and are unable to switch the memory card access from it. You could then also access it through the recovery usb sharing option, but the zip is easier…
Tools needed:
- Prior knowledge on decompiling/compiling apks.
- 7-zip
- Notepad++
- Paint.NET
- Apktool or other decompiling/compiling tool
[sorry I have no link for all those at this time – maybe later]
Notes:
- I put some extra details here and there might be errors – thanks for signaling them to me; I’ll do my best to update/correct stuff up as needed;
- I will not answer questions on how to compile/decompile if you do not do your part first and learn about all that stuff. So read about Java and Android development kits, see environment path variables for java… Signing apks or not (for system apps)…
Let’s start for real this time…:
Pull these two files from the nightly zip : framework-res.apk [in \system\framework] and SystemUI.apk [in \system\app] and place them in your apktool folder [c:\apktool in this guide].
Decompiling SystemUI.apk:
Code:
Run: cmd
Load apktool folder:
Code:
cd c:\apktool
Load the framework:
Code:
apktool if framework-res.apk
Decompile SystemUI.apk:
Code:
apktool d SystemUI.apk
You can leave this command prompt window open (or minimize it to tray) as we’ll need it to recompile in not too long…
Enabling transparent statusbar:
Go to C:\apktool\SystemUI\smali\com\android\systemui\statusbar\ folder.
Open StatusBarService.smali with Notepad++ and look for [Search/Find…]:
Code:
invoke-direct/range {v0 .. v5}, Landroid/view/WindowManager$LayoutParams;-><init>(IIIII)V
[this should be around line 2220]
And change the line just above it from:
Code:
const/4 v5, 0x2
to:
Code:
const/4 v5, -0x3
Save the file and exit.
Note:
As is, that part will allow transparent statusbar for themes made for it.
If you do not want to use a custom transparent-enabled theme, you will then have to modify these 2 files in C:\apktool\SystemUI.apk\res\drawable-hdpi\:
statusbar_background.9.png
status_bar_background.9.png
and set their layer transparency level [with Gimp, Photoshop, Paint.NET or whatever] to whatever you like. But be careful: they are .9 files so you should not make the surrounding one pixel border transparent at all. Learn more about handling .9.png files before venturing into this [might write up something about this at another time].
Optionally, you can also modify these 2 files (which are for the notification panel pulldown background and the handle at the bottom):
shade_bg.png
status_bar_close_on.9.png
More info on all this can be found here on post #2 of one of my previous thread.
Otherwise, you can use my WizAL theme from the OP and it will save you the trouble.
Removing the date (and its background) from the pulled down statusbar:
Navigate to and open up: C:\apktooll\SystemUI\res\layout\status_bar.xml
Find [~ 3rd line from the bottom]:
Code:
<com.android.systemui.statusbar.DateView android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:gravity="left|center" android:id="@id/date" android:background="@drawable/statusbar_background" android:paddingLeft="6.0px" android:paddingRight="6.0px" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />
Change it to:
Code:
<com.android.systemui.statusbar.DateView android:textAppearance="@android:style/TextAppearance.StatusBar.Icon" android:gravity="left|center" android:id="@id/date" android:textColor="@android:color/transparent" android:background="@android:color/transparent" android:paddingLeft="6.0px" android:paddingRight="6.0px" android:layout_width="wrap_content" android:layout_height="fill_parent" android:singleLine="true" />
Save the file.
Adding AChep’s JB-style Date layout in the pulldown notification panel:
Download the attached zip and extract the 2 smali files from AChep [StatusBarJellyHeaderView.smali and StatusBarJellyHeaderView$1.smali ] and paste them into this folder:
C:\apktool_al\SystemUI\smali\com\android\systemui\statusbar\
Now go to C:\apktool\SystemUI\res\layout\status_bar_expanded.xml and look for:
Code:
<LinearLayout android:gravity="center_vertical" android:orientation="horizontal" android:id="@id/carrier_label_layout" android:layout_width="fill_parent" android:layout_height="wrap_content">
[around or at line 6]
And paste this code just below:
Code:
<com.android.systemui.statusbar.StatusBarJellyHeaderView android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingRight="37.0dip" />
This previous step is not perfect as I just use some padding between the new date/time layout and the clear button. So that button will move left and right slightly depending on how much space the time takes. I still need to learn how to use RelativeLayouts…so if anyone knows, please share your knowledge.
Now with this mod, there is no room for the carrier label on there; so let’s remove it completely by removing the line directly below the one you’ve just added – so delete this line:
Code:
<com.android.systemui.statusbar.CarrierLabel android:textAppearance="?android:textAppearanceLarge" android:textColor="@color/carrier_label_text_color" android:layout_gravity="center_vertical" android:paddingLeft="4.0dip" android:paddingBottom="1.0dip" android:layout_width="0.0dip" android:layout_height="wrap_content" android:layout_marginLeft="5.0dip" android:layout_marginTop="1.0dip" android:layout_weight="1.0" />
Save file and exit.
We’re now ready to recompile the SystemUI.apk:
Code:
apktool b SystemUI
Go to your desktop and place an untouched copy of your SystemUI.apk file on there [you can copy the one you’ve previously placed in c:\apktool folder if needed].
Right-click on it and select: 7-zip / Open archive.
Now in your C:\apktool\SystemUI\ working folder you will see: a new “build” folder --> open it up and then also open up the “apk” sub-folder.
From it, select these three things: the complete “res” folder, the “classes.dex” file and the “resources.arsc” file and replace the originals by drag-and-dropping them onto your desktop [untouched] opened archive. [answer yes to the file copy popup]. Close the archive and and you’re basically done!!
Just remember that this file is now your modded SystemUI.apk so you can push it to \system\app folder on your phone [do not rename it] through adb or [my preferred method] through the use of CWM recovery flashable zip.
References:
- Go read THIS if you want to learn how to make a CWM recovery flashable zips.
Final Notes:
- I do not recommend to push the resulting file manually [read with RootExplorer or other file managers] because you might make the statusbar disappear or worst case, get into an error loop before you get the chance to set the file’s permissions. So you’ve been warned: use adb or an update zip to push the modded file.
- for this to tweak to display properly, you will have to make sure that you do not choose the “Compact carrier label” option in CyanogenMod settings / Interface / Status bar tweaks.
- Again, play it safe and prepare yourself an undo patch with the original SystemUI.apk.
THE ATTACHED FLASHABLE ZIP IS TO BE APPLIED TO MANIAC103'S 2012NOV07 (Defy or Defy+) BUILDS ONLY
[although maniac's OCT25th (plus/no plus) builds have he exact same SystemUI.apk also...]
AGAIN: the SystemUI.apk changes from build to build and using this zip on another build might break things up;
==> this is why this guide exists:so redo the mod/zip for future (or older) nightly builds.
Cheers
/A
Will you be doin a cm9 version or just cm7?
Sent from my MB525 using XDA
Dude move it to Android Themes!! Really!!
Sent from my MB526 using xda premium
nogoodusername said:
Dude move it to Android Themes!! Really!!
Click to expand...
Click to collapse
I take that you like it then? -thanks.
Well, like I said in the OP, it's my first real attempt at making a theme and it is far from perfect. There are many little glitches I can still see like the date on the statusbar [2nd pic] when the notification panel is down, the general font color change is really also not the best way to do it...
I also have a lot to learn and many things I want to try first.
Although I did spend quite a few hours on this already, I still feel that it is far from meeting my personal quality standards and I would not post for such a wider audience yet; by respect to other themers and users...
Afterall, this is just a personal theme that I share here...
NI55AN said:
Will you be doin a cm9 version or just cm7?
Click to expand...
Click to collapse
When the time comes maybe...
Please, let me do my learning and experimenting first...
But for now, I'm happy with cm7; especially with the level of support that Maniac103 is still bringing to it for us.
Thanks this theme is awesome!
Thanks ALL...its a great work.
Im using it on my defy but....is there any way to change the keyboard theme? Its the only thing I dont like.
And can I ask for something?...Can you make a black or dark version? I mean change all the blue stuff to a black or maybe dark blue...
It´s just and idea/opinion.
Again thanks for the hard work.
ALL for the transparent status bar, you also can enable it using OUT KITCHEN
All you have to do is enable the option "Enable transparency in status bar" in the "Status Bar" tab and upload the SystemUI.apk and the framework-res.apk from the rom you are using.
Then download the zip file and flash it from recovery.
Click to expand...
Click to collapse
Cocolopes said:
Thanks ALL...its a great work.
Im using it on my defy but....is there any way to change the keyboard theme? Its the only thing I dont like.
And can I ask for something?...Can you make a black or dark version? I mean change all the blue stuff to a black or maybe dark blue...
It´s just and idea/opinion.
Again thanks for the hard work.
Click to expand...
Click to collapse
You're welcomed and thanks - I appreciate.
As for your question:
well, as I said, I'm no expert at Photoshop and I know that I'll one day have to redo all this many times... But simple answer is yes - it can easilly be done.
By simply modding 5 picture files basically.. - believe it or not.
Check the zip, do your changes and I could switch it for you.
To replace those file in, you to be familliar patch - 9 format patching and how to compile them... [the kind of stuff I kept post #2 for eventually... Theming/forum posting overdose lately here...]. Once you know that, it would be just a matter of replacing the files in the apk with 7-zip and resigning it... [or re-compile the theme with uncompiled .9.pngs; what I would do..]
But again I could take care of that part for you np... So plz have a go at the PS part - go wild at it!! -hehehe. :good:
great theme
my phone looks better now with this theme..
ksrao_iete said:
my phone looks better now with this theme..
Click to expand...
Click to collapse
Good; I'm glad for you
- - - - -
* * * New UPDATE to v1.1 (June 28 - see changelog) * * *
Enjoy!
/AL
Yo,
I don't know if there's really any interest for it any longer; 31 downloads for over a 1,000 views... (maybe most users are on ICS)...
But anyhow, v1.2 attached on OP.
Cheers,
/A
Just installed..yippy.........what attracted me your theme are dialer and the colors u applied for sms notifiication icon with animation in status bar..that really really nice...
---------- Post added at 03:57 PM ---------- Previous post was at 03:54 PM ----------
mr AL i hope you too want to try that theme in ICS..
Yo,<br />
<br />
I don't know if there's really any interest for it any longer; 31 downloads for over a 1,000 views... (maybe most users are on ICS)...<br />
<br />
But anyhow, v1.2 attached on OP.<br />
Cheers,<br />
/A
Click to expand...
Click to collapse
I think so...Im waiting for the ICS....
Sent from my MB525 using xda premium
Nice theme :good:
Happy Friday the 13th all!!
Here's maybe what will be my last update for this theme (we'll see about that...).
My guess is that well over 100 pics were added or retouched since v1.2.
And here's a rough changelog:
Code:
- Blue themed FM radio and icon
- Colored stat icons for Skype status: oh yeah! - finally!!
- ICS-style installation progress bar
and slight changes to:
- Tapatalk pro
- AdvanceTaskKiller
- DI Radio (Digital Interactive)
- SoundRecorder (colored the 3 buttons from white)
- Wiki Pro
- Email checkmarks
- Player Pro logo and stat icons
- SU icon
- DSP icon
- 3 text selectors color
- Terminal icon
- dialers buttons again
...and many single changes here and there
So go to the OP for the apk
Cheers
/A
P.S.: And sorry for the ones waiting for the ICS version of the theme: don't hold your breathe on this.
I've had good intentions of doing it (especially after seeing full HWA finally working), but after trying CM9 again,
I just don't like it and don't think I'll ever move to it. Maybe for Jelly Bean... who knows!?!
[] AL [] said:
Happy Friday the 13th all!!
Click to expand...
Click to collapse
AL, thanks for the theme, i liked it verymuch, am still on cm7.1.RC.1.5.jordan, am uisng v1.3 and looks like i hv a bug in the dialer,
numberpad 3/6/9/# column are cutoff, i can see only D/M/W chars on these number pad.
check the attachment,
Anyways am unsing touch pal dialer, not a big issue.
request: is it possible to add antenna with 'Y', check this http://forum.xda-developers.com/showthread.php?t=1277549, forget abt the color of the bar if its too difficult, atleast Y in the signal icon ???
-thx
hanu_blr said:
AL, thanks for the theme, i liked it verymuch, am still on cm7.1.RC.1.5.jordan, am uisng v1.3 and looks like i hv a bug in the dialer,
numberpad 3/6/9/# column are cutoff, i can see only D/M/W chars on these number pad.
check the attachment,
Anyways am unsing touch pal dialer, not a big issue.
request: is it possible to add antenna with 'Y', check this http://forum.xda-developers.com/showthread.php?t=1277549, forget abt the color of the bar if its too difficult, atleast Y in the signal icon ???
-thx
Click to expand...
Click to collapse
Hi and thanks - I'm glad you like the theme.
I really don't know why the dialer doesn't display properly for you.
Did you do like I clearly stated on the OP and reboot your phone after applying the theme?
Are you using a non-standard screen dpi setting by any chance??
For the Y-shaped signal statusbar icon, I've never seen or used a theme with 5 bars, so I would not know off-hand how to do it. But I'm sure that it would take more than just different pics. So if you know of such a theme, give me a link to it and I "might" have a look into it. But I can tell you right away that I'll be extremely busy for the next 2-3 weeks and will likely not have any time for this - sorry.
But anyhow, I put something together for you (very quickly - I did not even try it to see how it looks..); so try it to see if it fits your taste.
The first state of signal reception will show the first 2 bars and the no signal state will show a very dimmed first bar. And as usual, you'll get the full colors when Google is 'connected' and ready to sync (on wifi or 3G, 4G...)
Otherwise, I suggest that you try to do it yourself; it fairly easy to do. On your destop, use 7-zip and right click on the apk and chose "Open archive" [not Extract just Open], navigate to "WizAL.apk/res/drawable-hdpi" folder and find the signal pictures. They're all named "stat_sys_signal_X.png" or "stat_sys_signal_X_fully.png" (where X is 0 to 4 --> so 10 pictures total). Do your changes and replace them in. Re-sign the apk, re-install, re-apply and rebooot: done!
If you're not familiar with apk signing, you can do it straight on your phone: just look for something like "zipsigner 2" on the Playstore.
Lastly, if you like my work (and this answer): don't be shy and hit that "Thank" button - it's the least you can do and it's free.
At least, it shows a little more appreciation.... I'm sure that you can imagine how long a 1,200+ pictures (all the picture editing and related xml entries) take to put together...
Cheers,
/AL
P.S.: I strongly suggest you to update your CM7 to Maniac103's latest build. You're really missing out on many great improvements and bug fixes by staying on CM7 RC1.5....and who knows if you're dialer display problems is not also related to this !? [it really shouldn't but still...]
[] AL [] said:
Hi and thanks - I'm glad you like the theme.
Click to expand...
Click to collapse
Thanks AL, i did as u said to reboot after applying the theme.
I still see the dail pad issue.
I did try ur quick fix theme, it looks good on non-transparent bg, but since its transparent bar, so its little hard to see the colors. attached both screen shots..
Anyways thanks for it . I hv not yet edited any themes till now and my PS skills are bad
May be ur default singnal bar color shd look good i guess.
I have seen some themes, but dint remember it now
Yes am on old 7.1 1.5RC version for a very long time. Have to update to ur suggested build.
thanks for ur time .
hanu_blr said:
Thanks AL, i did as u said to reboot after applying the theme.
I still see the dail pad issue.
I did try ur quick fix theme, it looks good on non-transparent bg, but since its transparent bar, so its little hard to see the colors. attached both screen shots..
Anyways thanks for it . I hv not yet edited any themes till now and my PS skills are bad
May be ur default singnal bar color shd look good i guess.
I have seen some themes, but dint remember it now
Yes am on old 7.1 1.5RC version for a very long time. Have to update to ur suggested build.
thanks for ur time .
Click to expand...
Click to collapse
OK, thanks for the info; I will try to investigate the dialer...eventually (really don't know when I'll find time for that..)
Maybe your 3rd party dialer interferring with it? Have you tried to uninstall it to see if my theme's dialer becomes OK?
I don't know really; here I use 1.3 since I've posted it and all is fine...
OK, regarding your icons, try this new one, I think it should be better... I did it too quickly the first time and didn't think too much about it...
Cheers,
/A
[] AL [] said:
OK, thanks for the info; I will try to investigate the dialer...eventually (really don't know when I'll find time for that..)
Maybe your 3rd party dialer interferring with it? Have you tried to uninstall it to see if my theme's dialer becomes OK?
I don't know really; here I use 1.3 since I've posted it and all is fine...
OK, regarding your icons, try this new one, I think it should be better... I did it too quickly the first time and didn't think too much about it...
Cheers,
/A
Click to expand...
Click to collapse
Simply Awesome...the changes really looks best for my baby defy ....sing CM7.2 stable, Wizal theme, launcher pro, Defy Red lens
[] AL [] said:
OK, thanks for the info; I will try to investigate the dialer...eventually (really don't know when I'll find time for that..)
/A
Click to expand...
Click to collapse
AL,
i did try uninstalling the 3rd party dialer, didnt help. No need to worry, hv alternatives 3rd party dialer
The new icons looks very good now , thanks for ur time.

[GUIDE][TUT][.9.png] Theming your SamsungIME Keyboard

Hey guys,
I was asked a week or so back to make a guide so others can theme the Stock SamsungIME.apk the way they like. I have made my thread to do this and you can put in request if this guide is not helpful(which I hope it is).
I will answer as many questions as I can, time permitting, and be as Noob friendly as I can, as well. I know this guide will not be perfect and there might be some things I am leaving out, and if so tell me, I will adjust the OP with any suggestions or changes. So here goes nothing...
Things you need:
Android SDK
Java JDK and JRE
Apktool
Notepad++
xUltimate-d9pc
Photo Editor (Gimp/Photoshop)
Before we begin, I am not going to go into how to load/decompile/recompile apks.. There are some good guides out there and here are some..
http://forum.xda-developers.com/showthread.php?t=2195680
http://forum.xda-developers.com/showthread.php?t=2206938​
After you have the SamsungIME.apk totally decompiled you will want to open the folder it decompiled into and start with the res/drawables-sw359dp-xhdpi folder. In this folder there is all the pngs you need to edit. For starters the keys themselves..
You want:
sip_key_bg_normal.9.png
sip_key_bg_option.9.png
sip_key_bg_pressed.9.png
​As you can tell, by the name, these are not normal pngs. You will see a 1 pixel border on all sides of the image. When editing the png either erase them or resize the canvas of the image. Just subtract by 2 form the height and the width, but remember when you save it re open it and adjust the canvas size back to the way it was. As my understanding of these goes, they are named this way because Android recognizing these .9.pngs and stretches them.. When I first attempted editing these I would have nothing but problems, of course because I was doing it wrong. I never could understand where the lines go and what they actually do. Thats probably because I was trying to do it with transparent/semi-transparent images and could not see the actual image expanding. Well when you are editing these with draw9patch, I noticed two very important things to look at (for the keyboard). The window to your right is how the actual image will look when expanded, but to see that you have to go to the bottom of the screen and the second scroll bar, move it all all the way to the right.
​
You will notice that it stretches the image.. This is the same thing Android does.
The middle image needs attention here because it expands it horizontally. So that means when you expand it all the way thats what you spacebar will look like. .
​
You notice that these edges (red lines) Are not defined they are rounded.. Because they are not patched correctly.
​Notice the difference? This after it was patched with the proper line alignment.
To start you want add to full lines on the bottom and the right side. Next is the top and the left side. These are the lines you need play with to make you image look right. I used to only add a 1 pixel dot in the middle and one pixel line on the left. But when I started getting more advanced with photoshop/gimp I noticed my images would not looking the same. When you add gradients or borders to you keys, seeing the image on the right expanded is important because you will draw you lines to make you image look like it did in photoshop/gimp. NOTE: Don't leave any space in the lines to the right and on the bottom. You can, however, do so on the left and top but it will distort your png.
Here are a few guides to help you if you have anymore questions:
http://forum.xda-developers.com/showthread.php?t=2326393
The next image of importance is:
qwerty_keypad_bg.png
​
This is the background of the keyboard.. NOTE: there is also one of these located in res/drawables-sw359dp--land-xhdpi, the only difference being the above image is for Portrait and land is for Landscape. Also, they are two different resolutions so be careful when changing them. You can change this image to anything you want.. It is a normal png so therefore no patching or further steps are needed.
Next would be all the other option pngs, backspace, space bar, voice, settings, enter key, etc. You will will find these starting with the word qwerty_.
So example:
qwerty_key_icon_enter.png
​
This is the enter key as it sits on your keyboard.. Yes there are other ones but there are for different actions.
Another thing we might want to change is the color of the CAPS key when it is enabled.
That png is named:
qwerty_key_bg_shift_capslock.png
​
As you can see a lot of these are named exactly what they are..well some at least..
Next is .xml edits. You want to locate res/values-sw359hp-xhdpi/colors.xml. You will need to open this with notepad++ to edit colors of the key text, pressed key text, shadow of those text, space bar lettering, etc. You will only (or I only do) need to focus on the first 12 lines. They pretty much explain themselves by there names.
Code:
<color name="normalkey_shadowcolor">#ff000000</color>
<color name="functionkey_shadowcolor">#ff000000</color>
<color name="functionkey_labelcolor">#ffe2e2e2</color>
<color name="normalkey_labelcolor">#ffe2e2e2</color>
<color name="pressedkey_labelcolor">#ff122438</color>
<color name="disablekey_labelcolor">#7fe2e2e2</color>
<color name="popup_normalkey_labelcolor">#ffffffff</color>
<color name="popup_pressedkey_labelcolor">#ff2d5a8c</color>
<color name="normalkey_extra_labelcolor">#ffe2e2e2</color>
<color name="spacekey_labelcolor">#ffb6b6b6</color>
Click to expand...
Click to collapse
You'll notice that the colors are hex codes.. So the first two letters or numbers is for the transparency.. The next six define the actual color.
After we have edited our xml we can go ahead and recompile the apk. You should recompile with no errors. If you do encounter an error it's possible that you edited the color wrong and made it seven letters instead of eight or vice versa. Make sure that you transfer the old AndroidManifest.xml and META-INF folder form your original APK and transfer them to your new APK in SamsungIME/dist/.
FInally, you can copy you NEW SamsunIME.apk to your sd card, reboot into recovery. I prefer this method (Thanks to @Deckoz2302) because I would have trouble with APK's fully copying through adb. When in recovery select Mount, then click System. Select back. Then select Advanced, than File Manager. When in File Manager goto wherever you put your new APK. Copy it. Then go to System/app/ and hit Select and slide to copy. Reboot!
:good:Special THANKS to: @Deckoz2302: Best developer I have ever talk to! @Rizal Lovins, @grilleld, @Arsaw, @twanskys204, @Winterlove, @GuneetAtwal and I REALLY hope I didn't leave anyone out! If I did I'm sorry, tell me and I will update!:good:​
FIRST......!!!
Thanks brother, I am going to give this a go tomorrow.
Today, young ,men on acid realize that all matter is merely energy condensed to a slow vibration, we are all one consciences sharing itself subjectively, there is no such thing as death, life is only a dream, and we are just imaginations of ourselves And now to the weather.....
Reserved. .
Sent from my Galaxy Nexus using xda app-developers app
This is quite the guide thanks so much for this.
Sent from Kendrick Lamar, King of New York
Nice Tut Great Work..!
Can all this be done on Mac osx?
Shamestick said:
Can all this be done on Mac osx?
Click to expand...
Click to collapse
If there is an Android SDK for OSX then i'd imagine it can be done on a Mac.
The SDK was fine, its getting the java jdk that's giving me issue
Shamestick said:
The SDK was fine, its getting the java jdk that's giving me issue
Click to expand...
Click to collapse
@Shamestick - Do you use Polaris to run Windows? That could work possibly.
Sent from my SCH-I605 using xda app-developers app
dudeicles said:
@Shamestick - Do you use Polaris to run Windows? That could work possibly.
Sent from my SCH-I605 using xda app-developers app
Click to expand...
Click to collapse
I do not, and I haven't gotten a copy of windows to dualboot with yet either. My problems always come whe i try to go to the downloading site for java, it just will never open on chrome or safari
well done my friend ! Nice to see you here
Text color SamsungIME.apk Note3-MOD
I have a big problem.
I decompiled the SamsungIME.apk from Note3-MOD to change the color of the KEY-Text from BLACK to WHITE.
But I can't find the right XML and location where the code has to be changed.
Can someone help me in this topic?
Superwolf77 said:
I have a big problem.
I decompiled the SamsungIME.apk from Note3-MOD to change the color of the KEY-Text from BLACK to WHITE.
But I can't find the right XML and location where the code has to be changed.
Can someone help me in this topic?
Click to expand...
Click to collapse
They will most likely be in values/colors.xml
For testing I already changed every black code to white in this XML but it does not change.
Superwolf77 said:
For testing I already changed every black code to white in this XML but it does not change.
Click to expand...
Click to collapse
Oops sorry its in /values-sw359dp-xhdpi/colors.xml.. Took me a long time to figure out that! lmao! Anyways have fun hope I helped!
Thank you for the help. It works fine now.
Thnks sir.. usefull :fingers-crossed:
Apks?
For those who have made custom keyboards will you please post your apks?
Good
Thanks for your tutorial. I have a question about adding a backround image for the keyboard.Not sure if thread is to old so please respond if you an answer question and ill write it . thanks

Categories

Resources