Related
Hey guys,
I have the HD2, 172 WWE ROM.
I tried using HDWall app to create new slider icons. Nothing worked.
Does nayone have an app that can create slider?
If not, who wants to make one for me? I can give you all the icons, you create a cab?
I am pretty desperate as I have a couple I want to make that I love.
Thanks to any volunteers or helpers.
You can use a program called CFC_GUI to view and edit any manila graphic.
Thanks for responding.
I downloaded this but couldn't get it to work.
I selected the slider icon I wanted to change (to test) and selected replace with, the click on the icon I want. It runs through (stops sense) and just says 'fail'.
Also, I thought the slider icons were 64x64, and the larger icons 128 x 128.
This app shows them as 256 x 256.
Do you know what the correct size is for the sliders and the larger ones?
Well you will first want to make a folder some where. Connect your phone and put it into sync. From there open CFC_GUI >Device>Import from device. This will import your manila graphic files. Now you will want to go through these files and find all the files that pertain to the slider icons, quick hint there are a lot of them. Depending on the ROM there can be anything from 3 to 4 of them for each tab. Most will range in 64 while one will be 256. The 64's are for the actual tabs and also the customization setup pictures(for selecting the order of the tabs) in settings for the phone. While the 256 is for the big main graphic that is centered in the phones screen when it's slide over or selected. You will have to do more then just replace the files. When you select each file you want "save as" this while save it to the folder you open CFC_GUI for the first time. Once you have the actual images saved as a pngs you can then bring these files into a photo editing program. You will find that the size of the picture is not the actual size of the graphic.....sure it might be 64x64 but the actual graphic will be a bit smaller and is usually a bit off center and to the top left. So you take the picture you want (hint use pngs since most don't have backgrounds) to replace it with and paste it over the other picture as a layer. Adjust the picture until it's perfectly over the original layer under it. Once you get it right you can delete the original layer leaving your new graphic. Save the image ,possibly to a new folder but with the same original name. The next time you open CFC_GUI it will open the original files you don't have to plug the phone in yet, the program creates it's own folder and saves the files from when you imported them. Go through and replace the files you want , won't be hard if you keep the original file name when you saved your edited version. Once you replace them all you can close the program. Turn on the phone go to settings and turn off Sense. This option can be skipped because the program should turn off Sense when you go to export but some times it doesn't and messes up. Once synced open CFC_GUI recheck your work then go to
Device>export to device.
Unplug the phone turn Sense back on and they should be there.
Man I don't think I have ever had to write this much directions for this so be thankful I felt like being long winded tonight hope it helps.
Donation to you if you create slider icons set.
Wil,
I sincerely appreciate your reply. I have given it a go and read through your instructions many, many times.
Honestly, this is too hard for a novice like. I don't even know how to use photoshop properly.
I am willing to offer a donation to anyone who is willing to create a slider icon set for me.
I have all the icons, just need someone with the experience.
Anyone? Wil, can you?
Photoshop is not that hard. Just save the graphics like I said earlier. Bring the image into photoshop. Bring the image you want into photoshop. Go Select>all. Edit>copy. Go back to the original file. Edit>paste. It should paste it to a new layer all by itself. If the picture is a bit big or small you should be able to drag it to fit. You can also adjust the ocupancy down a bit to be able to see through it while you adjust. If your confused about the whole layer thing do a video search for Working with Photoshop Layers. There are plenty of them out there. It's a basic if you want to use photoshop the right way.
This should be in the Theme part but try to find the some threats of Dinik. He's a great designer and made even some easy walk throughs about how to make icons and how to replace them on your HD2
*edit*
Dinik Creations
When you look in the threats posted you find easy replacing tools
Stuck on final step.
Hi Wil,
Firstly, sorry for the very late reply. I have been working away collecting the icons I like, and trying to use Photoshop. I have finally figured it out.
I am stuck on the final step I think.
I have created all the icons correcty (to the top and right) based on the layering method you mentioned. Should be fine.
I have then used CFC to 'import' the png's. No problem.
I use CFC to browse the files and I can see the new icons I have imported.
What do I do now?
The files do show up in CFC, but not as slider icons in manila. Whats the final step?
Thank you in advance.
These are the manila fiels names from what I have researched. Please let me know if this is wrong.
Home
299c5eF5_manila (slide)
75499aa8_manila (big icon)
People
4f1d31ce_manila (slide)
1d7b29c4_manila (big icon)
Messages
76c3b921_manila (slide)
278db717_manila (big icon)
Mail
33afebf1_manila (slide)
2577a407_manila (big icon)
Internet
04abcd12_manila (slide)
4fca8b48_manila (big icon)
Calendar
4b721343_manila (slide)
613b21b9_manila (big icon)
Stocks
17ef70ed_manila (slide)
17ac5803_manila (big icon)
Photos
5631ec52_manila (slide)
3ca89548_manila (big icon)
Music
609e396a_manila (slide)
472f33c0_manila (big icon)
Weather
056fac59_manila (slide)
042e5baf_manila (big icon)
Twitter
2077631c_manila (slide)
7ffecf32_manila (big icon)
Footprints
28601361_manila (slide)
6f24d697_manila (big icon)
Settings
7aeB367a_manila (slide)
5389eeb0_manila (big icon)
http://forum.xda-developers.com/showthread.php?t=503511
i dont know it works for HD2 but i think it will
Thanks Veldmuus. I tried that previously, didn't work. It has completely different file names.
I tried 'export to device. Sense did stop (I saw it stop on my phone) did the export, then restarted sense.
For each fil that it was supposed to export, I just got the error 'fail'. No other info.
Any help?
I searched through the Eris forums and couldn't find anything, so I'm asking: Is there a mod, or a way, to make the status bar at the top of the screen transparent?
These 2 threads might help you out:
http://forum.xda-developers.com/showthread.php?t=764371
and
http://www.droidforums.net/forum/xeudoxus/47283-release-xultimate.html
The 2nd link is found in the first, but thought I would make sure to highlight it. I ran the script and it said it worked, but haven't really had much chance to play with it since. Hope this helps.
Thanks for the info es0tericcha0s, here is what I did after reading through those:
Code:
adb shell
mount /system
exit
adb pull /system/framework/framework-res.apk C:\Somewhere
exit
Once I pulled the framework-res.apk file, I opened it in 7-Zip's file manager (DO NOT EXTRACT!), once opened click
Framework -> res -> drawable-mdpi
Scroll down to "statusbar_background.9.png" and drag the file out of the zip and onto your computer somewhere (leave 7-Zip open) and open it with GIMP or PS or your image editor of choice and make the image transparent (in GIMP just slide the Transparency Slider all the way to the left on the Layers window) and save/export the png file.
Once it is saved, drag it back into the folder in 7-Zip, confirming the overwrite. Once completed, run the following commands:
Code:
adb shell
rm /system/framework/framework-res.apk
exit
adb push C:\Somewhere\framework-res.apk /system/framework/framework-res.apk
adb shell
reboot
You should now have a transparent notification bar, you can play around with the other files in that folder and make other changes.
As with any editing you do to system files on your phone, always do a nand backup, as I am not responsible for any damage you may inadvertently cause to your phone.
http://forum.xda-developers.com/showthread.php?t=768628 and http://forum.xda-developers.com/showthread.php?t=770829
That will make the bar transparent, but it just creates a blank / black bar up top in most screens because the space is still going to be there for the status bar whether there is a color or not.
You should really look into making a transparent theme. That's something I would love to have as long as it had the transparent status bar.
Sent from my nonsensikal froyo using XDA App
A friend and I have been working on it, but he has been incommunicado the past couple of days so haven't been able to do much else. Transparent - Chaos is the start of it though.
That's the theme I'm using. Love it! But I want a transparent status bar!
Sent from my nonsensikal froyo using XDA App
This just gave me a boot loop Thank God for nand...
Ah... worked the second time around. Pretty cool. Thanks for the method of editing the .pngs. Now I'll never get off the computer
You will need to re-sign framework-res.apk before pushing it back for your mods to work.
sickbox said:
You will need to re-sign framework-res.apk before pushing it back for your mods to work.
Click to expand...
Click to collapse
Actually no... I didn't resign and it worked fine using the above method. I took the apk from my desktop, drug it over 7-zip, and opened the folder. I drug the statusbar-background.png (from a sense rom) onto my desktop. I opened it with Adobe Ps CS3 and made the opacity 0%. Save, close, drag back into framework-res.apk. Remove current fw-r.apk from /system/framework and push new one in. That easy. No resigning involved for me!
zwade01 said:
Actually no... I didn't resign and it worked fine using the above method. I took the apk from my desktop, drug it over 7-zip, and opened the folder. I drug the statusbar-background.png (from a sense rom) onto my desktop. I opened it with Adobe Ps CS3 and made the opacity 0%. Save, close, drag back into framework-res.apk. Remove current fw-r.apk from /system/framework and push new one in. That easy. No resigning involved for me!
Click to expand...
Click to collapse
Maybe a little off thread but what settings contol is that in the screen shot?
Thanks!
zach.xtr said:
Maybe a little off thread but what settings contol is that in the screen shot?
Thanks!
Click to expand...
Click to collapse
It's called Power Widget. I think it was like $2.99. You can have up to 7 settings on 1 widget and you can change the size like 1x4, 1x3, etc (even without using adw launcher). You can also change the amount of transparency as well as the color of the indicators.
does anyone know where i can find the clear notification button to edit it i wanna change it to black the actual button not the word "clear"
As I have never been happy with the connectivity icons of neither stock Atrix nor Gingerbread, I have created my own. I put them here to share. Note that these only look good with a black taskbar and greenish icons there... I.e., the best idea is to use GingerBlur in the first place.
Note: The icons are now included in the 1% battery mod available here.
The differences here are not huge (due also to the size of the icons themselves):
Bigger, more legible font
Arrows are not shown when there is no data traffic
Arrows are bigger than stock gingerblur
Fancy looking 3G, where the 3 is slightly smaller than the G
In order to use these icons, there are two ways. The second one kind of assumes that you know what you are doing, so if you don't - use the first one.
If you have not yet flashed GingerBlur (you can also do this when you have already flashed, it is a bit redundant though and will take quite long)
Download GingerBlur (from the dev section)
Download the attached zip
Extract the attached zip
Open framework-res.apk with a zip tool without unzipping it
For GingerBlur 1.1 and up: it is easiest to extract framework-res.apk from gingerblur-1-X.zip, and open the apk from there. Push the modified apk back into the zip archive, and you should be good to go.
Drag and drop the icons from the attached zip file in the right folder (where the same files are located)
Close the zip tool
Install GingerBlur
If you have already flashed GingerBlur
Pull framework-res.apk
Download and extract the attached zip
Open framework-res.apk in a zip tool (no unzipping!)
Drag and drop new icons where they belong inside the apk
push the apk to a temporary folder on the phone
copy the apk from the temp folder to /system/framework/
reboot phone
The icons look like this:
View attachment 554162
In a phone screen, they'd look like this:
View attachment 554163
There is a 1%
It looks great, thanks!
With https://market.android.com/details?id=ccc71.bmw and the "Defy compatible" mode enabled it is possible to display the battery in 1% steps.
Maybe you can incorporate that feature!?
MaluNoPeleke said:
It looks great, thanks!
With https://market.android.com/details?id=ccc71.bmw and the "Defy compatible" mode enabled it is possible to display the battery in 1% steps.
Maybe you can incorporate that feature!?
Click to expand...
Click to collapse
Glad you like it!
Yeah, I have that app installed... it does not 'activate' anything, afaik. The single percentages can be grabbed from a pipe, basically, or estimated from voltage, but that does not mean the right-hand battery icon will get updated.
I have an idea though,that I will try out on Thursday (no time today and tomorrow, sorry).
Okay, no problem.
I will be watching this thread, maybe you can post your results here
I am working on the battery mod to display 1% natively in the status bar. I am making good headway in figuring it out, expect it in the next couple of days!
Ok, a little setback on the 1% battery mod. Ok, talking to myself here
Anyhow, will start a separate thread on this, as I am a bit stuck currently.
I hope that you can make it work with the new update (1.5.57)
How can I get the GingerBlur notification bar (plus your icons when I replace them) without installing GingerBlur? Do I just replace my framework-res.apk? (I have backed up)
LayzeeEyez said:
How can I get the GingerBlur notification bar (plus your icons when I replace them) without installing GingerBlur? Do I just replace my framework-res.apk? (I have backed up)
Click to expand...
Click to collapse
I have not really tried doing that... but you should be able to roughly follow the steps here: http://forum.xda-developers.com/showthread.php?t=536271
Note that:
- With 7zip, there is no need to rename the apk. Just open, but don't unzip it. Drag and drop files in.
- As GingerBlur already has the files you need, there is no need to create them
- You need to figure out which are the icons you need to copy. Obviously, the post above just talks about the statusbar itself; you also need to copy some icons (for cell signal, wifi signal, etc.). Where it gets a bit fiddly is that there are some things to watch out for. One, icons may not have the same number of levels - e.g, cell signal has five levels in motoblur, but only four levels in gingerblur. Two, I am still not sure whether icon sizes are hard coded; in which case, changing files like this may not work. And three, when I played around with battery icons (this included changing a binary xml file, though!), I managed to make my battery icon disappear completely, which is something you should be prepared for.
Bottom line? In your worst case scenario, be prepared to flash the 1.2.6 SBF if you mess up. If you want to be on the safe side, just install GingerBlur - much less hassle
Much harder than the copy and paste method I had in mind lol
Yeah I'll install gingerblur when its out for 1.5.7
Sent from my MB860 using XDA App
Just a note: The icons are now included in the 1% battery mod here.
Has anybody had any luck with transparency and draw9patch? for example, take the music.apk file and change the background for the widget to be 80% visible, toss it into the sdk draw9patch tool, save it. You get a simple stretching operation.
NFHimself said:
Has anybody had any luck with transparency and draw9patch? for example, take the music.apk file and change the background for the widget to be 80% visible, toss it into the sdk draw9patch tool, save it. You get a simple stretching operation.
Click to expand...
Click to collapse
read up on setting pixel borders using the draw9 tool usually in the sdk/tools folder. the outer most pixel basically has to be either completely transparant or completely filled. otherwise it won't work. and its a pain finding the perfect stretching area.
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