Wednesday, 18 March 2015

[Tutorial] Customize SystemUI.apk for custom roms

Unknown 07:45 , , , No comments :


In Android phones Custom roms becomes a new trend.Everyone wants to make it's own rom.So,This Guide will help you to theme SystemUI.apk in any custom roms having aosp like user interface.For Editing you have to download and install Apktool or ApkMultitool and Gimp Photo Editor or any other photo Editor.Also, Download notepad++ or any other editor except notepad to edit xml or smali line by line

Note:-For Apktool or ApkMulti tool to work correctly on windows you must have to install Java first.

How to Change Status Bar icons:


Extract the SystemUI.apk from "System>priv-app" in the extracted folders of the rom you want to edit.


Read Our Articles:-
  • Collection of SystemUI.apk 
  • How to compile and decompile an Apk file Using ApkMulti Tool
  • How to compile and decompile an Apk file Using Apk Tool
Now,Decompile SystemUI.apk from any tool(ApkMulti tool or Apk Tool) and go to "/Systemui/res/" folder

Whats your device screen resolution? Because
If it is 480*800 then your device is hdpi and you have to go into go to /res/drawable-hdpi/ folder
If it is 1280*720 then your device is xhdpi and you have to go into "/res/drawable-xhdpi/" folder 

Here you see the many png files.This png files contains all the icons which displays in your phone.Look for png's starting with "stat_sys_...."

Edit wifi icon:
Wifi icons name in the folder will be "stat_sys_wifi_signal_1_fully.png" , "stat_sys_wifi_signal_2_fully.png" "stat_sys_wifi_signal_3_fully.png" and "stat_sys_wifi_signal_4_fully.png"

Change them with your desired one.You can also take icons from one SystemUI png's to another SystemUI png's

Edit Signal icon:
Signal icons name in the folder will be "stat_sys_gemini_signal_1_orange.png" , 2_orange , 3_orange and so on, If your device is dual sim, you have multi colored signals, orange, purple, green, blue, look for the appropriate png and edit/replace it.



Replace all other png's which you want to edit.

How to change Notification Drawer Background:

Notification Drawer background is also a png file located on /res/drawable-hdpi or /res/drawable-xhdpi/ according to your device resolution."notification_panel_bg.9.png" is the notification background, In my advice rename it to "notification_panel_bg.png"
                                            









Note:We rename this because 9 png's have a border and are tricky to edit.
Open this png with gimp.Erase it and fill any colour you want.

Customizing Quicksettings Tiles ie..icons, background and gaps:
Go to the corrected folder ie /res/draeable-xhdpi/ or /res/drawable-hdpi/ depending upon your device resolution.Find png's starting with "ic_qs_" and start replacing them with your desired ones.They are all icons which show in quicksettings panel.

For changing background of tiles, you have to edit xml file "qs_tile_background.xml" which are located in "res/drawable/" folder.

From here you can change the colour of normal tile and pressed tile.For changing you must know the hex code of that colour.You can find hex colour from http://www.linkshrink.net/71kN0n Change the last 6 character of hex code with your desired one.



No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )