Related
Here's a tutorial for those wanting to make their own (animated) bootscreen for the HTC Hero. Decided to write it after I'd seen a couple of posts from people asking about this, and some encouragement from yet another. I've tried to write this in greatest detail possible, so everyone can have a go at doing this.
Tools
It's really quite simple, if you have the proper tools for the job:
SignAPK.jar + testkey.pk8 + testkey.x509.pem
SignAPK.cmd (batch file written by me to facilitate signapk.jar use)
Graphics editor that can work with animated GIF files (Adobe Photoshop or Fireworks recommended)
a plain text editor capable of editing UNIX files (if you're unsure about this, use the free, and open source Notepad++. You can get the Installer.exe here.)
These aren't required, but make things easier:
Android SDK Tools installed (working adb.exe at the very least)
Hero's stock bootscreen to start from)
I have attached two stock Hero bootscreens (one with and one without the HTC startup sound), as well a zip file with the signapk files.
Setting up SignAPK
First, make sure you have Java installed. If not go to www.java.com to install it.
Second, I recommend to unzip the SignAPK_xda.zip file to C:\SignAPK.
Lastly, add the signapk folder to your PATH environment variable:
[*]Go to Control Panel, System
[*]Click on "Advanced" (or "Advanced System Settings")
[*]Click the button "Environment Variables..."
[*]Locate the PATH variable under "User Variables" (or "System variables" if you want to use SignAPK under other user accounts) and double-click it to edit
[*]In the "Variable Value" field, at the end of the line, type a semi-colon and the path to the signapk files ;C:\SignAPK
[*]You could also add the path to your java.exe file here if you have troubles with running signapk.
A note on signapk.CMD
I wrote this batch file so it's possible to sign a zip file from a command line with the least amount of typing (saves time and less chance of a typo). It will check for java.exe and if it doesn't find it in your %PATH% it will let you know and try anyway. It will also prompt you to overwrite or not, if it finds the signed destination file already exists. Open in notepad to find out more.
Contents of bootscreen_stock.zip
You can delete the following three files, as they are created by the signing process:
META-INF\CERT.RSA
META-INF\CERT.SF
META-INF\MANIFEST.MF
This file contains the command to copy the files to the SYSTEM: volume on your device - you never need to edit this:
META-INF\com\google\android\update-script
This file tells Android how and which files to display - open in Notepad++:
system\media\bootscreen\boot_animation.xml
Then we have the actual bootscreen files:
system\media\bootscreen\boot1.gif - shown first, and plays only once
system\media\bootscreen\boot2.gif - shown after first ends, and loops forever (i.e. until end of boot sequence)
system\media\bootscreen\boot_bg.gif - optional file, this file is used as background during entire boot sequence if the 2 aforementioned files are smaller than Hero's screen
system\media\bootscreen\boot.mp3 - optional sound file, played once during boot
boot_animation.xml file contents
Code:
<?xml version="1.0" encoding="utf-8"?>
<!--
* Copyright (C) 2008 HTC Inc.
*
-->
[COLOR="Red"]<!-- For new bootup animation
<BootConfiguration>
<BootAnimation
image="/system/media/bootscreen/boot.gif"
audio="/system/media/bootscreen/boot.mp3"
image2="/system/media/bootscreen/boot2.gif" (optional)
image3="/system/media/bootscreen/boot3.gif" (optional)
screenX="100" (optional)
screenY="130" (optional)
image_bg = "/system/media/bootscreen/boot_bg.gif" (optional)
useAudio="1" // 1: true ; 0:false (optional)
/>
</BootConfiguration>
-->
[/COLOR]
[COLOR="Green"]<!-- For cropped version -->
<BootConfiguration>
<BootAnimation
image="/system/media/bootscreen/boot.gif"
image2="/system/media/bootscreen/boot2.gif"
image3="/system/media/bootscreen/boot2.gif"
loopimage="/system/media/bootscreen/boot2.gif"
image_bg="/system/media/bootscreen/boot_bg.gif"
audio="/system/media/bootscreen/boot.mp3"
screenX="10"
screenY="180"
useAudio="1"
/>
</BootConfiguration>
[/COLOR]
[COLOR="Red"]<!-- For full screen version -->
<!--BootConfiguration>
<BootAnimation
image="/system/media/bootscreen/boot.gif"
audio="/system/media/bootscreen/boot.mp3"
useAudio="1"
/>
</BootConfiguration-->[/COLOR]
This is the file included with the stock bootscreen. This file actually contains 3(!) configurations, however the first and third (red-colored) have been commented out. In short, edit the middle (green-colored) "BootConfiguration" section.
Delete the line that begins with image3= as you won't need it.
If you do not wish to include a startup sound, delete lines starting with:
audio=
useaudio=
Alternatively, simply set useAudio=0
If you boot1.gif and boot2.gif files are both 320x480 pixels, delete lines starting with:
image_bg=
screenX=
screenY=
Alternatively, simply set screenX=0 and screenY=0
If you delete the audio= and image_bg= lines, you can ofcourse delete the files audio.mp3 and image_bg.gif to keep the update.zip as small as possible.
ScreenX and ScreenY are coordinates in pixels, that tell Android where to place the GIF files on the screen. Top-left of the screen would be ScreenX=0 and ScreenY=0; bottom-right would be ScreenX=320 and ScreenY=480. This means that if you make a GIF file that is 200 px wide and 180px high and you wish to center this on the screen, you'd use ScreenX=60 and ScreenY=150 (i.e. ScreenX=320-200=120/2=60 and ScreenY=480-180=300/2=150). If your GIF files are exactly 320x480 pixels, you can set ScreenX and ScreenY both to 0, or leave those two lines out entirely.
Creating a GIF animation from scratch
(boot1.gif and boot2.gif)
Using Adobe Photoshop CS4 (cannot speak for older versions, I think you'd need the now discontinued Adobe ImageReady instead):
Create a layer for each frame of your animation (yes, I didn't say creating an animation from scratch wouldn't be a lot of work)
Click Window -> Animation to show the Animation panel
Click the panel menu (top right icon in panel) and choose "Make Frames from Layers"
If the frames are loaded in reverse from what you intended, choose "Reverse Frames" from the Animation panel menu
From the panel menu, choose "Optimize Animation" and UNtick both "Bounding Box" and "Redundant Pixel Removal"
Finally, go to File -> Save for Web & Devices, UNtick "Transparency" and play with some of the options to reduce file size.
To (re-)open an animated GIF file in Photoshop CS4, go to File -> Import -> Video Frames to Layers and type in the file name box *.gif then hit the Enter key so you can see GIF files, browse to it, select and click Load.
Using Adobe Fireworks CS4:
Make sure the "States" panel is visible, via Window -> States
Create a new "State" for each frame of your animation
To set frame delays, or basically set how long each frame will be shown for, in 100ths of a second, select one or more states and right-click, choose "Properties"
Make sure you do not use transparency (this gave me problems)
To save, go to File -> Save As, set "Save as Type" to "Animated GIF (*.gif)" and "click Options"
Do check "Dither" for better looking gradients and transitions
Play with the options on the first tab to reduce file size
On the "Animation" tab, UNcheck "Crop each state" (don't do this and get some crazy glitchy results in your bootscreen)
Creating a GIF animation by converting a G1 bootscreen animation to Hero format
(boot1.gif and boot2.gif)
You can also import a bunch of PNG files as layers (and subsequently frames) from, for example, a G1 bootscreen.
The fastest way in my experience is simply using Fireworks' File -> Open dialog, make sure all files are in one directory, select them all, do check the "Open as Animation" checkbox and click "Open". This will open each file into its own state in one big file. Then use instructions above to set frame delays and proceed to save as animated GIF.
You can also do it in Photoshop, but this method is very slow, via File -> Scripts -> Load Files into Stack (UNtick "Create Smart Object after loading layers"). Then follow the steps above to create an animated GIF file.
Compiling your bootscreen
If you have the files you want, it's time to zip them and then sign the zip file.
Make a folder "mybootscreen" and unzip the stock bootscreen into that, so it looks like this:
META-INF\CERT.RSA
META-INF\CERT.SF
META-INF\MANIFEST.MF
META-INF\com\google\android\update-script
system\media\bootscreen\boot_animation.xml
system\media\bootscreen\boot1.gif
system\media\bootscreen\boot2.gif
system\media\bootscreen\boot_bg.gif
system\media\bootscreen\boot.mp3
Delete those first 3 files, edit the XML file as needed and replace the GIF files with your own (see my explanations above).
Use for example 7-zip to select the 2 folders META-INF and system and click "Add" (to create new archive)
Make sure you set "Archive Format" to ZIP
Open a Command Prompt window (click Start, Run, type cmd and click OK, or if you have Vista or Windows 7, click Start, type cmd and hit Enter key)
Use this command to go to the directory with your zip file: CD /D C:\path\to\your\file
Type signapk mybootscreen.zip and hit Enter key
Barring any typo's you should now have a file named mybootscreen_signed.zip. You can copy that to the root of your SDCARD and flash it via your recovery image, or use DroidExplorer's flash function.
If this tutorial was of any use to you, or you have ideas to make it better, please reply and let me know. Thanks for reading!
EDIT (2010-04-11): updated SignApk_xda_v20100411.zip. Fixed a couple of forgotten quotes in signapk.cmd that made signing files with spaces in their filenames impossible. New zipfile attached.
wooooo THANKS!
THANKS A LOT! I have made the animated gifs and the sound, but I was insure how to sign and create the signed zip. I'll be trying this ASAP when Ive finished work. Ill keep you posted....
Thanks again m8.
Great guide, I have made my own bootscreen for the Villain rom, but for some reason, when i flash it to my hero, on boot, it plays less than a second of it, ad then messes up completely and displays random static like on an old tv, and then just a black screen for the remainder of the boot time
Help!! my gifs are not that big, i made sure of that (only slightly more than the stock) and i made them in photoshop CS4 with the animations panel, and followed your instructions to the letter.
Gifs are bellow, please help, as i would really like to release these, as i think they are really nice.
Boot1
{
"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"
}
Boot2
Hey, very nice work! Try the zip I've attached. I think it came out great.
It boils down to a few small problems. Here are some steps I took to correct them:
Imported your files into PS as I described in the tutorial using "Video frames to Layers"
Edit -> Convert to Profile -> sRGB IEC61966-2.1 (UNcheck "Flatten Image")
For just boot1.gif in Animation Panel, bottom left, set looping to "Once"
For just boot1.gif via Image -> Image Size... -> Width:320px, Height:480px, Resolution:72dpi, Check Resample Image and set to "Bicubic"
File -> Save for Web & Devices, with these settings: Selective, Diffusion, UNcheck transparency, UNcheck interlaced, Colors:64 (as this is a grayscale animation, it looks fine), Dither:100%, Matte:none, Web snap:0%, Lossy:0, Metadata:none.
The end result is bigger files, but they work. The XML was fine.
Great! thanks a lot for your help, and your original guide, I might do a few more boot screens now as it looks really good (in my opinion)
mattyyey said:
THANKS A LOT! I have made the animated gifs and the sound, but I was insure how to sign and create the signed zip. I'll be trying this ASAP when Ive finished work. Ill keep you posted....
Thanks again m8.
Click to expand...
Click to collapse
How'd it come out? Would love to see your results!
Really interessant, this is exactly what I was looking for! Thanks for this How-To!
For the signing process I haven't use your "signapk.cmd" (since I'm a linux user)But I have a question: testkey.x509.pem & testkey.pk8 you provied are only to sign app for the Hero? or is it a standard Android singning process? I mean... where are those key from?
For now i've just "resign" the stockbootscreen for "educational purpose", soon I'll try to create something, I hope
EDIT: Okay I was able to resign the original one correctly since I was able to flash it, BUT my bootscreen is still this nexus one animated. So maybe I don't understand wich bootscreen we actually modifing. I know this is not the really first one (this one is fine: spend one day to find that we need a custom SPL to change my ex horrible T-mobile first bootscreen to a Hero one) So why can't I remove the nexus one coming with aHero ROM?
EDIT2: using
Code:
./adb pull /system/media/bootscreen/boot.gif ./Desktop
I get the right image... that mean the files are correctly flashed on my ROM but nothing change so that mean aHero is using a different path for the 2nd bootscreen ???
Thanks for any hint
carbonyle said:
Really interessant, this is exactly what I was looking for! Thanks for this How-To!
Click to expand...
Click to collapse
You're most welcome!
carbonyle said:
For the signing process I haven't use your "signapk.cmd" (since I'm a linux user)But I have a question: testkey.x509.pem & testkey.pk8 you provied are only to sign app for the Hero? or is it a standard Android singning process? I mean... where are those key from?
Click to expand...
Click to collapse
The signapk files (except signapk.cmd) came from a 5MB file named "AndroidMod.zip" that floats around the internet, so to speak. It also contains 3 img files, part of a tutorial I guess, which are not needed for signing. The testkey certificates were created by whomever made that zipfile. The credentials for those files are quite anonymous ("Android" and "[email protected]", etc), so they should be fine to use. You could use openssl to generate your own key files. I tried, and they generated okay, but zips signed with my own certificate wouldn't flash. Recovery (Amon RA) kept saying the files weren't signed. So if you figure out how to properly generate your own certificates, I'd love to hear it.
carbonyle said:
For now i've just "resign" the stockbootscreen for "educational purpose", soon I'll try to create something, I hope
EDIT: Okay I was able to resign the original one correctly since I was able to flash it, BUT my bootscreen is still this nexus one animated. So maybe I don't understand wich bootscreen we actually modifing. I know this is not the really first one (this one is fine: spend one day to find that we need a custom SPL to change my ex horrible T-mobile first bootscreen to a Hero one) So why can't I remove the nexus one coming with aHero ROM?
EDIT2: using
Code:
./adb pull /system/media/bootscreen/boot.gif ./Desktop
I get the right image... that mean the files are correctly flashed on my ROM but nothing change so that mean aHero is using a different path for the 2nd bootscreen ???
Thanks for any hint
Click to expand...
Click to collapse
I don't know I'll download aHero and have a look.
EDIT: Okay, just had a quick look in "aHero07-signed.zip" and it appears Android 2.1 uses a different bootscreen format. Do this:
adb shell
cd /system/media
ls
Instead of a bootscreen directory you'll see a file "bootanimation.zip". Instead of 2 animated GIFs, it contains 2 directories. Each directory is an animation, with a bunch of PNG files for frames. A text file describes which dir is what animation (order of playback) and the delay between frames. If you want to convert a 1.5/1.6 bootscreen from GIFs to seperate PNGs for use in this new format, just open the GIF file in Photoshop (or GIMP I guess) as described and save each frame as a seperate file (Photoshop has a function or script for that, maybe GIMP does too).
Maybe you'll find more information in this thread. I got the Supernova bootscreen graphics (see my sig) from there, which I converted into a bootscreen for Cupcake.
Well, my experience from running 2.1, you can use the bootanimation.zip, or if you delete it and create the bootscreen folder, it also works.
I have the same problem though, when I load up my gif, using the old method, it looks like hells just got unleashed on the gif. Nothing in place, static, etc... I followed your tutorial, tried a couple things, nothing has been working so far...
EDIT: Nvm, found another program to remove the transparency, works now! Got bored, haven't seen any terminal style logins - this works great for my phone, the timing might be different for others though.
To get it working, just delete your bootanimation.zip and flash the zip as usual.
Boot1
Boot2
http://groups.google.com/group/admin-panel-dev/web/terminal_signed.zip
Great tutorial! And nice work that one is Warhawk
I have a problem. I made one by screen capturing some video. Converted it to .gif fine. I can play it in windows fine, but when flashing to android the image just gives a black screen (its only the gif area of the screen cos the animation is only 300x120.
I have provided the .gif above, if anyone can help.
Thanks
I went ahead and removed the transparency from the gif, it showed up on my Hero just fine when I zip/signed it.
Aaah Thanks so much buddy. I swear i tried that though (maybe i made a mistake)
Cheers so much!
I am getting an error after flashing. My installation aborts.
...
Verifying update package...
Installing update...
E:Can't find update script
Installation aborted.
...
Can you help??
quan_one said:
I am getting an error after flashing. My installation aborts.
...
Verifying update package...
Installing update...
E:Can't find update script
Installation aborted.
...
Can you help??
Click to expand...
Click to collapse
Upload your update.zip. Some-one should be able to help.
Did you include the update-script to: \META-INF\com\google\android
Hey guys I created my own boot screen but I am failing to see why my gif will not display on my hero. I have created it from scratch being careful not to include any transparent images or layers but it still displays as a black screen. I am not sure what would cause my gif not to play on my phone other than a transparency issue.
Any help would be more than welcome.
(I am able to sign my zip and flash it no problem)
(edit: The image was my actual .gif but after upload it turn into a jpeg. I will host the file and upload from there.)
My stuff can be found here at mediafire : http://www.mediafire.com/?sharekey=43b651ad9cd91774e7c82ed4b8f0c380e53d1e35008d24d5d8c7c6998cb4ca21
.psd
signed zip
Thanks again!
rejectedkid said:
Hey guys I created my own boot screen but I am failing to see why my gif will not display on my hero. ...
Click to expand...
Click to collapse
You need to go into mybootanimation_signed.zip\system\media\bootscreen and edit your boot_animation.xml.
phaelox said:
...ScreenX and ScreenY are coordinates in pixels, that tell Android where to place the GIF files on the screen. Top-left of the screen would be ScreenX=0 and ScreenY=0; bottom-right would be ScreenX=320 and ScreenY=480. This means that if you make a GIF file that is 200 px wide and 180px high and you wish to center this on the screen, you'd use ScreenX=60 and ScreenY=150 (i.e. ScreenX=320-200=120/2=60 and ScreenY=480-180=300/2=150). If your GIF files are exactly 320x480 pixels, you can set ScreenX and ScreenY both to 0, or leave those two lines out entirely...
Click to expand...
Click to collapse
The difficult thing is that you have two .gifs that are diff sizes so not too sure what to do.
On the one I made, my .gifs are both the same resolution so the value I set for ScreenX and ScreenY work for both.
Look at some other people's .xml files and hope you find someone elses that also uses two different resolution .gifs.
ah. thanks for your input
Sent from my HERO200 using the XDA mobile application powered by Tapatalk
And just because there are no transparent images that you can see or know you put in, doesn't mean that they aren't in there. For some reason, even if I untick Transparent layers in PS, I still get them. I went and got Animation Shop 3, optimized the gif after making it in PS, then re-wrote the file, and everything works fine.
Hope everything is working
Hi !
I have 2 questions :
First one :
To ddotpatel : Your bootscreen is really nice ! Is it working on any 2.1 rom or do I have to change it ? On which rom did you create it ?
And the second one, that tuto is working on 1.5 and 2.1 roms ? Because I heard that it was different to make an 1.5 bootscreen and an 2.1 one...
Thanks for your answers
{
"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"
}
Default lockscreen themes can be found here
I figured since there is a Widgetlocker theme thread, us MIUI users should also have one for the new MIUI lockscreens.
HOW TO INSTALL THEME
The theme will always be a .mtz file. Some might put the .mtz file in a .rar file or a .zip file.
if it's a .mtz file, do this:
1. copy it to this folder: /sdcard/MIUI/Themes
2. (on the phone) open Theme Manager
3. go to Edit theme
4. then Lockscreen Style
5. choose the lockscreen theme you want
if it's a .rar file or .zip file, do this:
1. extract with 7zip or winrar
2. then there should be a .mtz file that's been extracted
3. follow the above instructions for .mtz file
HOW TO FIND A CLASS FOR THE APP YOU WANT (This is a how-to that I found somewhere , I'm not sure who wrote it anymore. So CREDITS go to who ever wrote this
1. go on the market and download launcher pro
2. Launch it (either using the home button or with home switcher, also available on the market)
3. add a shortcut to your home screen (either by long pressing the screen or with the menu key)
4. in the dropdown menu select activity
5. let it load up the list of your android activity (may take a while if, like me, you have like 150 apps =P)
6. search through the list for the app you wanna load with the lockscreen
7. select it and after you'll see another list that will pop out from under the name of the app, those are the activity
8. scroll through that second list for the action you want (in case of playerpro or other music app the right on is usually the first one
9. under the name of the action you'll see a thing that kinda looks like a very weird and inverted url, thats what you want.
10. (optional) you may click on it to create an actual shortcut on the launcherpro homescreen to test if you got the right path (if it opens the stuff you want
Here is a link to the manifest reference thread created by pomenx
http://forum.xda-developers.com/showthread.php?t=1146200
Video tutorial on how to make a simple lockscreen theme
Video Tutorial
========================================================================================
TO DOWNLOAD THE LOCKSCREEN THEMES, PLEASE GO TO: [MIUI LS THEMES] New Official MIUI Lockscreen Thread
POSTED BY TheSwaggeR
Thought I'd share my instructions for those wanting to know or don't know how to change simple stuff like Celsius to Fahrenheit, or toggle true/false for status bar stuff, or anything else.
If you have Root Explorer that will be the choice of app to do this work. My other recommended app is Dual File Manager but I'm not sure if it supports the many features that Root Explorer helps us gain access to. I haven't used this app yet but really liked the feature that allows you to open up 2 different folders and drag and drop files and such between the both of them without having to go to one folder, back out, go to another, back out... so on and so forth.
Steps:
1. Open up Root Explorer (my app of choice to do changes)
2. Go to SD Card
3. Scroll down and find MIUI folder and click on that
Reminder: Some of you may not even have the lockscreen added to your collection yet. You may be like me and download stuff, drop them in your Dropbox on your PC, and then use your Dropbox app on your phone to download the content and it will be in the dropbox folder. Whichever way works. Just make sure you keep the original untouched version as a backup in case you mess up editing it.
4. Scroll down to theme folder
5. Look for the lockscreen you are wanting to edit
When you find the lockscreenname.mtz file you should rename it to preserve the originality if you mess up or want to go back to the original state of what it was in. So, all you need to do is long-press it, click Rename, change lockscreenname.mtz to lockscreenname.mtz.bak. This will render the file useless and keeps it from operating. It is useful for preserving for later use. If you should use it again just rename lockscreenname.mtz.bak to lockscreenname.mtz.
6. Long-press on lockscreenname file
7. Click on Copy
Next step I recommend is making a folder on the root of your SD Card. I use an empty folder to put files or whatever in that I'm currently doing work on so they don't get all cluttered, lost, separated with all the other stuff on the root of the SD Card
8. Make a folder on root of SD Card (example work-in-folder)
9. Click on that folder
10. Click on Paste to paste the copied version of your lockscreenname file
11. Long-press lockscreenname file and click on Rename
12. Rename lockscreenname.mtz.bak to lockscreenname.zip
13. Hit ok
14. Long-press lockscreenname.zip and scroll down to Extract All
15. Click yes to go to Extracted folder
16. Long-press the extracted folder and click on Move
17. Hit back button to go back to your work-in-folder
18. Click on Paste
You should now have a lockscreenname folder and a lockscreenname.zip in your folder. Do not delete lockscreenname.zip yet because you may need to start over again if you mess something up.
19. Click on lockscreenname folder
You will now see a series of folders, usually wallpaper, preview, lockscreen file, and description.xml
20. Long-press lockscreen file
21. Click on Rename
22. Rename lockscreen to lockscreen.zip and hit Ok
You should now have a lockscreen.zip there.
23. Long-press lockscreen.zip
24. Scroll down to Extract All
25. Go to Extracted folder
26. Long-press lockscreen folder
27. Click on Move
28. Hit back button to go to previous folder
29. Click on Paste
You should now have lockscreen.zip and a lockscreen folder. Please do not delete either one just yet.
30. Click on lockscreen folder
You should now see advance folder and theme_values.xml. I have noticed before that some lockscreens do not have a theme_values.xml so I will provide the code so you can insert a theme_values.xml
Code:
Code:
<MIUI_Theme_Values>
<bool name="config_show_status_bar_battery_for_keyguard">false</bool>
<bool name="config_show_status_bar_carrier_for_keyguard">false</bool>
<bool name="config_show_status_bar_date_for_keyguard">false</bool>
<bool name="config_show_status_bar_notification_for_keyguard">false</bool>
<bool name="config_show_status_bar_status_for_keyguard">false</bool>
<bool name="config_show_status_bar_time_for_keyguard">false</bool>
<bool name="config_lock_screen_battery_animation_horizontal">false</bool>
</MIUI_Theme_Values>
Each line will show what will be displaying on the status bar of your lockscreen. Some people like all of it showing, some prefer just signal and battery, others like nothing on it.
What each line means:
Code:
Code:
<bool name="config_show_status_bar_battery_for_keyguard">false</bool>
Shows battery
Code:
Code:
<bool name="config_show_status_bar_carrier_for_keyguard">false</bool>
Shows carrier such as VZW, Google, or a custom made carrier logo
Code:
Code:
<bool name="config_show_status_bar_date_for_keyguard">false</bool>
Shows today's date
Code:
Code:
<bool name="config_show_status_bar_notification_for_keyguard">false</bool>
Shows all the notifications, which are usually your app icons that you normally see on the left side of your status bar.
Code:
Code:
<bool name="config_show_status_bar_status_for_keyguard">false</bool>
Shows your signal strength 1x/2G/3G/4G etc, Wifi, Bluetooth, Music, etc.
Code:
Code:
<bool name="config_show_status_bar_time_for_keyguard">false</bool>
This will obviously show the current time
Code:
Code:
<bool name="config_lock_screen_battery_animation_horizontal">false</bool>
This one may confuse people, but, this basically reverts the regular battery icon into a top bar battery life. You will notice a full line or a shorter line, depending on battery life, at the very top of your screen.
Last part for the introduction on the meaning of each line is the true/false part. You can keep all lines there and change true/false to display or not display a specific line. Or, you can just take pieces of the line (example carrier and status) and delete the rest of the line. Either way works.
There are 3 ways to create the theme_value.xml
1. Notepad++ http://notepad-plus-plus.org/
2. Copy+Paste a previous theme_values.xml from a different lockscreen (make sure that the lines match the codes shown above
3. Make a theme_values.xml using Root Explorer
Notepad++
Download and install this program. I use it all the time for XML editing and such. It's a beautiful tool and extremely helpful.
You can copy and paste the codes I provided above into Notepad++ and click on File and Save as theme_values.xml
Transfer it by Dropbox or phone hooked up to the PC.
Put it in the lockscreen folder under advance folder. Do not put theme_values.xml IN the advance folder.
Copy+Paste
If you have seen a theme_values.xml in a previous lockscreen, just copy that and paste it into the lockscreen folder under the advance folder.
Use Root Explorer to Make theme_values.xml
While you are in the lockscreen folder (with the advance folder showing) click on Menu soft-key and then click on More.
You will see a list of other options. Click on New File. A dialogue box will open up and name the file theme_values.xml.
You will now see what looks like a notepad with the name theme_values.xml. Long-press theme_values.xml and scroll down to Open in Text Editor and click that. You will then need to type in the exact code structure provided above or copy and paste the entire code and edit what you need or don't need as you go. Click Menu-soft key and click on Save and Exit.
You now have a theme_values.xml file to control your status bar for your lock screen!
Back to the Steps:
31. Click on theme_values.xml to edit what will or will not show on your status bar
32. Hit Menu-soft key and click Save and Exit
33. Click on advance folder
Advance folder has a series of files. You will mostly see png's that make up the entire appearance and detail of your lockscreen. If you are editing png's or redoing stuff, this is where you will find it.
Also in this folder you will find the manifest.xml file. This is the file that makes up the entire structure of the working mechanism of your lockscreen. Without this file, the lockscreen is rendered useless.
34. Scroll down to find the manifest.xml
35. Long-press manifest.xml
36. Scroll down to Open in Text Editor and click that
37. Make changes in the lines that you want to change
38. Hit Menu-soft key and click on Save and Exit
You will probably see a manifest.xml.bak after making changes to this file. Do not delete this file because if something should go wrong, this will be the original working file. If you should decide to go back to the original settings, delete the new manifest.xml and then change the manifest.xml.bak to manifest.xml. If you make changes to that again, it will go back to manifest.xml.bak.
Now we're done with editing manifest.xml, possible changes to png's, making or editing theme_values.xml.
39. Go back to the folder showing lockscreen folder, lockscreen.zip. wallpaper, preview, and description.xml
40. Delete lockscreen.zip
41. Long-press lockscreen folder
42. Scroll down to Zip this folder
You will then be taken to the Zipped folder's folder.
43. Long-press lockscreen.zip
44. Click on Move
45. Go back to previous folder
46. Click on Paste
47. Long-press lockscreen.zip
48. Click on Rename
Careful what you do here... we will be just deleting the extension to make it a deliberate file.
A dialogue box will come up to Rename this file. You need to delete .zip so it will go from lockscreen.zip to lockscreen.
49. Hit ok
50. Hit back to go to work-in-folder
51. Delete lockscreenname.zip
You will then just see lockscreenname folder
52. Long-press lockscreenname folder
53. Scroll down and click on Zip this Folder
Again, this will take you to the Zipped folder's folder.
54. Long-press lockscreenname.zip
55. Click on Move
56. Go back to previous folder
57. Click on Paste
58. Long-press lockscreenname.zip
59. Click on Rename
60. Rename lockscreenname.zip to lockscreenname.mtz
Make sure you rename this file to mtz or it will not work in the Theme editor.
Voila! You're done. Just go to the Theme app, click on Edit Theme, hit Menu-soft key, click on Import, scroll down to the folder that has the newly edited lockscreenname.mtz and click that file.
Enjoy your newly edited lockscreen! Keep in mind, you can do many more things with Root Explorer. Even for an entire theme. Although, there is limits, it is still useful when you need to make changes and cannot or don't feel like going to your PC to do all that work and transferring everything back and forth.
I dedicate this to people who look for shorter and quicker ways to do things or help people understand how to change easy stuff. Hopefully this will help new people or people who are baffled at how others change things so quickly.
to download the lockscreen themes, please go to: [MIUI LS THEMES] New Official MIUI Lockscreen Thread[/color][/b]
IF YOU DON'T SEE YOUR THEME IN THE [MIUI LS THEMES] New Official MIUI Lockscreen Thread, PLEASE FEEL FREE TO POST IT IN THE NEW THREAD.
Great mod! How did you manage to center the clock with the ikun numbers?
Thanks, DL & subbed!!
I hope someone can put a Twitter shortcut, instead of a browser or music shortcut.
bustadroid said:
Great mod! How did you manage to center the clock with the ikun numbers?
Click to expand...
Click to collapse
In the XML file search for time.png and you will have to change the "x" coordinate from 148 to 130
Or change it to your liking
wow dude awesome job... one of the reasons i'm gonna flash miui just to try these sick themes
Thank you.. Looks amazing.
Edit: Need Help!! I cant see it in the theme list after copying it to my themes folder. I tried to import it too, but no go. Please help!!
Looks dope, keep up the good work.
wow, amazing!
Cool~~ Thanks for share
killmastern3 said:
Thank you.. Looks amazing.what phone are using
Edit: Need Help!! I cant see it in the theme list after copying it to my themes folder. I tried to import it too, but no go. Please help!!
Click to expand...
Click to collapse
What phone are you using?
h_zee13 said:
What phone are you using?
Click to expand...
Click to collapse
Motorola Defy running MIUI 1.6.17.
killmastern3 said:
Motorola Defy running MIUI 1.6.17.
Click to expand...
Click to collapse
Well it should be under: theme manager - edit theme - lockscreen style
h_zee13 said:
Well it should be under: theme manager - edit theme - lockscreen style
Click to expand...
Click to collapse
Can't find it. Can't import it either.
Sent from my MB525 using XDA App
Is the bug fixed? You know, the PIN bug.
killmastern3 said:
Can't find it. Can't import it either.
Sent from my MB525 using XDA App
Click to expand...
Click to collapse
that's weird...are you on the latest version of MIUI?
@BazookaAce
I'm not sure since I don't use the lock PIN
i updated op with new version that has a slightly different status bar
h_zee13 said:
that's weird...are you on the latest version of MIUI?
@BazookaAce
I'm not sure since I don't use the lock PIN
Click to expand...
Click to collapse
Damn you hippie!
Sent from my HTC Desire HD using XDA Premium App
Ultimate Editing and Theming Guide
Preliminary Requirements:-
PC with Windows(Please avoid Windows Vista)
Java JRE or JDK
APK Multitool
framework-res.apk, SystemUI.apk, twframework-res.apk, com.htc.resources for installing
7-zip
Notepad++
Android Device for testing
Photoshop or equivalent image editing software
android-sdk(for 9 png editing)
Lots and lots of patience and mind
What this guide includes:-
1. Easiest Decompiling and Recompiling Guide *Must Read before continuing*
2. Explanation of 9 pngs and how to edit or make them
3. How to Batch edit pngs (Not 9 pngs) (Changing color, etc)
4. APK png resources(General Location of General pngs)
First Step:
Decompiling: [MUST READ]
We are assuming that you have installed JAVA, Android SDK and apk-multitool without any problems
1. Copy your mobile's framework-res.apk, SystemUI.apk and twframework-res.apk in others folder in directory where you have extracted apk-multiool
2. Open Setup.bat. Choose 2 :- Installing Framework-res
{
"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"
}
Setup.bat
Choose 1 (framework-res.apk)
Choose 2 (twframework-res.apk) [similarly install OEM specific files such as com.htc.resources , etc]
Choose 4 (SystemUI.apk)
Window will close each time you choose an option
You will have to restart Setup.bat each time
3. Now place the apk you want to edit in place-apk-here-for-modding
4. Now open script.bat. (If you see any error, either you haven't installed JAVA and SDK[adb] or they aren't implented, Please install them properly before continuing). Click any key to continue
APK-Multitool Window
5. You will see the above window. Now, make sure you have installed all frameworks and Compression level is set to 9.
6. Now, we will choose our project. Click 24. A list of files present in place-apk-here-for-modding will be in front of you. Choose any file
7. Click on 9. Now decompiling will be in process.
8. After it is complete, go to projects folder, you will see a folder with the name of apk you decompiled
Decompiled apk example
If it is decompiled properly, then there will be apktool.yml file in it
9. Do your modifications. Now, you can edit .9.png files (they will be discussed later) and xml files which were uneditable first
You will notice that there will be many new folders which weren't present in compiled form of apk. These all folders are generated from a file called resources.arsc present in compiled form which is absent in decompiled form
Such an example is of values folder which contains crucial xml files like styles.xml, strings.xml, ids.xml, etc
Always open xml files with Notepad++, it will mark commands and syntax making it look aligned and making it easy to understand
Example of decompiled xml file
Also, you can edit 9 patch files also which will be changed from now on
Example:-
We will discuss 9 png in detail later on
10. After you have done your modifications and you are ready to recompile the app, choose 11 (Compile System APK) if you are editing System App or 12(Compile Non-System App) if you are editing other than System App
11. a) If System App:-
After some time it will ask that if you want to copy additional files other than signatures to ensure less amount of errors, then choose y
After extracting some files, it will ask you to delete files from keep folder
Simply go to keep folder,
If you edited any pngs and there are many and you are lazy enough to delete one by one, then delete the whole folder in which you edited pngs
If you edited any xml file, then delete that xml file AND ALSO DELETE RESOURCES.ARSC
Why? Because we told that values and several other folders are generated from resources.arsc while decompiling
Now, if we don't delete resources.arsc, the modification we did in values folder will be reverted to original state
After doing this, go to script.bat again and press any key to continue
11. b)If its not system app:
Just recompile it and sign it man through the menu in apk multitool man.
It is easy as hell. Tutorial of non-system app has been ended here
12. Now, you will get another apk name System_ apkname.apk
Open both apks as archives by 7-zip
13. Last and most important step:-
Just drop the files you edited from new apk to old apk in correct folders. By now, you may have understood that resouces.arsc INCLUDES your edited xmls
14. Now, the final apk is not System_apkname.apk but apkname.apk (the original file you started with). Push it and enjoy
9 PNG Discussion
These are special types of pngs that can be stretched to fit the need of program or different scenarios or cases. It contains 1 pixel lines on each border of different lengths for different things
As told above, we can't edit 9 png in compiled form as it will lose these lines which define its properties. So, we first need to decompile apk in order to edit 9 pngs
So, after decompiling apk, open 9 png in Photoshop and select the part inside that 1 px border and edit anything you want (Hue, Saturation, Bevel, Emboss, ANYTHING)
Now save it (save it as a normal png and then rename it as .9.png because photoshop doesn't recognise 9 png extension and image will loose its RGB format)
Explanation of 9 png:-
You can read this for more information
If you have doubt that you have gone wrong somewhere or you have made a new png from scratch and want to test if it is correct or not:
(Check all 9 png files you edit as they can cause Force Closes or bootloops)
Go to folder where you extracted android-sdk and go to tools folder and open draw9patch.bat
A window like this will open up:-
Drop you 9 png here
A new window will open with you 9 png on it
Tick on show bad patches
If you see red rectangles, you have a bad 9 patch image. You will need to delete or add those lines in png to remove all red boxes. If you want to delete, press Shift and start moving cursor over lines you want to delete. You can choose method of hit and trial to remove all rectangles and move the lower scale to see how your image size is adjusted
Or you can do what I do:
1. Remove all lines
2. Add single dot on top centre and left centre border of image (That can be taken as stretchable area)
3. Add lines on right and bottom of image where you want to fill content. Now, click on Show Content
The purple area you see in image is the content area (Text will be filled there. Eg:- Popup Menu)
4. Now, you can adjust these lines acoording to your need that what you want for stretchable area and content area until an unless there comes an red triangle
5. When it is done. Save the file. DONE
Easy, isn't it?
That's what theming is
Batch Editing pngs in Photoshop
Well the scenario is you have 200 pngs and you want to change their color, hue, add effect to them, etc. Definitely not worth the time you will spent doing this one by one. So, here, I will cover how to batch apply same edits on to your infinite pngs. Here, I am taking example of changing color of battery png from green to purple, you can apply any attribute to your image in the same way. I repeat it is not for .9.png files. Read above guide for reference
Let's start
1. First copy all your pngs you need to edit in a separate folder. I have made a folder named Battery Base and pasted my all pngs of battery there.
Now create another folder where your edited pngs will be saved. For eg:- Battery Done. (Don't create it inside Battery Base folder)
2. Open Adobe Photoshop and Choose Window>Actions or Alt+F9
3. Click on the note like file (Create new Action)
Rename it to anything you want . I have chosen Battery_color
Then click on Record. Now, you will see that red circle is enabled and now everything you do on image will be recorded and will be applied on each image.
4. Now, do this very carefully, don't miss any step.
We will do every thing that we want Photoshop to do with each file we want to edit.
a) So, first we want Photoshop to open the image. So , click on Open and choose any png from Battery Base folder (Choose a file with more color so that you know what color exactly your file will be after editing. That is why I chose 90 percent battery here).
b) Now, after opening, we want to change Color of png from green to purple. So, choose Image>Adjustment>Hue and Saturation or Ctrl+U
A dialog box with 3 sliders will appear. Move upper slider to change color. You can move other slider to change saturation and brightness if you want. Now, if you got it right, click on OK.
Every step of yours is being recorded, so don't do unnecessary stuff you don't want to do on other images. Nonetheless, if you have done it, then Drop down the Battery Base Action in action palette and you will see your every action there, If you want to delete any action , you can delete it from there. You can also add any action before pre completed action by clicking above that action and performing it.
Now, you can do anything you want to be done on your rest of pngs.
c) Now, we want Photoshop to save this png to carry on working on others. So, Go to File>Save as... and save it as a png in Battery Done folder. Photoshop will ask you to choose, so choose smallest compression and no interlace.
d) Image is saved but we also want Photoshop to close the png so that it does not open 200 tabs for editing 200 pngs. So, click on close (Small cross on title bar of png). If, it asks that do you want to save changes to png . Say no, because if you say yes, the png in Battery Base will be changes and when batch processing is done, that png in Battery Done will be of different color that all others.And also, your all green pngs in Battery Base folder will turn purple too. But we want purple images in Battery Done and green in Battery Base.
5. Now, we hae done what we want, so, we will stop recording the Action. Click on that square in Actions Palette.
6. Fun Starts. Now we will do the batch processing.
Go to File>Automate>Batch
In the dialog box, Choose the action to be Battery_Color (or obiviously any action you created)
Source folder: Battery Base
Destination Folder: Battery Done
Tick both Override Action 'Open' commands and Override Action 'Save as' commands
Click on OK. Sit back for 3 to 5 minutes(204 pngs) and TADA
You can apply any action in same way. Such as bevel, glossy, pale, etc to innumerous amount of pngs
General APK png Resources
Here I will tell you where to find some pngs to theme your Phone
Note: Here I will tell location of pngs but that may differ based on modification done to your ROM by OEMs or devs. These pngs are found after decompiling or extracting the apk files. For more reference, read this.
In this part, there is only brief information, but for a very good guide, please go here. I haven't covered it all up as d3cka himself has done a marvellous job in making that guide. All the things present in that guide should solve all your queries.
General location of apks:
SystemUI.apk - /system/app/
framework-res.apk - /system/framework/
twframework-res.apk - /system/framework
framework.jar - /system/framework/
lidroid-res.apk - /system/framework/
Click to expand...
Click to collapse
Variable list:
I have referred to some locations as drawable-xdpi. X here stands for
X: m, l, h, xh
Meaning pngs can be in drawable-mdpi, drawable-hdpi, drawable-ldpi, drawable-xhdpi depending on resolution of your phone
In some places, I have just added * in order to fill spaces that are not common in each png
[?] means maybe only for GB or Samsung
Click to expand...
Click to collapse
Battery Icons -
(i)Ice Cream Sandwich/Jelly Bean: SystemUI.apk/res/drawable-xdpi/stat_sys_battery**.png
(ii)Gingerbread: framework-res.apk/res/drawable-xdpi/stat_sys_battery**.png
Status Bar icons - SystemUI.apk/res/drawable-xdpi/
Note, some, however very few status bar icons are also present in framework-res.apk
Platlogo - framework-res.apk/res/drawable-nodpi/platlogo*.jpg
(image that pops up when repeatedly clicked on Android Version)
In Gingerbrad, its a single file but in ICS and JB, they are many images.
Default Wallpaper - framework-res/res/drawable-xdpi/default_wallpaper.jpg
Default Lockscreen Wallpaper[?] - framework-res.apk/res/drawable-xdpi/zzzzzzzz_default_lockscreenw.jpg
Spinners[GB] - framework-res.apk/res/drawable-xdpi/spinner_****_**.png
(The loading circles)
Menu Icons - framework-res.apk/res/drawable-xdpi/ic_menu_**.png
These icons may also be present in twframework-res.apk for Samsung Touchwiz ROMs
Notification Toggles
(i)With lidroid 15 toggles : lidroid-res.apk/res/drawable-xdpi/
(ii)Without lidroid mod : SystemUI.apk/res/drawable-xdpi
These were some general pngs of system apps that may be used to theme the phone. You can find respective pngs to theme in their apks.
Will add more soon...
This is a work in progress.
Will add more things soon
Don't hesitate to ask any questions about anything
Credits:
@d3cka for teaching best about 9 pngs
@deathnotice01 for helping me
Miscellaneous Google and xda posts
Reserved
great
Great Guide Areeb...I THINK THIS SHOULD BE DISPLAYED AGAIN IN PORTAL
reserved
puneeth.007 said:
Great Guide Areeb...I THINK THIS SHOULD BE DISPLAYED AGAIN IN PORTAL
reserved
Click to expand...
Click to collapse
Not Now
It's incomplete
It'll ruin this guide then!
RE
+1 Thanks for this great guide
highly detailed guide, with of course nice pictorial representation!
:good:
This guide is awesome !
Unfortunately I don't know how to use photoshop correctly I still have not learned it , first by myself , and 2nd on school. I am just 13 2/3 YO . Anyway , i didn't have such knowledge about .9 png-s. Thanks
I had always got errors while editing compiled 9.png files. Hope this guide, help me to figure it out that...
Sent from my GT-S5830i using xda app-developers app
Added Batch editing in Photoshop
Sniper Killer said:
This guide is awesome !
Unfortunately I don't know how to use photoshop correctly I still have not learned it , first by myself , and 2nd on school. I am just 13 2/3 YO . Anyway , i didn't have such knowledge about .9 png-s. Thanks
Click to expand...
Click to collapse
I have covered Photshop Now. Hope it helps you
And added path thickness changing guide too
iamareebjamal said:
1. Easiest Decompiling and Recompiling Guide
Click to expand...
Click to collapse
It's not bad. :silly: Bookmarked ready to be added to mine, but could you please include tw somewhere in the thread title as it will be easier for People browsing mine looking for help for tw files.
first dont blame me if anything goes wrong with you just search before ask
this guide is for noobs those who want to have a background basic on theming
second sorry for my bad en
iam introducing my self my name is mohammed khalid from egypt my nickname here is apk5656
ok so lets start
keep in your mind iam using win8 so it may have diiferent settings if you have a win7
---------------------------------------------------------------------------------------------------------------------------
Installing tools
Setting up the Java SE Runtime Environment
step one install those files
STEP 1: Install these two files:
- JRE8 (This is what I use):http://www.oracle.com/technetwork/java/javase/downloads/jre8-downloads-2133155.html
- JDK8 (Install just in case):http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
STEP 2: Setting up JDK JAVA_HOME environment variable:
After installing the two files above, locate your JDK location, in my case, mine is C:\Program Files\Java\jdk1.8.0_20.
Then open up your Control Panel and click into System (Control Panel\All Control Panel Items\System)
then in side bar click advanced system settings
A popup will appear, click on the Advanced tab, then click on "Environment Variables..."
Another smaller popup, Environment Variables, will open up. Click on "New..."
According to the screenshot, click type in the Variable name (JAVA_HOME) and Variable value (Location of your JDK set up).
After everything is done, click OK on all popups, then reboot your computer.
You are now ready for apps like eclipse/ Studio, future proofing yourself for now.:victory::victory::victory::highfive::highfive::highfive:
-----------------------------------------------------------------------------------------------------------------------------------
now we will set up your tools which will help you theming
apk tool
download tool from here http://www.mediafire.com/download/s7y2bja7pjuxqru/APK-Multi-Tool-Stable-RELEASE.zip
after downloading it continue with me to setting up it
setting up apktool
First Make sure you have "framework-res.apk" of your device whose apk you are going to edit.
If you dont have "framework-res.apk". Click Here (Micromax A35 Stock framework)
Steps:
Extract the downloaded zip and open extracted folder.
{
"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"
}
2. Open Setup.bat and press "3" (Without Quotes)
3. It will make automatically some folders and you will be again moved to the above screen.
4. Now put your framework-res.apk to "other" folder (Have a look there).
5. Now in the menu, Press 2.
6. Now press 1. (a cmd window will popup).
type there- "apktool if framework-res.apk" (without quotes)
and press ENTER.
Now Quit the menu.
Congratulations, You have set up APK MULTITOOL successfully
------------------------------------------------------------------------------------------
decompiling/recompiling your first app
PART 1: How To Decompile Apk:
1. If You All Done Right, You Will See Like This,
2. Let Us Decompile Settings.apk (Get Your Settings.apk From Your Device /system/app)
3. Place Your Settings.apk inside "place-apk-here-for-modding"
4. Open "Script.bat", Press Enter, Then You Will See Like This.
5. As You Know, Settings.apk is a system app, so Press Option "9", Then Press ENTER
6. Wait For Decompilation process(It will be automatically done.)
7. Your Decompiled Apk Will Be In "projects" folder.
PART 2: How To Recompile Apk:
1. The Basic Editing, You Must Know How To Do This, I Wont Teach You This One, In This Tutorial, After Editing, Open "script.bat".
2. Press "11" and ENTER, To Compile System Apps.
3. After Buliding Apk, You Will See Like This
4. Press "y" and ENTER, Now You Will See Like This.
6. Now The Most Important Part Comes, MINIMISE Your script.bat Screen, Find "keep"
Open this folder, You Will Get These,
Be Carefull:
Delete "resources.arsc", "res" file/folder, If You Edited any ".xml", "png".
Delete "classes.dex" if you have edited any "smali file".
Delete "AndroidManifest.xml", if you editied This File (If You Not Edited "AndroidManifest.xml", Dont Delete It.)
7. Open The MINIMISED "script.bat", Press ENTER.
8. You Will Find Your Modded Apk In "modified-system-apk-files-here" folder.
9. Rename "systemSettings.apk" to "Settings.apk".
10. Paste This "Settings.apk" to Your /system/app.
NOTE:
If You Edit Your "AndroidManifest.xml", You Need to Sign Your Apk.
For Signing, Place the Modded App in "place-apk-here-for-signing" folder.
In "script.bat", The Option Number is "20".
The "script.bat" Automatically Termainates After Signing.
The Signed Apk is in "place-apk-here-for-signing" folder.
Also, stock ROM dont accept custom signed system apk(s), for using custom signed system apk(s), you need to disable "signature verification" from "services.jar". google it
Dont worry about signatures, if you didnt edited your "AndroidManifest.xml".
--------------------------------------------------------------------------------------------------------------------------------
some basics to help you theming
.9 png images you cant edit them just by photoshop they have a custom edit bcuz the are patched
this thread will help you
http://.xda-.com/showthread.php?t=605662
ok now about the normal png you can edit it simply with photoshop but if you resized any png do not try to make it much bigger if you did this you will get bugs
ok now about editing xmls
look any xml file has connected with other
i mean if you open any layout xml you may found something like string/-
thats mean this layou xml has string in string.xml file in values folder that is what i mean with xmls are connected
so until now thats it this post will be updated soon with more basics bcuz the basics which i wrote is too small and i wanna to learn you a lot of basics
but thats just for my short time and i have alot of exams
ok untill now hope to see you around.......
1) Bevore we start, the Steps in this Giude are not optimal, because on other Devices it is possible to repack the Files DIRECT as Logo.img, without going over TWRP...but from the Originaltreat (see here: https://forum.xda-developers.com/showthread.php?t=1953726) Nobody could help me, so if somebody knows a easyer Way please kontakt me, to share it to all people here!
2) As we can create dozends of logos NOW maby someone could write a small script/program which can change logos on every restart automaticly!? Would be Nice if you kontakt me...
Prerequisites: This Tutorial is made on MIUI 8 and TWRP 3.0.2.0 or 3.0.2.2! If you use different configuration maby not work!!!
All needed Files and Programs in this Tutorial AND OVER 100 READY LOGOS/VARIATIONS you can find here: https://c.web.de/@503233917042562500/v-2zlFbLRhWJT7sG7_IVvQ
If i forgot someone to credit please contact me so i can do it here...:highfive:
Ok, let's begin...
Step by Step Guide, create and install your own Bootlogo on Xiaomi Redmi Note 2/Prime, from a Noob for Noob’s!
Important, this Guide is explizit for Redmi Note 2/Prime!!!
There may be compatible Modell’s, but i dont know which!
Special thanks to [email protected]
for his phantastic Tool „Logo Builder“, which make it possible to change the Bootlogo on a easy Way!
Please take a look on his treat and vote it on
https://forum.xda-developers.com/showthread.php?t=1953726
Things you need (all attached here for download):
1) Logo Builder v.1.60 (Note, there is a Version 1.61 avalable but it seems that this Version is Buggy, because many People, me too cant start this Version in Windows and you get a Errormessage, so better use the Version 1.60 i uploaded here)
2) TWRP Recovery for Redmi Note 2/Prime (i attachet the latest official/inofficial Version here)
3) A (sample) logo.img or logo.bin (i attached a sample logo.img here)
4) Rootprivileges on your Miui (if you look for a nice Custom Rom see my other treats here)
5a) Any Rootexplorer App you like, (i attached a freeware)
See here: https://play.google.com/store/apps/details?id=com.speedsoftware.explorer&hl=de
Note, the free Version is very old and limited!
5b) Optional for easy wireless Filetransfer betwen PC and Phone WifiFile-Explorer app (i attached the free version here)
See here: https://play.google.com/store/apps/details?id=com.dooblou.WiFiFileExplorer&hl=de
Note, the free Version is very limited!
6) Irfan View 4.50 + Add On’s/Plugin’s, this is a Freeware Graphic View/Designtool
See here: http://www.irfanview.de/
5) A good Idea for your personal Bootlogo or take one of those i attached here
As i am a big Fan of Luminous Icons and Pictures i will focus on this in this Giude (see my Memberlogo here).
You can use of course any kind of Pictures and Logos you like, the Way you make it, will be allmost the same…
Here we go!
a) First of all you, if you wanna use your own Original Bootlogo as sample, there are 2 easy Ways to get it! If you wanna use the attached here go to Step b…
1) If you installed a Cusom Rom from a TWRP Zip, open this Zip,
{
"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"
}
look for a File called logo.img
and extract it… now there should be placed a file named logo.img on your Desktop!
2) Go into TWRP Recovery, tick Backup,
mark only „logo“ (unmark the rest), chose where to save (internal or external SD Card)
and swipe backup!
http://attach.en.miui.com/forum/201710/21/041708ohkjvhty00p1vopj.png.thumb.jpg
Now your Logo will be stored in the TWRP folder from SD Card you chosen bevore.
If you restart your Phone you can open your favorite Root Explorer app and go to storage/sdcard (internal or external, which one you chosen bevore) and open the folder TWRP.
Inside you will find a folder BACKUPS/Redmi_Note_2
and a folder with Date and Time you created the Backup
there is stored a file named logo.emmc.win
(the logo.emmc.win.md5 you can delete, because you wanna change the logo, so the md5 checksum will missmatch if you activated md5 check).
The logo.emmc.win you can transfere to your Computer and rename it to logo.bin,
if you are asked you shure wanna change the fileextension you klick yes! Now the File is for Logo Builder readable and you are ready for step b…
b) Place your logo sample (.bin or .img) on the Desktop.
Then create a Working Folder (you can name it what ever you like, in this Tutorial we call it Working Folder) on the Desktop and extract the Logo Builder allso seperate on your Desktop and Run inside the Folder the LogoBuilder.exe!
Close the Tip Window and click on the main Window Create a new Project!
Depending on the Type of logo you use you have to chose in the right bottom Dropdown Menue logo.bin or logo.img and navigate to the desktop (where you placed the logo bevore) and select your logo file.
On the next Window navigate to the Folder you created bevore e.g. Working Folder on your Desktop and select it!
Now all Pictures of your Boot Logo will be extracted in the Working Folder and Logo Builder will show them all as a preview!
All this Pictures you can edit or change the Way you like with some Limitations!
1) You have to Name it the same Way like the Original!
2) You have to give the Pictures the same Resolution like the Original!
3) You Pictures got to have the extension .PNG (the Creator of this Programm says it doesn‘t matter which file Format, the Programm convert it by itselve, but…see next Limitation).
4) The filesize of the Pictures is very limited, so the .png Picture must be compressed very high! See the Original Pictures as Reference, the Pictures can be a little bit bigger, but not to much, otherwise you will see only a black Screen instead of your Bootlogo (don’t be afraid, your Phone will still boot, but for the time your logo normally shows the screen will stay black) if this happens, you can go back to recovery and restore the original logo from the backup you made before!
For the fastboot Picture
Original
Customized
you can use allso the normal boot Picture
Original
Customized
instead if you like, i created allso a custom picture for fastboot…
If you made all Changes and saved them in your Working Folder you can open again LogoBuilder.exe and click
Open existing Project
And it should look like this
If it look like this there is something wrong (wrong named, size, extension, deleted or what ever)
and you have to correct/replace the wrong file,
if all is ok click make
Now you can Find in your Working Folder 2 new Files named logo.bin and update.zip
http://attach.en.miui.com/forum/201710/21/061918hupuhavaz8asoq83.png.thumb.jpg
The update.zip you can ignore/delete and the logo.bin you have to rename back the same way like bevore you did from TWRP
Copy it back to your TWRP Backup Folder on your Phone (replace the existing if still there)
Boot to TWRP and Restore
your Backup with your new created Bootlogo
Reboot your Phone, if you see the new logo everything is perfect, if the screen stays black for the boottime
One or more of your Pics are to big in size or maby got a wrong format (but last option should not result in a black screen, only the picture should be smaller)...
I cant tell you the exact Limitations, but what i found is for boot/fastbootlogo you can use a size between 595 kb but smaller than 704 kb.
The standart Picture Format is 1080 x 1920 x 24 Bpp
and the Standart Picture Extension is .png!
Now have a look in the folder BOOTLOGO PARTS VARIATIONS, there you can find all parts of the Original/Modified Bootlogo and one Folder with ready made Bootlogos, each with Preview Pictures!
you can just copy them to your Phone TWRP Folder and restore them via TWRP...
Thats it man!!!
You made your first Custom Bootlogo...
The next chapter explains Image editing using Irfan View (see attachments) and some Online
Image editing/creating tools (see links below)
http://eu3.flamingtext.com/net-fu/d...tsize=200&glowColor=#fff123&backgroundRadio=0
Here you can create the digits in the bootlogo (neonstyle or how ever)
and a alternative Website for the same purpose
https://cooltext.com/Logo-Design-Neon
And a website for change normal Pictures in neon Style
http://www168.lunapic.com/editor/?action=neon
and allso a alternative Website
http://funny.pho.to/neon/
So lets start with the Logo Digits,
In the LogoBuilder Chapter we seen in the Bootlogo inclouded are the Digits 0 - 9 and the % Sign...
open the Website
http://eu3.flamingtext.com/net-fu/d...tsize=200&glowColor=#fff123&backgroundRadio=0
scroll down and select the textfont you like
click on logo
then on glow color
klick ok and klick back to Text and reduce the Font Size Slider to 121
then type in the textfield the digit 0, the preview will show your Digit in that color and Font you selected bevore,
if you like the result
click on the upper field done
and Download the Logo in a seperate folder (Safe it with transparent Background, thats standart, otherwise it got a ugly white or whatever Background)
Don't close the Browserwindow now!!! click instead on Edit Text and...
Redo this with each digit 0 - 9 and % in the same Way (just change the text, the rest will stay the same)
if you are happy with the result you can close your Webbrowser and go to edit the images! You should now have a Folder with all Digits you created bevore, like this
but the resolution of the images have to be correctet!!! For This take a look to your Working Folder where you stored all Original Pictures and open img.5png (the Digit 0) with the Programm Irfan View (see Attachment)
on the left Bottom of the Window you can see the correct Resolution for this Picture = 84x121x24 BPP (this is for all Digits from 0 - 9, only the % Sign have a different Resolution = 108x121x24 BPP
Now open the Custom Digit Image you created online bevore, there you will see it got a different Resolution
to correct it go to upper Menue and click Image - resize/resample
and you will see the next Dialog like this
In this Dialog untick first Preserve aspect ratio (proportional)
then correct the with size (in this case 84) and the high size (in this case 121), klick ok...
on the left Bottom you see now the corrected Size
Click the safe as Button, select as Imagetype PNG, chose the Folder where to safe the Picture and click Save!
Redo this with all Digits and store them in the right resolution and right Filetype in the same Folder (you can use for all steps the same Folder, if you just replace the pictures)!
Now you have to name the Pictures correct, starding with 0 = img.5png, 1 = img.6png and so on...
in the last Step you have to make each Picture as small as possible, so open again beginning from 0 each picture
and klick Save for Web...in new Dialog activate PNG
Select on Color reduction Optimal 256 Colors Palette,
now you can see the bevore/after Picture/Size(above)
click save and replace the picture or store it in a different folder...
Redo this with all digit Pictures and check that you made all Pictures correct with the correct Name, Size, Color and whatever...
THIS STEP IS IMPORTAND TO EACH PICTURE YOU CHANGE/REPLACE!!!
Now lets have a look into the Bootlogo...
lets take the Original one and make it glow!
open in your Web Browser http://www168.lunapic.com/editor/?action=neon
and click on the searchbotton like shown on the Picture
in the next Dialog search on your PC where you stored your ORIGINAL Fastboot Picture (Working Folder) and upload it, now it should look like this...
http://attach.en.miui.com/forum/201710/21/061944v5vvtl2vuu8r32tr.png.thumb.jpg
Now you can save this Picture or you can click on above Now, Light it up and make it Glow , after that your Picture should look like this
You can safe this Picture, undo the effect adjust the Glow Effect (on first Screen) and do some othe Effects, what ever you like, if you like the result you can safe it on your PC by following Steps...
On the right side of this Page you can see the the Menue, klick in safe (Diskette Icon)
in this Window dont safe it direct, klick instead on Set specific file size
and there on Resize dimensions
on next Window enter
on With 1080 and on High 1920 (remember, the default Resolution Size was 1080 x 1920) click scale Image and click again the Diskette on the right menue to safe your Picture, on next Window klick Save as PNG - for transparent
and Save it on your PC in the Folder you like and name it how ever you like...
To make another Picture glow you have to undo all you made bevore (click on undo and click on upload a ner Picture and then reopen the upload Page again because the website keeps your steps Stored, or you close your Web Browser and open it again and open then the link again)
Sorry that this is a bit complicate but until now i found no better Way to edit direct the next Glow Picture!
Now open the Picture in Irfan View, check if all is ok and the Resolution is correct, then safe it like bevore the Digits for web as PNG with 256 colors...
You Done!
If you are not happy with the Neon Picture Color from youre Bootlogo Picture go back to the ORIGINAL BOOTLOGO PICTURE (BEVORE YOU COLORED ONLINE IN NEON)
and open it in Irfan View!
Click Image-Color corrections, a new Frame will appere like this...
play arround with the Sliders in this Frame and see how the Colors of youre Picture change, if you happy with the Result, klick OK to save the chanes (if not just cancel) and save the Color modified Picture and open it again in the Online Picture Neon Maker, depending how big the changes you made the Result of the Neon Picture will allso change. Redo this Steps until you are happy with the end Result!
Now one last Example to see some more Funktions (There are hundrets of Funktions more you can explore by yourselve, you can even install and use Adobe Photoshop 8BF Plugins for advanced editing Funktions and...and...and )!
Ok, let's now create a Standartboot Logo in the last Step of this Tutorial!
Open Irfan View, klick Image - Create New (empty) image
in next Dialog type With 1080 High 1920 and klick OK
Now you have a black Picture as Background (you can use any other Color even transparent for the Background)!
Now push and hold the right Mouse Botton and slide your Mouse diagonal over your Picture
and you will see somthing like this
Now push the left Mouse Botton and expand each of the 4 White Lines as shown in the next Picture
Now you can see the Dimensions of this Picture
We wanna place in the middle of the Picture a logo, therefor we reduce the two horizontal lines, so the Picture look like on start.
Then we leave this Window and open any Logo Picture we like in a new Irfan View Window like this
Then we klick the copy Button (see above) and go back to the other Irfan View Window we left open before, there we klick the Paste Button
Then we Mark the area above the Logo to insert any text we like
klick on edit - insert Text
in this Dialog you can edit/change your Text, Font, Color, Size and much more...
if you are not happy with the result you can undo every Step with the undo Button until you got the perfect Result!
The same thing you can do with the free Space under the Logo or you can insert another Logo like shown in the step bevore or whatever you like...
You can allso insert only the Logo/s you like save the Picture, make it online (Neon) Glow like we did bevore, save it and create a text with the Online Logomaker like we did in the Digits Step, then open in Irfan View and copy/paste it to your Neon Logo Picture...try different Variations and see whats the best Alternative...just remember the Steps bevore!
Ones again, the Image Editing Tips i give here are for Noobs like ME!!! If you got allready experience in Image editing there is a lot more possible, and you got a big advantage to me...
One last Tip, Browse the web for the Pictures you like to use via Google Pictures, for example search Google Pictures for your Favorite (whatever)Sports Team, Car Logo, Movie Picture... and safe the Picture to your PC. If it is for example a .jpg Picture you can easyly convert it by open it with Irfan View and safe it like shown before as .png...
Ok, this was my first Tutorial, hope its made understandable and you enjoy it!
And sorry for my Awful English and Grammatica -