=============== Beginner's introduction to must-see: theme making tutorials, online help documentation ========================
Update to the MIUI 1.6. version 3
MIUI continually updated since after a few months, we appreciate the people in the area of UI preferences vary. The other hand, limited to human resource development group of tension, MIUI not do perfect every aspect of the UI in a short time. Therefore, in accordance with the concept of MIUI when you initially set up, let everybody participate in better play ROM, we decided to launch the real topic of custom functionality. Our ultimate goal is to have small white and up can play out their wonderful! Next, I will play easy-to-digest to introduce custom themes, see we can play to Jiji.
Level 1: what is the MIUI custom theme
First, the UI is made up of many parts of our phone, lock screen, the notification bar, desktop, wallpaper, icons, and so on. If we put the phone to a House, imagine such parts can House of doors, Windows, flooring, chandeliers, seats, etc. Then we can think the Android system native is a stock room, MIUI a Lite is on top of this, custom themes are your own to do the decoration of the House.
MIUI provides custom functionality, in fact, the equivalent of an engineering team help you, you can use from many decorating scheme (theme), select your favorite effect, and finally to the engineering team to implement. Decoration options can vary, to whole House renovated, small enough only for a lamp. MIUI now comes with two themes package, people can also design your own package, you can borrow up to people to share out the design.
Level 3: manage theme pack
At present, in order to save ROM built-in storage space, theme packages on the storage card. So when the phone is not a storage card or USB flash drive mode, is unable to match the new theme.
View the theme package
In the list, we can directly see the theme package name, author, date, and the thumbnails. Click on a topic, sliding around in the pop-up interface, you can see the theme pack more effects preview. With this information, we can effect after the initial judge added that the theme package.
Added new theme package
There are two ways you can optional package is added to the new topic list.
Method 1: download, or copy the theme package anywhere on your phone from computer, and then enter the subject interface, click on the menu (menu), select "import from SD card theme package", a popup file browsing interface found in the topic of the package and select.
Method 2: theme packs directly to the/sdcard/MIUI/theme directory, by method 1 Add theme packs last will be moved to that directory.
Delete the theme package
Similar to the add theme packages, the same method to remove the theme pack is simple and advanced.
Method 1: enter the subject interface, click on the topics you want to delete a package, enter the detail page, point the delete button.
Method 2: use the file browser, to the/sdcard/MIUI/theme directory, delete the theme package files directly.
Note: the theme comes with the system package does not support delete!
Level 4: making a simple theme package
(The content has been updated to MIUI 1.7.8 above)
First theme package is in fact a zip package file, named by MTZ, as when suffix, which contains a description of the topic, preview pictures and various resources, and is organized according to a certain directory structure,
http://dl.dropbox.com/u/7822804/MIUI%20Theme%20Tutorial/Round_Icons.mtz
New theme pack format
As MIUI theme to replace the resource more and more, theme pack contains hundreds of resource files are also increasingly common; application in order to speed up the theme of speed, optimize the user experience theme management program from 1.7. version 8 theme packages to support new formats, at the same time compatible with the old format theme pack (tentative compatible one month time).
Theme packs new format conventions are as follows:
Themes under the package root directory, allowing only the files or to wallpaper, and fonts, and boots, and ringtones, and preview names subdirectory exists
For example:
In the old format theme pack, the icons are placed in the icons directory, now topic icons in the package directory is not allowed, therefore, simply enter the icons directory, all resources will be packaged into a compressed file and rename the icons
For your convenience packaging, annex provides automatic Packer named MIUIThemeCompress.jar, run this program requires Java runtime environment; in Windows, double-click run directly or right keys to select => "open with" => "Java (TM) platform SE Binary" opens under Linux, by command line "java-jar MIUIThemeCompress.jar" to run. Warmly welcome both metres, making ease and better packaging tools, to facilitate theme making.
On the Java runtime environment installed, please come here .
Discussion on the new format, please come here .
MIUI File
Description file
Describes a description.XML file named, reference to fill in the following format. If the title is empty, the theme will interface with the theme pack file name instead. If the version is null, theme file modification time instead of the interface will use the theme package. Green for content can be replaced.
<?xml version="1.0" encoding="UTF-8"?>
<MIUI-Theme>
<title> round icon </title>
<designer> M IUI </designer>
<author> MIUI </author>
<version> 1.0 </version>
<uiVersion> 1 </uiVersion>
</MIUI-Theme>
UiVersion usage details: here
Preview effect diagram
Previews are placed in the theme pack Preview directory Xia, in Preview supports up to 10 preview map. Package effect in order to facilitate real-world embodiment topic, theme for all was cited by the official package, we have the uniform preview and, in order to fully express the theme pack contains, require producers to provide a preview image as the cover of the theme; the cover theme thumbnails displayed in the list manager program.
Preview theme Pack module naming convention is as follows:
Custom cover page preview for preview_cover_0.jpg, only one;
Style preview system for preview_0.jpg,preview_1.jpg, ... Start and so on;
Desktop preview of preview_launcher_0.jpg, preview_launcher_1.jpg, ... Start and so on;
SMS preview is in the style of preview_mms_0.jpg,preview_mms_1.jpg, ... Start and so on;
Style preview icons for preview_icons_0.jpg,preview_icons_1.jpg, ... Start and so on;
Power on the preview of the animation to preview_animation_0.jpg,preview_icons_1.jpg, ... Start and so on;
Preview of the font style for preview_fonts_0.jpg,preview_fonts_1.jpg, ... Start and so on;
Lock screen preview of a style as preview_lockscreen_0.jpg, preview_lockscreen_1.jpg, ... Start and so on;
Preview the notification bar for preview_statusbar_0.jpg, preview_statusbar_1.jpg, ... Start and so on;
Replace wallpaper (including desktop wallpaper and lock screen wallpaper)
Lock screen wallpaper and desktop wallpapers in the theme pack wallpaper directory under:
Default_wallpaper.jpg: desktop wallpapers
Default_lock_wallpaper.jpg: lock screen wallpaper
Default_lock_wallpaper_800.jpg: height of 800-pixel lock screen wallpaper
Note: the package contains default_lock_wallpaper.jpg and default_lock_wallpaper_800.jpg only in topics automatically when the screen is 800 pixels in height.
Replace the program icon (including non-systematic programs of icon)
All for replacing native icon resources are placed in the theme pack icons package , you can use the system's own mellow icon theme package as a template, file name stays the same premise, replace the corresponding picture content. The picture of the desktop folder resources can also be enclosed in this package.
How to name an icon File
After the new program, look of icons to the desktop to view the program. And then use the file browser with image preview function to the/data/system/customized_icons_1 directory to find the icon, its file name is the answer we are looking for.
Replace the system font
Ready font file in the theme package fonts directory Xia, and name as follows. Use theme changing fonts, OTA upgrades will not be affected. If you want to use a font file and replace the English, they named Arial.ttf.
Default font: DroidSans.ttf
English-language digital: Arial.ttf
Chinese fonts: DroidSansFallback.ttf
Replace power effects
Ready to power the animation or turn on the music on the theme package boots directory Xia, and name as follows.
Power on the animation: bootanimation.zip
Power on the music: bootaudio.MP3
Replace ringtones
Ringtones on the theme package ready ringtones directory Xia, and name as follows.
Ringing tone: ringtone.MP3
Notification ringtones: notification.MP3
Alarm clock rings: alarm.MP3
Replace the power icon
Current power status bar icon is determined by three files in the theme package, like making principle of three files, there are no dependencies, you can replace independent
Graphic icons: com.Android.systemui/RES/raw/stat_sys_battery.PNG
Digital icon: com.Android.systemui/RES/raw/stat_sys_battery_number.PNG
Charging icon: com.Android.systemui/RES/raw/stat_sys_battery_charge.PNG
Contents of these three files are made up of large rectangular n*m a small icon, each small icon size is 38x38. These small icons from top to bottom, from left to right from the 1% of electricity or charge every frame of the animation.
For example, if the contents of the file 2*5 is a small icon, the layout is as follows,
ABCDE
FGHIJ
If used as a graphic or digital icons, each icon indicates that the power to:
A: 1%~10%
B: 11%~20%
C: 21%~30%
D: 31%~40%
E: 41%~50%
F: 51%~60%
G: 61%~70%
H: 71%~80%
I: 81%~90%
[B][SIZE=4]Level 5: making advan...net/greatstar/archive/2010/10/12/5936177.aspx
[*]in accordance with the first step to find the tutorial, make 9-patch icon
[*]compile 9-patch pictures. Compile method a little bit biased technology, we can try this tool xUltimate Draw9Patch Compiler ( http://www.droidforums.net/forum ... EASE-xultimate.html ).Usage is quite simple, put your pictures in a directory (you can directly use it's own example directory), and then run the tool, it generates compiled a picture, the file name will not change, but you will see the black edges of your picture is removed (has actually saved to a special data area within the PNG).
[*]compiled your pictures into topics as normal picture pack.
[/LIST]
More detailed tutorials, please see http://miui-dev.com/forums/showthread.php?243-GUIDE-Theming-MIUI-general-tutorials-of-tweaks-I-ve-made
Update to the MIUI 1.6. version 3
MIUI continually updated since after a few months, we appreciate the people in the area of UI preferences vary. The other hand, limited to human resource development group of tension, MIUI not do perfect every aspect of the UI in a short time. Therefore, in accordance with the concept of MIUI when you initially set up, let everybody participate in better play ROM, we decided to launch the real topic of custom functionality. Our ultimate goal is to have small white and up can play out their wonderful! Next, I will play easy-to-digest to introduce custom themes, see we can play to Jiji.
Level 1: what is the MIUI custom theme
First, the UI is made up of many parts of our phone, lock screen, the notification bar, desktop, wallpaper, icons, and so on. If we put the phone to a House, imagine such parts can House of doors, Windows, flooring, chandeliers, seats, etc. Then we can think the Android system native is a stock room, MIUI a Lite is on top of this, custom themes are your own to do the decoration of the House.
MIUI provides custom functionality, in fact, the equivalent of an engineering team help you, you can use from many decorating scheme (theme), select your favorite effect, and finally to the engineering team to implement. Decoration options can vary, to whole House renovated, small enough only for a lamp. MIUI now comes with two themes package, people can also design your own package, you can borrow up to people to share out the design.
Level 3: manage theme pack
At present, in order to save ROM built-in storage space, theme packages on the storage card. So when the phone is not a storage card or USB flash drive mode, is unable to match the new theme.
View the theme package
In the list, we can directly see the theme package name, author, date, and the thumbnails. Click on a topic, sliding around in the pop-up interface, you can see the theme pack more effects preview. With this information, we can effect after the initial judge added that the theme package.
Added new theme package
There are two ways you can optional package is added to the new topic list.
Method 1: download, or copy the theme package anywhere on your phone from computer, and then enter the subject interface, click on the menu (menu), select "import from SD card theme package", a popup file browsing interface found in the topic of the package and select.
Method 2: theme packs directly to the/sdcard/MIUI/theme directory, by method 1 Add theme packs last will be moved to that directory.
Delete the theme package
Similar to the add theme packages, the same method to remove the theme pack is simple and advanced.
Method 1: enter the subject interface, click on the topics you want to delete a package, enter the detail page, point the delete button.
Method 2: use the file browser, to the/sdcard/MIUI/theme directory, delete the theme package files directly.
Note: the theme comes with the system package does not support delete!
Level 4: making a simple theme package
(The content has been updated to MIUI 1.7.8 above)
First theme package is in fact a zip package file, named by MTZ, as when suffix, which contains a description of the topic, preview pictures and various resources, and is organized according to a certain directory structure,
http://dl.dropbox.com/u/7822804/MIUI%20Theme%20Tutorial/Round_Icons.mtz
New theme pack format
As MIUI theme to replace the resource more and more, theme pack contains hundreds of resource files are also increasingly common; application in order to speed up the theme of speed, optimize the user experience theme management program from 1.7. version 8 theme packages to support new formats, at the same time compatible with the old format theme pack (tentative compatible one month time).
Theme packs new format conventions are as follows:
Themes under the package root directory, allowing only the files or to wallpaper, and fonts, and boots, and ringtones, and preview names subdirectory exists
For example:
In the old format theme pack, the icons are placed in the icons directory, now topic icons in the package directory is not allowed, therefore, simply enter the icons directory, all resources will be packaged into a compressed file and rename the icons
For your convenience packaging, annex provides automatic Packer named MIUIThemeCompress.jar, run this program requires Java runtime environment; in Windows, double-click run directly or right keys to select => "open with" => "Java (TM) platform SE Binary" opens under Linux, by command line "java-jar MIUIThemeCompress.jar" to run. Warmly welcome both metres, making ease and better packaging tools, to facilitate theme making.
On the Java runtime environment installed, please come here .
Discussion on the new format, please come here .
MIUI File
Description file
Describes a description.XML file named, reference to fill in the following format. If the title is empty, the theme will interface with the theme pack file name instead. If the version is null, theme file modification time instead of the interface will use the theme package. Green for content can be replaced.
<?xml version="1.0" encoding="UTF-8"?>
<MIUI-Theme>
<title> round icon </title>
<designer> M IUI </designer>
<author> MIUI </author>
<version> 1.0 </version>
<uiVersion> 1 </uiVersion>
</MIUI-Theme>
UiVersion usage details: here
Preview effect diagram
Previews are placed in the theme pack Preview directory Xia, in Preview supports up to 10 preview map. Package effect in order to facilitate real-world embodiment topic, theme for all was cited by the official package, we have the uniform preview and, in order to fully express the theme pack contains, require producers to provide a preview image as the cover of the theme; the cover theme thumbnails displayed in the list manager program.
Preview theme Pack module naming convention is as follows:
Custom cover page preview for preview_cover_0.jpg, only one;
Style preview system for preview_0.jpg,preview_1.jpg, ... Start and so on;
Desktop preview of preview_launcher_0.jpg, preview_launcher_1.jpg, ... Start and so on;
SMS preview is in the style of preview_mms_0.jpg,preview_mms_1.jpg, ... Start and so on;
Style preview icons for preview_icons_0.jpg,preview_icons_1.jpg, ... Start and so on;
Power on the preview of the animation to preview_animation_0.jpg,preview_icons_1.jpg, ... Start and so on;
Preview of the font style for preview_fonts_0.jpg,preview_fonts_1.jpg, ... Start and so on;
Lock screen preview of a style as preview_lockscreen_0.jpg, preview_lockscreen_1.jpg, ... Start and so on;
Preview the notification bar for preview_statusbar_0.jpg, preview_statusbar_1.jpg, ... Start and so on;
Replace wallpaper (including desktop wallpaper and lock screen wallpaper)
Lock screen wallpaper and desktop wallpapers in the theme pack wallpaper directory under:
Default_wallpaper.jpg: desktop wallpapers
Default_lock_wallpaper.jpg: lock screen wallpaper
Default_lock_wallpaper_800.jpg: height of 800-pixel lock screen wallpaper
Note: the package contains default_lock_wallpaper.jpg and default_lock_wallpaper_800.jpg only in topics automatically when the screen is 800 pixels in height.
Replace the program icon (including non-systematic programs of icon)
All for replacing native icon resources are placed in the theme pack icons package , you can use the system's own mellow icon theme package as a template, file name stays the same premise, replace the corresponding picture content. The picture of the desktop folder resources can also be enclosed in this package.
How to name an icon File
After the new program, look of icons to the desktop to view the program. And then use the file browser with image preview function to the/data/system/customized_icons_1 directory to find the icon, its file name is the answer we are looking for.
Replace the system font
Ready font file in the theme package fonts directory Xia, and name as follows. Use theme changing fonts, OTA upgrades will not be affected. If you want to use a font file and replace the English, they named Arial.ttf.
Default font: DroidSans.ttf
English-language digital: Arial.ttf
Chinese fonts: DroidSansFallback.ttf
Replace power effects
Ready to power the animation or turn on the music on the theme package boots directory Xia, and name as follows.
Power on the animation: bootanimation.zip
Power on the music: bootaudio.MP3
Replace ringtones
Ringtones on the theme package ready ringtones directory Xia, and name as follows.
Ringing tone: ringtone.MP3
Notification ringtones: notification.MP3
Alarm clock rings: alarm.MP3
Replace the power icon
Current power status bar icon is determined by three files in the theme package, like making principle of three files, there are no dependencies, you can replace independent
Graphic icons: com.Android.systemui/RES/raw/stat_sys_battery.PNG
Digital icon: com.Android.systemui/RES/raw/stat_sys_battery_number.PNG
Charging icon: com.Android.systemui/RES/raw/stat_sys_battery_charge.PNG
Contents of these three files are made up of large rectangular n*m a small icon, each small icon size is 38x38. These small icons from top to bottom, from left to right from the 1% of electricity or charge every frame of the animation.
For example, if the contents of the file 2*5 is a small icon, the layout is as follows,
ABCDE
FGHIJ
If used as a graphic or digital icons, each icon indicates that the power to:
A: 1%~10%
B: 11%~20%
C: 21%~30%
D: 31%~40%
E: 41%~50%
F: 51%~60%
G: 61%~70%
H: 71%~80%
I: 81%~90%
[B][SIZE=4]Level 5: making advan...net/greatstar/archive/2010/10/12/5936177.aspx
[*]in accordance with the first step to find the tutorial, make 9-patch icon
[*]compile 9-patch pictures. Compile method a little bit biased technology, we can try this tool xUltimate Draw9Patch Compiler ( http://www.droidforums.net/forum ... EASE-xultimate.html ).Usage is quite simple, put your pictures in a directory (you can directly use it's own example directory), and then run the tool, it generates compiled a picture, the file name will not change, but you will see the black edges of your picture is removed (has actually saved to a special data area within the PNG).
[*]compiled your pictures into topics as normal picture pack.
[/LIST]
More detailed tutorials, please see http://miui-dev.com/forums/showthread.php?243-GUIDE-Theming-MIUI-general-tutorials-of-tweaks-I-ve-made
Last edited:
