FORUMS
Remove All Ads from XDA

[HOW-TO] MIUI MiLocker Themeing / Customization

5 posts
Thanks Meter: 6
 
By fluxboxmedia, Junior Member on 22nd December 2011, 10:12 PM
Post Reply Email Thread
Good Afternoon XDA Family and Friends - Modders and such...

Today, I would like to bring you something of a how to that would possibly get Sticky-d as I think that this app is growing in popularity and customization requests. Due to some demand on our Youtube Partner Channel, we are working on a Video on how to modify and deploy these new themes for this app to your non-rooted phone / device.

Many of you may or may not know about this software: MiLocker - App to allow you to get the MIUI type Themes that are seen on their ROMS on Non-Rooted and Rooted Phones. This app will let you customize your Lockscreen and have that MIUI type theme.

Please note that this tutorial - How To involves basic knowledge of XML and modifications of types of variables that are used in the theme.

I have enclosed 2 Samples that you can use as a basis, I have converted them from Japanese / Chinese language so that you can understand them better.

Some of the basic steps are outlined below.

1. First get the theme downloaded that you wish to modify using the Machine of your choosing: Mac or PC.
a. Upon getting the theme from the provider of the application to the device, you will then need to get it on the PC.
b. Connect your device to your machine as normal, and use “Disk Drive” to access the data storage on the device. (this could be internal or SD depending on device)
c. Once you have accessed the data on the device, look for the folder “MIUI” and under will be the “Theme” folder. In this folder will be all your downloaded themes. (MTZ Format)
2. After you have the MTZ files copied to your machine, (always best to create copies as this ensures you don’t break the mtz file you have already as source)
3. You can then (if you don’t already get 7zip for PC or The Unarchiver for Mac both free utilities) to then open the MTZ file and extract it’s contents to your desktop or destination of choosing.
4. Upon extraction you will usually find a few folders and files in there. Most notably: “Preview Folder”, “Wallpaper Folder” “Fonts folder”, lockscreen file, icons file, description.xml.
5. These are usually the basics for the theming. Most of them are self-explanatory.
a. For modifying or making your own wallpaper or preview, this is quite simple, just modify the wallpaper you find in the folders and create new ones using Paint, Photoshop or GIMP (utility of your choice)
b. Create a new wallpaper of the same dimensions used and name it the same as the original file found in the folder. Just delete the original when done. (Best cases for this I have tested are : 480x954, 480x860 and a few others) at about 72DPI or better.
6. Once you have created the wallpaper and it’s preview that you wish to show in the chooser, place those files in the respective folders.
7. To first start the modification and in this the main reason for the XML is to change the Chinese Characters displayed to English or US. Most people will just change the Wallpaper and repack, and that is ok. This is for those who seek to have English displayed.
8. In the first XML : description.xml - This file allows you to customize fields of Title of the Theme , Author, Version and such. These are the only three I recommend changing. ONLY CHANGE DATA between the <Title> THIS IS TO BE CHANGED</Title>
a. (changing only the data between the start and stop tags which are the <Field></Field> items)

9. Please note that changing the information in-between the start tags and end tags for XML is how the data is read by the application. So those values are how this is displayed.
10. The second XML is called the manifest.xml file, and it’s in the lockscreen file.
11. To modify this file, you need to rename the lockscreen file to lockscreen.zip and then extract the contents and open the folder under and look for the manifest.xml file.
a. Renaming method for Windows: Start > Run > cmd | in the command prompt, CD to the correct location of the lockscreen file and then issue the command with out quotes: “rename lockscreen lockscreen.zip”
b. Renaming method for MAC: Terminal – cd to the location of the lockscreen file issue the following command : “sudo mv lockscreen lockscreen.zip” It will ask for password, input your user password.
12. If the renaming happened correctly you should now see the file as a zip file.
13. You can now extract this file using 7zip or Archive utility or other to extract to a destination of your choice.
14. After you have done this, find the “manifest.xml” file in the folder from extraction.
15. You can edit this file in any great number of free XML utilities out there: PC : Notepad++ and MAC : TextWrangler. Editing this will allow you to find all the characters, which are not English and then copy them, open a browser and go to translate.google.com and translate them and insert the correct words as necessary.
16. When you have completed editing all the Japanese and Chinese out of the document, save it and then back out of the directory that you extracted and then ZIP the lockscreen file back up using Winzip, 7zip or Arhcive Utility in Mac or whatnot.
17. Once you have compressed and ZIP’d the lockscreen folder back up, you will see a new lockscreen.zip file with your modified files in it.
18. Now it’s time for you to Reverse Rename the file and removes the .zip file making it a file plain object. (Hint – Do the reverse of step 11 above, going from lockscreen.zip to lockscreen)
19. Once you have completed this phase, you will need to compress it to a MTZ to put back on the phone. 7Zip has this built in and you can just compress using 7zip and select MTZ as the file format. As for MAC I recommend using this Automator, which will do it for you. (MAC USERS WILL NEED TO TO one extra step)
a. Mac users will need to after creating the MTZ file, make the file Unix Executable – Terminal (open this app) and then go to the MTZ file and issue the following command: “sudo chmod a+x yourfile.mtz” , it will ask for password, do as above. Then the system will make it a UNIZ Executable just like the other MTZ’ files
20. Now transfer the MTZ file you have created back to your device and launch the app and choose your new theme.

MAC TOOLS for MTZ:

PLEASE EMAIL ME for TOOLS (don't have enough posts)


IF you have any questions, please feel free to email us at geektekneek@gmail.com

Or check our Youtube Channel as we will be posting a tutorial on this soon!

Please EMAIL for YouTube Channel (not enough posts)

Thanks.

FluxboxMedia and GeekTekneek


*****UPDATE******
Upon more and more research , our team has discovered that simple repackaging of the theme once modified does not always work as listed above. If you are using the PC and wish to use the 7zip method, the tip we found on DroidForums was to Open the MTZ file in 7zip and leave it open. Then 'Drag' From the file manager of 7zip the contents to your machine which will allow you to modify a copy of the theme. Make your changes , wallpapers and such, and then copy 'drag' them back into the open Archive of MTZ theme you did from above in this update. Once done, close the archive by closing 7zip. If you make any changes to the 'advance' folder under the lockscreen file (note you can just 2x click on the lockscreen file while in the 7zip archive and it will open), you will need to copy the changed files into this folder, and then click the "up one folder icon " it will annouce "There are changes to the original packing files, would you like to update the file and repack?" CHOOSE YES. Then you can close the entire 7zip app and deploy to your device. If you have questions, please feel free to email us. Video YTube tutorials will be online shortly.
The Following 4 Users Say Thank You to fluxboxmedia For This Useful Post: [ View ] Gift fluxboxmedia Ad-Free
 
 
22nd December 2011, 10:34 PM |#2  
SevereDeceit's Avatar
Senior Member
Flag St. Louis
Thanks Meter: 158
 
More
Great idea. I really like this application. I also see it becoming a hit.
22nd December 2011, 10:51 PM |#3  
kcls's Avatar
Senior Member
Flag Near Albany NY
Thanks Meter: 494
 
Donate to Me
More
Yup, this app is awesome! I didn't know about 7zip's ability to compress to mtz, thanks for sharing that. What we really need is a tutorial on converting themes to mdpi

Great tut tho. Excellent and clear.

Tapatalkin it from my IHO CM7.1'd, ICS Themed Optimus V
23rd December 2011, 01:11 AM |#4  
OP Junior Member
Thanks Meter: 6
 
More
Thanks for the support so far. We at our studio have done lots over the last 2 years with customizations and installations and testing, and just feel that now is the perfect time on a brand new app.
We are going to be doing a tutorial Video which will show the basics on it.
Some of them however are not happy with configuring the XML in the manifest file. (meaning as soon as you modify any part of it, the repack and then put on device) The theme comes out as just the default.

We are still working on some of the buggy themes.

Thanks
The Following User Says Thank You to fluxboxmedia For This Useful Post: [ View ] Gift fluxboxmedia Ad-Free
23rd December 2011, 01:29 AM |#5  
OP Junior Member
Thanks Meter: 6
 
More
Examples of our work thus far
Examples of the Customization Completed
Converted from Japanese/Chinese to English Format

Attached as Inline image posting is restricted to people more posts than 8
O_o ???
Attached Thumbnails
Click image for larger version

Name:	default_preview.jpg
Views:	305
Size:	27.2 KB
ID:	826609   Click image for larger version

Name:	preview_Bokeh.jpg
Views:	293
Size:	31.5 KB
ID:	826610  
The Following User Says Thank You to fluxboxmedia For This Useful Post: [ View ] Gift fluxboxmedia Ad-Free
24th December 2011, 12:18 AM |#6  
RATBORG's Avatar
Senior Member
Somewhere deep
Thanks Meter: 999
 
More
Nice, I'm also working a TUT, nice locker/screenlocker to have! Easy to theme!

Pitty it doesn't run the ICS'ed ones
9th May 2012, 11:21 PM |#7  
Senior Member
Thanks Meter: 150
 
More
Hello
if i want to modify a theme for my SGA what resolution and DPI should i choose?thnks
10th May 2012, 05:45 AM |#8  
Rekooo's Avatar
Senior Member
Flag Vilnius
Thanks Meter: 36
 
More
Quote:
Originally Posted by kcls

Yup, this app is awesome! I didn't know about 7zip's ability to compress to mtz, thanks for sharing that. What we really need is a tutorial on converting themes to mdpi

Great tut tho. Excellent and clear.

Tapatalkin it from my IHO CM7.1'd, ICS Themed Optimus V

From HDPI to M/LDPI just resize images, and change dimension values in manifest.xml (be aware of how MIUI roms/apps sees y value), although you don't need to do that, if you're using newest MiLocker version (1.4.2 I guess?). But as for M/LDPI Miui rom port you have to do it.

Sent from my GT-I5800 using Tapatalk 2 Beta-5
10th May 2012, 07:00 AM |#9  
sunnylovesalman's Avatar
Senior Member
Flag Kolkata
Thanks Meter: 2,167
 
Donate to Me
More
Nice Info for people who are Novice about MIUI Themes and Lockscreens.
2nd March 2015, 05:42 PM |#10  
the-blind-bandit's Avatar
Senior Member
Thanks Meter: 21
 
More
Thanks for the great tut You deserve more thanks.
Post Reply Subscribe to Thread

Guest Quick Reply (no urls or BBcode)
Message:
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes