Hello everybody ! today our guide is important and easy to learn, I'm gonna explain how to make a complete/advanced/full theme, with the ability to change everything ! from SystemUI icons ( Wifi .. etc ) to Apps icons or even Contact Icon, So ? what are you waiting for ! let's start the engine !
In This First Full Guide, I'm gonna show what i've learnt in Xperia Lollipop theming field, without the " selfish " stuffs nor the " secrets ", because Knowledge must be for all, without any costs .. only Credits and putting Guide link costs .
Notes :
Read Number 4 For Making The Theme Change The App Content .
Don't Forget Me From Credits .
The Way I Explain Is " Manual " Theming, You Can Use Theme Maker BETA From Sony .
Install Java .
Guide Requires Creative Person To Make Awesome Themes .
You Don't Need To Be A Programmer, Just Apktool .
Sections :
Creating Or Importing A Ready Project via Eclipse / Android Studio .
Theme Content Explain .
AndroidManiFest.xml / Strings.xml / Preview Screens / Images Editing .
Notes Making Theme Change Everything .
Creating Assets Zips .
Theming Android.Zip ( Framework-res ) .
Theming SystemUI .
Theming Home ( Launcher ) .
Theming Clock .
Theming InCallingUI .
Theming Phonebook .
Theming Messaging .
Theming Calculator .
Theming Settings .
Theming Camera & Notes & Calendar & Email .
Theming Small App Launcher & Small Apps .
1. Creating Xperia Theme Project - Eclipse
Open Eclipse .
Open File => Android Application Project
In " Application Name " Put Your Theme Name.
In Project Name Put Your Desired Project Name.
In Package Name Put Your Desired Package Name, Example : theme.xperia.abohani
For Minimum Required SDK, Select The Mini-SDK/API Version The Theme Will Work On, Example : API18 4.3 - API19 4.4.
For Target SDK, Put Your Top SDK/API Version The Theme Gonna Work On And Theme It.
For Compile With, Put it As Target SDK.
For " Theme " Put it None.
Press Next.
Un-tick " Create Custmom Launcher Icon " & " Create Activity ".
For " Create Project In Workspace ", Select the place you want to save the project in .
Now Your Project Is Ready To Modify .
1.5 Creating Xperia Theme Project - Android Studio
Open Android Studio.
Press " Start A New Android Studio Project ".
In " Application Name " Put Your Theme Name.
In Company Domain Put A Main Package Name, Ex : theme.abohani.
Package Name Will Be Automatically Generated as companydomain.applicationname, Ex : theme.abohani.applicationname .
Project Location, Select the place you want to save the project in .
Press Next.
Select " Phone and Tablet ", Select The Mini-SDK/API Version The Theme Will Work On, Example : API18 4.3 - API19 4.4.
Press Next .
Select " No Activity " .
Press Finish .
2. Theme Content Explain .
Xperia Theme contain the following :
Assets, Where we gonna support different app themng .
res/values, where we put the name of the theme and put the skin color ( 5.1 only ) .
res/drawable folders, where we put the theme icon / lockscreen wallpaper / home wallpaper for different screens .
3. AndroidManiFest.xml / Strings.xml / Preview Screens / Images Editing .
Editing AndroidManiFest.xml,
Open AndroidManiFest.xml with Notepad++ from the theme location .
Replace it with the following.
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="theme.abohani.applicationname"
android:versionCode="1"
android:versionName="1.0" >
<uses-sdk
android:minSdkVersion="21"
android:targetSdkVersion="22" />
<uses-permission android:name="com.sonymobile.permission.RUNTIME_SKIN" />
<runtime-skin version="1">
<asset path="assetname.zip" target="app.package">
<laf-version-filter from="1" to="1" />
</asset>
</runtime-skin>
<application
android:label="@string/semc_theme_title"
android:icon="@drawable/semc_theme_preview">
<uses-library android:name="com.sonymobile.runtimeskinning" />
<meta-data
android:name="com.sonymobile.runtimeskinning.core.image_wallpaper"
android:resource="@drawable/semc_theme_wallpaper" />
<meta-data
android:name="com.sonymobile.runtimeskinning.core.lockscreen_background"
android:resource="@drawable/semc_theme_lockscreen_wallpaper" />
<uses-library android:name="com.sonymobile.runtimeskinning_2"/>
<meta-data
android:name="com.sonymobile.runtimeskinning.core.SKIN_PREVIEW"
android:resource="@array/previews"/>
</application>
</manifest>
Edit android:minSdkVersion to the minSDK you selected .
Edit android:targetSdkVersion to the targetSDK you selected .
Edit package="theme.abohani.applicationname" to your theme package that you selected .
Edit android:versionCode and put the version code you want, ex " 1 " or " 21 " .
Edit android:versionName and put the version name you want, you can put letters too but without spaces .
In " <asset path="assetname.zip" target="app.package"> ", replace " assetname.zip " with the asset file located in YourProject/Assets, Ex : yourproject/assets/android.zip => path="android.zip " .
Replace " app.package " with the asset package, ex android = framework-res, so the package is " android ", ex2 SystemUI package is com.android.systemui, you can know it by decompiling the Apk, and check for " Package " in AndroidManiFest.xml .
Important, in " laf-version-filter " this is an important step to make the theme change the app content, let's take SystemUI for example, decompile it and navigate to AndroidManifest.xml, search for " laf ", you will see " laf version = 2 ", so you open your project AndroidManiFest.xml and edit " <laf-version-filter from="1" to="1" /> " to " <laf-version-filter from="2" to="2" /> ", Make it match the Laf version .
Editing Strings.xml .
Navigate to YourProject/res .
Delete everything expect " values " folder .
Open it and open Strings.xml .
Replace the content with this :
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="semc_theme_title">Xperience™ | MaTeRiaL Blue</string>
</resources>
Replace between " > < " with your Theme Name .
Editing Screens Preview - Lollipop Only .
Navigate to Values folder again .
Create " arrays.xml " file in it .
Put this content in it :
<?xml version="1.0" encoding="utf-8"?>
<resources>
<array name="previews">
<item>@drawable/pre1</item>
</array>
</resources>
When you Open Themes Picker in your Xperia, you will the a preview you made it for the theme .
Now, Download this FILE,then put the drawable-xxhdpi folder in " res " folder, and modify the " pre1 " image, if you want to add more Screens, just make another image and add another line in " arrays " .
Editing Images, Wallpapers / Theme Icon .
Download this File .
Put the content in YourProject/res .
Edit the images, but PLEASE DO NOT COPY MY THEMES ICON STYLE .
4. Notes Making Theme Change Everything .
There are 2 reasons for not being able to change the theme content fully .
You Didn't Put The Correct LAF Version .
The App You Need To Change Needs Skin-Permission.xml file editing, See This Guide For Info .
5. Creating Assets Files .
Making An Asset file is pretty easy, first you need the apk you want to theme, let's take how to make SystemUI Asset file as an example, and then you can make a one like it :
Download & Decompile This Asset File .
Rename to com.android.systemui.apk .
Delete the res content .
Decompile SystemUI.pk
Navigate to SystemUI/res, search for things you wanna edit ( see guide below for theming guide ), then copy the files you wanna edit or you the files you have edited them to " Asset/res ", and then recompile the app, and rename it to " com.android.systemui.zip " .
After that go to AndroidManifest.xml, and put the correct Laf Version for the SystemUI, then replace " assetname.zip " with " ccom.android.systemui.zip ", and replace " app.package " with " com.android.systemui " ( the SystemUI package name ) .
Make the other assets files like it, See below for theming Guide .
6. Theming Android.Zip ( Framework-res ) .
Download this asset file from here .
Decompile it .
Open res/values/colors.xml, Now you need to know what these lines mean :
HTML:
<color name="somc_color_dark_primary_dark">#ff0288d1</color> This Is Semi-Main Color in Dark Themed Apps . ( Put A Darker Color More than " primary_dark " color )
<color name="somc_color_dark_primary_light">#ff0288d1</color> This Is Semi-Main Color in Light Themed Apps . ( Put A Lighter Color More than " primary_light " color )
<color name="somc_color_primary_dark">#ff0288d1</color> This Is Main Color in Dark Themed Apps .
<color name="somc_color_primary_light">#ff0288d1</color> This Is Main Color in Light Themed Apps .
<color name="somc_color_accent_dark">#ff015785</color> This Is Secondary Color in Dark Themed Apps .
<color name="somc_color_accent_light">#ff015785</color> This Is Secondary Color in Light Themed Apps .
For Editing Slider Look, like a thin slider or a bold one, just modify the height of these files, the color doesn't matter because it will be linked with somc_color_accent color .
somc_progress_bar_bg_dark.9
somc_progress_bar_bg_light.9
somc_progress_bar_primary_dark.9
somc_progress_bar_primary_light.9
somc_progress_bar_secondary_dark.9
somc_progress_bar_secondary_light.9
For Editing Text Selector Buttons Look, Edit these, you can put shadows and stuff if you want, it's linked with " ?tintcolor ", put you can put your own style - " mrtl " are linked color, but the others are not linked, you need to modify both of them with the color you want :
text_select_handle_left
text_select_handle_left_mtrl_alpha
text_select_handle_middle
text_select_handle_middle_mtrl_alpha
text_select_handle_right
text_select_handle_right_mtrl_alpha
Adding Custom Tabs Style - Switches - Buttons Editing - Toast - .. etc
Download The Following Zip.
Extract it in Android/res folder .
Modify the images you want, then compile ( Images taken from Mad Max Theme - Icons names describe what they are ) .
7. Theming SystemUI .
First of all, the new Xperia Lollipop SystemUI is using " VectorType " images, to resize the Apk size, and not reducing drawables images, in previous version you have to add the same drawable to different screens, now you only need to put it as a VectorType image and it will Auto-Resize, So there are two ways to modify SystemUI Icons / Toggles :
Editing VectorType Images, Open the Drawable folder, then open the drawable you want to edit, like " ic_qs_airplane_on ", and you will see " path data ", So how to replace it ? First you need to have your icon in SVG, create it in SVG Software or Convert it to SVG ( not-tested ), after that open that SVG icon with notepad++ and copy the path data and replace it with the current.
Replacing Drawables With Images, If you don't like the VectorType way, you can make an image with the same drawable.xml file and put it in your screen dpi, for example : ic_qs_airplane_on.xml, replace it with ic_qs_airplane_on.png in Drawable-xxhdp, for the height & width .. take it from Kitkat SystemUI so it can match the xxhdpi screens and not being mis-sized .
Editing SystemUI Bar Color :
Go to res/values .
Make " drawables.xml " .
Put this in it :
<?xml version="1.0" encoding="utf-8"?>
<resources>
<item type="drawable" name="somc_status_bar_background_dark">#ff0277bd</item>
<item type="drawable" name="somc_status_bar_background_light">#ff0277bd</item>
<item type="drawable" name="somc_status_bar_background_translucent">#ff0277bd</item>
</resources>
Replace " background_dark " with a darker color than " primary_dark " in android.zip .
Same for Light .
For Translucent, you can delete, deleting it means the apps that use Transparent SystemUI bar not going to have a colored SystemUIbar, if you add it you will have your Color .
Please note there are some images can be found in drawable-xxhdpi folder you can edit, like Data Toggle icon, and other .
8. Theming Home ( Launcher ) .
In Home.Apk there are a lot of images to edit, but here's a list for the " important ones " :
For Editing Apptray Slider/Drawer background, modify this image " apptray_drawer_background.9 " .
For Editing the divider between the sections in Apptray Slider/Drawer, modify this " drawer_list_divider.9 " .
For Editing the Selected Apptray Slider/Drawer Background ( When you long press a category ), modify this " drawer_list_selected.9 ", give it opacity, do not make it a solid color .
For Editing Apptray Slider/Drawer Text Color, Modify this apptray_drawer_text_color in values/colors.xml .
For Editing Apptray Slider/Drawer Badge Text Color , Modify this apptray_drawer_badge_text_color in values/colors.xml .
For Editing Home Badge Text Color, Modify this home_badge_text_color in values/colors.xml .
For editing Apptray Slider/Drawer Background, modify this apptray_drawer_background in values/colors.xml if only Editing Drawable didnt work .
9. Theming Clock .
Clock got only Tab icons & apps icons to edit, So here is the way to modify them all :
Download this zip .
Extract it in Clock asset " res " folder .
Modify them .
Compile .
10. Theming InCallingUI .
Nothing important in InCallingUI, only the images to modify .
Download This zip .
Extract is in Clock Asset " res " folder .
Modify them, and you can modify the other icons, but these are the " main " ones .
11. Theming Phonebook .
Again nothing to modify in Phonebook, only Contact icons and other less-important icons, which can be found in drawable-xxhdpi, but for editing Dial button color, follow this :
Create " colors.xml "
Put the following in it :
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="dial_button_color">#ff0288d1</color>
</resources>
Replace between " > < " with the color you want .
12. Theming Messaging .
Nothing to modify in Messaging also,expect for Drawables, you can dig into colors.xml to find something to edit .
Download this zip.
Extract it in Messaging asset " res " folder .
Modify them .
Compile .
13. Theming Calculator .
The only thing to edit is the app icon & some colors codes, like the right extra menu, accent color and text color.
Navigate to res/values .
Create " colors.xml " .
Put the following in it :
<color name="calculator_accent_color">#ff0288d1</color>
<color name="pad_advanced_background_color">#ff0288d1</color>
<color name="pad_button_advanced_text_color">#ffefefef</color>
Replace the hex codes, the " name " describe what it means .
14. Theming Settings .
Only Drawables to Modify, nothing in " Colors " really important .
15. Theming Camera & Notes & Calendar & Email.
Camera :
Only Drawables, like Manual Mode, Smile ..etc, and there's Settings Text Color, which i don't advice to mode it .
Notes :
Notes App isn't completely in Material Design, so you can modify the drawables, and it contains the Small App ( Recorder & Notes ), you can modify them there .
Calendar :
Only App Icon .
Email :
Only Icons & Apps Icons - they are already in Material Design .
16. Theming Small App Launcher & Small Apps
Notes & Recorder Small-Apps Can Be Found in Notes App .
Active Clip :
Only Drawables .
Browser :
Only Drawables .
Caculator :
Flat Look, Make the following images transparent ( delete the layers and replace them with empty ones ) .
calc_equals_btn_pressed
calc_equals_btn
calc_display
calc_btn_clear_pressed
calc_btn_clear
For Text Color & Background, can be found in Colors.xml .
Timer :
Only Drawables.
Credits :
@Serajr For VectorType Tip! Thanks man :highfive:
Adding " Skin Color " Like Xperia Z5 Themes Style :
In Your Theme Project.
Navigate to " res/values " .
Create " Colors.xml "
Add this to it :
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="skin_color">#ff43d0ff</color>
</resources>
Replace the color with the overall skin color you want .
To Be Updated, don't forget to share the Guide with your Mates :laugh: :good:
you are the best Abo Hani
Just awesome!
Great Guide Bro, Thanks mate [emoji106]
Sent from my Sony Xperia Z1 C6903
RockZ1L ROM v3.3.1 + RockZ1L Kernel v3.3
My Xperia Design - Helios DarkBlue Material L1
abo hani said:
Adding " Skin Color " Like Xperia Z5 Themes Style :
In Your Theme Project.
Navigate to " res/values " .
Create " Colors.xml "
Add this to it :
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="skin_color">#ff43d0ff</color>
</resources>
Replace the color with the overall skin color you want .
To Be Updated, don't forget to share the Guide with your Mates :laugh: :good:
Click to expand...
Click to collapse
can yhu give an example of dis brov???
thanks for yur guide.... yhu now becoming my theming master!
@abo hani
You could do a tutorial for making black system apps?
lvints said:
@abo hani
You could do a tutorial for making black system apps?
Click to expand...
Click to collapse
Yup, coming soon.
whalesplaho said:
can yhu give an example of dis brov???
thanks for yur guide.... yhu now becoming my theming master!
Click to expand...
Click to collapse
Check this image : http://cdn.redmondpie.com/wp-content/uploads/2015/09/Xperia-Z5-Main.png
On the right : skin is default ( white )
on the left : skin is black .
That's an honor for me! thanks a lot :fingers-crossed:
xxx_sunnyboy_xxx said:
Great Guide Bro, Thanks mate [emoji106]
Sent from my Sony Xperia Z1 C6903
RockZ1L ROM v3.3.1 + RockZ1L Kernel v3.3
My Xperia Design - Helios DarkBlue Material L1
Click to expand...
Click to collapse
serajr said:
Just awesome!
Click to expand...
Click to collapse
AboAlmanal said:
you are the best Abo Hani
Click to expand...
Click to collapse
Thanks for supporting guys
download link
abo hani said:
Yup, coming soon.
Check this image : http://cdn.redmondpie.com/wp-content/uploads/2015/09/Xperia-Z5-Main.png
On the right : skin is default ( white )
on the left : skin is black .
That's an honor for me! thanks a lot :fingers-crossed:
Thanks for supporting guys
Click to expand...
Click to collapse
superb..... but can it change according to theme??!!!
omg.Another awesome Guide.Thanks bro:good::good::good:
whalesplaho said:
superb..... but can it change according to theme??!!!
Click to expand...
Click to collapse
please reply brov..... i wanna add tha code to my color.xml in SystemUI but i want it to change according to my theme. @abo hani
thanks!
Great guide bro @abo hani ^^
Very usefull
Send From Somewhere On My Z3 With The Best Rom MWE V3.5.0 !
Changing ui colours
whalesplaho said:
please reply brov..... i wanna add tha code to my color.xml in SystemUI but i want it to change according to my theme. @abo hani
thanks!
Click to expand...
Click to collapse
U have to change the colours in the assets according to your theme.
(theme creator beta don't support the colour change on lollipop)
I added the assets as a example. Change the colours there according to your theme there.
Toxizen said:
U have to change the colours in the assets according to your theme.
(theme creator beta don't support the colour change on lollipop)
I added the assets as a example. Change the colours there according to your theme there.
Click to expand...
Click to collapse
i have themes dah change according to theme accent..... dis is what im referring to; http://forum.xda-developers.com/showpost.php?p=62881020&postcount=2
whalesplaho said:
please reply brov..... i wanna add tha code to my color.xml in SystemUI but i want it to change according to my theme. @abo hani
thanks!
Click to expand...
Click to collapse
Check my other thread to make it change according to theme.
Yeah thanks, but you can put some screenshots or images to make more useful and easy to understand, oh and the last step: how to recompile the entire process.
@abo hani
I have Xperia™ Z2 and using eXzistenZ LP rom. I want to make settings app like this (changes according to theme). How can I do that?
If you check out, I give you this settings app(acoording to theme) and my eXzistenZ rom's settings app and framework-res apk.
Settings App (According to Theme) : http://www51.zippyshare.com/v/ArKFb2v4/file.html
eXzistenZ Settings App & Framework-Res : http://www21.zippyshare.com/v/O9Pq0nb8/file.html
{
"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"
}
Nice guide..
And about the navigation bar, how to change it color, or with the app theme.??
Hi!
Thanks for this Tut. It helped me out quiet a bit!
But i have a question:
Is it possible to change the gradient effect?
Because in apps such as Spotify a specific gardient is used.
But in the Sony rom the old gardient (Kitkat) is used, whereas in stock android the lollipop gardient is used.
Can you help me?
Related
[GUIDE] Enable Softkeys on statusbar on Cyanogenmo 7
Hello Ace - Community!
Since i saw a lot of ROMs with Softkeys in the statusbar enabled and all old guides wich you can find on xda are nearly all closed or deleted , i will show you guys how to enable them . But first a thanks to CoolCatGetHome who actually tells what if have to edit .
For Apocalypse Users notice : Itasoulas and I are already working on it! So please no spams about Apocalypse here!
Preparation:
- An open mind
- A rooted phone
- You must be on Cyanogenmod 7
- Time
- APK Manager : Download this one , it's mine i'm using now and it's working without problems
Download for APK manager : http://www.mediafire.com/?eh6ihj58lafkltx
And notice to follow all steps to have no problems when you do anything!
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Instruction:
- Step 1 - First Preparations :
Use a File manager wich supports root-browsing ( for example Rootexplorer ) and go to system/framework. There you will find framework-res.apk
{
"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"
}
Now copy the apk to your sd-card .
Connect your device to the pc .
And copy the apk to your pc homescreen .
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
- Step 2 - Using APK Manager :
Download APK Manager .
Look at the link above or click here => http://www.mediafire.com/?eh6ihj58lafkltx
You should get this after you download the .rar file :
Open the .rar file with WinRar,WinZip or 7zip ( you can google these 2 programms if you don't have them)
Now extract the folder "apk manager" which is inside the .rar file
Inside the folder you will find some other folders.
Place your framework-res.apk into this folder here :
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
- Step 3 - Decompile and edit the .apk:
Now start the Script.bat
And it will show you this :
Just press a key and skip it
Now you have to select your apk in order to do that , type 22 and press enter
and then type 1 and press enter
We have now select our project
Now type in 9 and press enter
Your apk will decompile now wait until it's finished.
You know when it's finished if you get the chance to type in a new action.
So now the editing:
After you decompile your .apk , go to your apk manager folder and go to projects.
In the projects folder you will find another folder called "framework-res"
Now go to res/values.
In the values folder we have to edit the bools.xml
Now open bools.xml with the good text editor like Notepad ++
After you opened the .xml you have to scroll down and make sure to have this to options set to "true"
So that's it you've enabled the softkeys!
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
- Step 4 - Compile and sign the .apk and make a flashable .zip:
So now make sure you've saved you changes in bools.xml
Now we're going back to the Script.bat ( if you've closed it just open it again and type 22 and select framework-res.apk ,should be 1)
So now we are going to compile the .apk
Type in 11 and press enter
now you will get a message after a time called : Is this a system apk ?
Type in " y " ( of course only y without the signs) and press enter
Another question will show up and again type in " y " and press enter
And now important don't close the Script.bat window and don't press a key
Now we are going into the apk manager folder again and there should be a keep folder
go into the keep folder and delete " resources.arsc "
Now go back to the Script.bat window and press a key
After that we should be again at the beginning where we can type in our commands
Now type in 12 to sign our apk
After the signing is completed close the " Script.bat " window and go to your apk manager folder and into " place-apk-here-for-modding "
There you will find " signedframework-res.apk " rename it to framework-res.apk
So now we are going to make a flashable .zip for your rom:
If already made a zip for you guys , download it here:
http://www.mediafire.com/?2t234w44dr2ck62
Now place your framework-res.apk into the zip under system/framework
And make sure to mount data and system before you flash it!
And also in the first screenshots you see i have the ICS - Softbuttons
In the default system theme there are some ugly system images for the buttons
So if you want to have ICS - Softbuttons images you have to edit your theme
or go to my thread and download some of my themes :
http://forum.xda-developers.com/showthread.php?t=1710742
Edit the Button order :
CoolCatGetHome said:
For changing locations of the home back menu etc keys go to status_bar.xml
Of systemui.apk and move the home_key or other one lines to other location of it
Sent from my GT-S5830 using xda premium
Click to expand...
Click to collapse
- Credits :
- CoolCatGetHome
- Google - for Android
- Samsung - for Samsung Galaxy Ace
- NutellaBanane - for this guide and for providing the needed tools
Buttons - Settings :
If you want to edit your statusbar to bottom ( wich is already there without enabling the buttons )
Go to Tablet settings
There you will find new options for your Softbuttons
Enjoy and have fun !
Fixes :
Your statusbar is not fully visible? ( Icons are shown dark and softbuttons also )
Try this :
- First go to tablet settings ans disable all softbuttons
- Now use your torch app ( CM7 one ) , a notification should pop up and your dark icons should be normal ( Notice you do not have to use your torch app , it just needs a new notification in the statusbar to fix the dark icons )
- Now you can enable the softbuttons again
------------------------------------------------------------------------------------
Your statusbar is completly black?
Try this :
- Set theme to system theme
- Reboot
- Reflash your modded framework-res.apk
- Reboot
- Change from system theme to another theme
- Done!
Try this (second solution for non transparent statusbar and transparent statusbar recommend!):
- Disable all softkeys under cyanogenmod settings -> tablet settings
- Use torch app ( activate torch app to fix the statusbar and deactivate then)
- Enable softbuttons again
Download Patches made for ROMS :
Flash this zips in recovery and don't forget to MOUNT SYSTEM !
Also after you applied the patches and you get some bugs look at my bug fixes above!
- Democracy-ROM
- Cyanogenmod 7.2.0 by TeamAdreno
Is this general tutorial to compile and decompile apk (not just framework-res.apk)?
pandu15 said:
Is this general tutorial to compile and decompile apk (not just framework-res.apk)?
Click to expand...
Click to collapse
http://www.youtube.com/watch?v=oLQynXg8noM
you're welcome.
pandu15 said:
Is this general tutorial to compile and decompile apk (not just framework-res.apk)?
Click to expand...
Click to collapse
yes normally it's general but it did this guide with those screenshots and every single step to make this guide " noob-proof "
But of course the part where i edit the xml is not part of the normal way to decompile and compile a apk
Shadow xD said:
http://www.youtube.com/watch?v=oLQynXg8noM
you're welcome.
Click to expand...
Click to collapse
In my opinion for newbies apk manager is a way easier
For changing locations of the home back menu etc keys go to status_bar.xml
Of systemui.apk and move the home_key or other one lines to other location of it
Sent from my GT-S5830 using xda premium
Can you please do it for the CM7.2 RC3 Based DEMOCRACY ROM which just came out?
please reply.
thanks.
Shadow xD said:
http://www.youtube.com/watch?v=oLQynXg8noM
you're welcome.
Click to expand...
Click to collapse
Thanks dude
NutellaBanane said:
yes normally it's general but it did this guide with those screenshots and every single step to make this guide " noob-proof "
But of course the part where i edit the xml is not part of the normal way to decompile and compile a apk
Click to expand...
Click to collapse
ok I'll try it later
CoolCatGetHome said:
For changing locations of the home back menu etc keys go to status_bar.xml
Of systemui.apk and move the home_key or other one lines to other location of it
Sent from my GT-S5830 using xda premium
Click to expand...
Click to collapse
Added to OP
Ace King 34 said:
Can you please do it for the CM7.2 RC3 Based DEMOCRACY ROM which just came out?
please reply.
thanks.
Click to expand...
Click to collapse
Will do it please upload the framework-res.apk from the rom
EDIT : you have to pull the framework-res.apk frome your system/framework folder.
If you just extract it from the rom it won't work
EDIT 2 : you also have to request a ics layouts with RIGHT clock from the democracy dev , if not the softkeys will overlap the center clock
Tnx
Sent from my GT-S5830 using xda premium
can iget help i have no pc now my pc get cracked VGA card and not work can any one makes me soft key this my file http://db.tt/eMLnGgRR
It's easy tutorial for noob like me..
thanks dude now I can decompile and compile apk to get enter key for my mms.apk..
so good
NutellaBanane said:
Will do it please upload the framework-res.apk from the rom
EDIT : you have to pull the framework-res.apk frome your system/framework folder.
If you just extract it from the rom it won't work
EDIT 2 : you also have to request a ics layouts with RIGHT clock from the democracy dev , if not the softkeys will overlap the center clock
Click to expand...
Click to collapse
To the one who wanted softbuttons on democracy , no answer from you? as you see i wrote something back then...
NutellaBanane said:
To the one who wanted softbuttons on democracy , no answer from you? as you see i wrote something back then...
Click to expand...
Click to collapse
hihi. this is the link to framework-res.apk for democracy rom.
http://db.tt/1e1ZhQRV
Sent from here2there
Will no one can help me to make my softkey i have no pc now and i am need 10 days to repear it plz any one make it for me this file what u need
http://db.tt/eMLnGgRR
Sent from my GT-S5830 using xda premium
Hi guys!
After getting a lot of requests by various users of Resurrection Remix and RootBox,I finally decided to do a tutorial on how to make certain kinds of mods.I have been modding for Resurrection Remix for quite some time now and have learnt a lot in the process.I will keep updating this thread as and when i learn new stuff.
What this tutorial teaches and guides you to do:
-ANIMATED NOTIFICATION DROPDOWN BACKGROUND
-NAVIGATION BAR BACKGROUND MOD
-TOGGLES BACKGROUND MOD
-PULLDOWN BAR MOD
-SYSTEM+DIALER BACKGROUND MOD
-LOCKSCREEN HANDLER MOD
MORE MODS WILL BE ADDED AS AND WHEN I GET TIME AND ALSO DEPENDING ON THE INTEREST OF THE USERS.
DISCLAIMER :
> Please be careful.The methods here are totally tested so if anything goes wrong it is probably your fault that you didn't do something correctly.I will give my support but I am not responsible for anything unfortunate that may happen.Don't forget to do a BACKUP before trying anything!
>This is a tutorial to help the daily user in making mods.It might not be the most perfect way to do things,so if you are competent enough and technically sound to build from source please go ahead and read Entropy512's post here to get an idea on the same.My tutorial is aimed at helping everyone make their own mods.
Firstly,I will give the credits of my learning curve to :
GaboWinter (For his EXCELLENT tutorials and awesome FAQ)
Westcrip (For giving us an excellent ROM that changed the way i looked at things)
Yorzua (For his excellent tutorials on theming)
MyLifeRocks10 (For teaching me how to use UFT)
Vreestyle (For being one of the main inspirations and letting me use his zip files as a base whenever required!)
Bajee11 (For guiding me on how to mess around with smali files)
Tigiy (Whose first Hulk mod was the one that triggered my curiosity)
Sun90,Faseeh,LegendZenefy,Kroz,Kicker09 (For being awesome!)
Neerajganga (For forcing and encouraging me to write this tutorial)
To all the others who helped me during this transition of mine.You know who you are!Also a huge thanks to all the developers without whom this wouldn't have been possible.
I'll try to cover all the mods that I have done so far gradually and I'll start with the easier ones.
Some of the tutorials may or may not already be available on the internet but I have been getting too many requests so I'll put everything together here.Remember that i am also NEW here so please dont flame me if i do things differently.However constructive criticism is always welcome!
I would appreciate a Thanks for all this as it took a lot of my time and effort.
So let's get started.
What you need to have installed on your PC :
-Android SDK - Get it here.
-Java Runtime Environment (APKtool needs at least ver. 1.6) - Get it here.
-Notepad++ or Adobe Dreamweaver for editing XMLs.
-Draw9patch.bat [Included in the Android SDK]
-Apktool - Get it here. - I use ICS Apktool to recompile and Original Apktool to decompile.Works great with SystemUI.apk
-Photoshop or GIMP - Get GIMP here (It is a free software).
-APK Multitool v 1.0.5/APK Manager 5.0.2. Get them here. (You can use Apktool for the same functions i think,however I use them both depending on my needs)
-7zip or Winrar.
Please don't ask me questions on how to set up the above as the tutorial is not for that and you will find many tutorials/guides on XDA and elsewhere which explain the same.
What you need to know before doing some of these mods:
-Decompiling and compiling APKs-
There are many tutorials on XDA for this.And it's pretty straightforward.I will just try to explain how to decompile the tricky SystemUI.apk.
I modified TVTV's post for HTC Desire,threw in my bits and wrote the way to do this :
Step 1 (installing the tools):
- Download and install the latest Java Runtime Environment (APKtool needs at least ver. 1.6);
-Download Apk Tool(both Original and ICS Apktool.I linked you to both above.)
Step 2 (preparing to decompile):
- In order to properly decompile/compile SystemUI.apk, you need to install the framework with Apktool.
- Open your root explorer of choice and navigate to /system/framework;
- Copy "framework-res.apk" and "SystemUI.apk" to the SD card, then move them to your PC either via cable or via a software of your choosing.
- Put both "framework-res.apk" and "SystemUI.apk" into the folder where you've extracted Original Apktool;
- Open command prompt (Windows button + R then type "cmd") and navigate to the folder where you have Original Apktool and the framework apk;
- Type "apktool if framework-res.apk". Your file will be processed and the required bits will be "installed" in "C:/Users/<yourusername>/apktool/framework";
Step 3 (proper decompilation):
-For decompiling we will use the Original Apktool.
- Copy your SystemUI.apk from "/system/app" to the folder where you've installed the Original Apktool or copy the SystemUI.apk you wish to mod to the folder where you've extracted Original Apktool;
- Open a command prompt, navigate to the Original Apktool folder, type "apktool d SystemUI.apk" and wait till the original apktool has finished. You should get no errors whatsoever and your apk should now be decompiled into "readable format" in "<yourOriginalAPKtoolfolder>/SystemUI".
Step 4 (proper compilation):
- After making the desired changes in the decompiled apk, it's now time to compile it.
-For compilation we will use the ICS Apktool
-Copy the changed SystemUI folder,SystemUI.apk and framework-res.apk to the folder of ICS Apktool
- Open a command prompt, navigate to the ICS Apktool folder then type "apktool b SystemUI". Your apk will now be compiled to "<yourICS Apktoolfolder>/SystemUI/dist" (again, you should get no errors whatsoever). DON'T USE IT YET!
- Being a system app, SystemUI.apk must first be signed with the proper keys else odds are it won't work. To do that, you need to rename the SystemUI.apk you're editing (the original one) into SystemUI.zip, open it with an archive manager then extract META-INF and AndroidManifest.xml to the "<yourICS APKtoolfolder>/SystemUI/build/apk" folder, then run the "apktool b SystemUI" command again. Your APK will now be built with the proper keys included, and is now fully functional. You may "pick it up" from the "<yourICS APKtoolfolder>/SystemUI/dist" folder;
- You can now flash the resulting (modded) apk to your device either via ADB or via a way of your choosing (.ZIP from recovery etc.).
Have fun and remember to always do a nandroid backup before messing with system files!
-A general idea of what 9.PNG images are.
READ this to know what they are and how to use draw9patch.bat.
For patching 9.PNGs go to Yorzua's thread HERE.
Note: You can either follow all the steps in his tutorial for creating the image and then use the drag and drop(7zip,winrar) method OR skip step 3 of his tutorial and compile the image along with the previously decompiled apk.In other words,if you decompile the apk,then skip step 3 and if you want to use the drag and drop method,then follow the entire tutorial of Yorzua.Usually when a simple 9.PNG patch is required,Yorzua's method can be followed,but when we are editing XML files,we need to decompile the apk and then recompile it as otherswise the XMLs wont be editable as they are encrypted).
So now that we are settled with that,let's begin the real stuff starting with the easiest :
NOTE : I ATTACHED AN EMPTY FLASHABLE ZIP FOR YOU GUYS.
After you mod your framework-res.apk, SystemUI.apk etc you need to place
them(drag and drop the modded apk's) inside the flashable file using 7zip or Winrar.
SystemUI.apk and Contacts.apk goes inside /system/app
Framework-res.apk goes inside /system/framework
After flashing any mod,dont forget to fix permissions!
If you are on a kernel other than Siyah kernel do the following steps :
-Reboot to recovery
-Mounts and storage
-Mount /system
-Flash zip
-Fix permissions
-Reboot system
ANIMATED NOTIFICATION DROPDOWN BACKGROUND
- Decompile your SystemUI.apk
- Navigate to /res/layout/ and open status_bar_tracking.XML
- Use Notepad++ to change the following lines of code.
Now add this line:
Code:
android:background="@drawable/dropanim"
to
Code:
<com.android.systemui.statusbar.phone.TrackingView android:orientation="vertical" android:paddingLeft="0.0px" android:paddingRight="0.0px" android:paddingBottom="0.0px" android:focusable="true" android:visibility="gone" android:descendantFocusability="afterDescendants"
xmlns:android="http://schemas.android.com/apk/res/android">
-The "dropanim" is basically the name of the XML file that you are gonna create next.So you can name it whatever you want.
-Save the XML file and navigate to /res/drawable
-Inside this drawable folder , make an XML file named "dropanim".
-This XML file will basically point to all your resources(images).The images should be PNG images.Depending on the number of images you use,the code will be accordingly written.From personal experience,i would say don't exceed 30-35 png image files.Also there are ways to make the animation play only once,to make it play once forward and then reverse infinite number of times.More on that a little later.
-The android:drawable="drawable/anim1" syntax points at the images.Here the image name is anim1.
-You can refer the code below for this XML file.Depending on the number of images you use,you will have to edit the code accordingly.
Code:
<?xml version="1.0" encoding="utf-8"?>
<animation-list android:oneshot="false"
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:duration="150" android:drawable="@drawable/anim1" />
<item android:duration="150" android:drawable="@drawable/anim2" />
<item android:duration="150" android:drawable="@drawable/anim3" />
<item android:duration="150" android:drawable="@drawable/anim4" />
<item android:duration="150" android:drawable="@drawable/anim5" />
<item android:duration="150" android:drawable="@drawable/anim6" />
<item android:duration="150" android:drawable="@drawable/anim7" />
<item android:duration="150" android:drawable="@drawable/anim8" />
</animation-list>
-Here the 'duration' part signifies the time lapse you want between frames in milliseconds.
-The above code is an example for 8 images.Thus there is anim1 to anim8.
NOTE: - If you want the animation to play for only once,then in the code above replace
Code:
<animation-list android:oneshot="false"
with
Code:
<animation-list android:oneshot="true"
.
-If you want the animation to play in reverse once it has reached the end then firstly keep
Code:
<animation-list android:oneshot="false"
set to false
and add the line :
android:repeatMode="reverse" after
Code:
<animation-list android:oneshot="false"
This line will make your animation play in reverse.
-Save this XML file.
-Now navigate to the drawable-hdpi folder and place your images there.
-Recompile your SystemUI.apk
-And then use ADB or a flashable zip to enjoy your newly modded and animated background!
Preview of one that i had done for Resurrection Remix:
NOTIFICATION DROPDOWN BACKGROUND MOD
So this one is something that i have been getting many requests for and although i had initially implemented it as a theme , I finally learnt how to make it as a flashable zip.Pretty easy once you know what to change.So lets get on with it.
For this particular mod you will again need to know how to compile and decompile the apk.Also needs proper knowledge of 9 PNGs.The 9.PNG concept is pretty important here as unlike the other mods,the stretching of the image takes place to a large extent to cover the entire area of the notification background,so if it not done properly,then you will see white/transparent empty spaces in the area that is hidden behind the toggles.This happens because the image didn't 'stretch' out to cover the empty part.
Here we go..
-Open Photoshop or GIMP and make the image that you want to set as you dropdown background.This must be a PNG image of size roughly around 536x398 pixels.
Ensure that when you finally save the above image,you save it with a 2 pixel transparent border at the left and right and a 2 pixel transparent border at the bottom.This is because when the picture gets stretched later on,we want the transparent bit to get stretched and not the actual picture as it will result in the distortion of the edge pixels then.If the transparent bit is stretched,there is no problem with that.
So finally after saving the image with a 2 pix border everywhere except the top,we'll get an image of 540x400 pixels.This image should be saved as notification_bg.png.
Size is not a very critical issue but if you exceed you may get a clipped picture.
-Having done that, we need to now define the stretching and content parameters using draw9patch.bat tool from the android sdk.
You can use this image as a reference on how the border pixels will have to be.This is totally upto you and you will be able to see the stretching and preview of it in the draw9patch tool.
Reference image :
{
"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"
}
-Save the 9.PNG as notification_bg.9.png.
Now we need to edit the XML files to point it to our new image.
-For this first decompile SystemUI.apk using the method and tools i explained earlier.
-Navigate to res/layout/status_bar_tracking.xml
-Open it with Notepad++ and change the following code from :
Code:
<FrameLayout android:background="@drawable/notification_tracking_bg" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0">
<com.android.systemui.statusbar.policy.WeatherText android:textAppearance="@style/TextAppearance.StatusBar.Clock" android:gravity="center" android:layout_gravity="bottom" android:paddingBottom="40.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" />
<com.android.systemui.statusbar.phone.CarrierLabel android:textAppearance="@style/TextAppearance.StatusBar.Clock" android:gravity="center" android:layout_gravity="bottom" android:paddingBottom="20.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" />
</FrameLayout>
to
Code:
<FrameLayout android:background="@drawable/notification_bg" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0">
<com.android.systemui.statusbar.policy.WeatherText android:textAppearance="@style/TextAppearance.StatusBar.Clock" android:gravity="center" android:layout_gravity="bottom" android:paddingBottom="40.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" />
<com.android.systemui.statusbar.phone.CarrierLabel android:textAppearance="@style/TextAppearance.StatusBar.Clock" android:gravity="center" android:layout_gravity="bottom" android:paddingBottom="20.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" />
</FrameLayout>
-Save the file.
-Now navigate to res/values/drawables.xml and change the line :
Code:
<item type="drawable" name="notification_tracking_bg">#d8000000</item>
to
Code:
<item type="drawable" name="notification_tracking_bg">@drawable/notification_bg</item>
-Save it.Now both your XML files point to the the correct images.
-After this simply recompile the SystemUI.apk and you are done.To flash it you can use my attached flashable zip.
-Enjoy
NAVIGATION BAR BACKGROUND MOD
-Open up Photoshop or GIMP and make your navigation bar background image that you want to use.It has to be a PNG image of about 540x70 pixels.You can take any image from the net: resize it,crop it,change the tint etc, but it needs to be roughly of that dimension.
-After you are done with that image,you will need to make another image so that it can be used in landcape mode.Now the dimension of the landscape image needs to be 70x540 pixels roughly.Usually once you are done with the portrait background,just rotate it by 90 degrees to get the landscape image.Remember that both need to be PNGs.
-Save the portrait and landscape images with any name.For example i will use "raja_nav_bg.png" for the portrait image and "raja_nav_bg_land" for the landscape image.
-Now,it's time to use those images in our SystemUI.apk.
-To do this first decompile SystemUI.apk using apktool.You will now find a SystemUI folder in your apktool path.
-Copy the two images that you made earlier and paste them in this path:
SystemUI\res\drawable-hdpi
-Now the thing is that we need to edit 3 XML files.All these XML files are located in the layout folder of SystemUI and are related to the navigation bar background.Each of them point to a hexadecimal colour code.We need to change that and make them point to a drawable resource,which in our case are the 2 images that we made.
-To do this first go to SystemUI/res/layout and open the file navigation_bar.xml with Notepad++.
-Change this line :
Code:
<com.android.systemui.statusbar.phone.NavigationBarView android:background="@drawable/nav_bar_bg" android:layout_width="fill_parent"
to
Code:
<com.android.systemui.statusbar.phone.NavigationBarView android:background="@drawable/your_portrait_image" android:layout_width="fill_parent"
Remember that in the @drawable part,we do not have to give the extension of the file.Just the file name.
-Now navigate below in the page near the Frame Layout section that says android:[email protected]/rot90 and add this to the existing code :
Code:
android:background="@drawable/your_landscape_image"
So the existing part becomes something like this after the addition :
Code:
FrameLayout android:id="@id/rot90" android:paddingTop="0.0dip" android:background="@drawable/your_landscape_image" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="fill_parent">
-Now save the XML file and close it.
-In a similar and identical manner we need to edit the navigation_bar_naked.xml and navigation_bar_search.xml.
2 edits in each of them.One near the FrameLayout for landscape and the other one at the top for the portrait image.
-After editing all the files,save them and exit.
-Now copy this changed SystemUI folder to ICS apktool folder and recompile it.Follow the steps that i stated earlier on how to recompile and you will have your modded SystemUI.apk
Then either use ADB or a flashable zip file to use the new SystemUI.apk on your phone!
A screenshot of a navigation background mod that i did for Resurrection Remix :
TOGGLES BACKGROUND MOD
Many users had requested me to put a jet black background behind the toggles instead of the zigzag lines.So here is the way to change them..
- Open up Photoshop or GIMP and make a PNG image/background of 960x180 pixels resolution.If you want it transparent then you can keep it so using Photoshop.Name this image as notify_panel_notification_icon_bg.png.
-Save it somewhere on your desktop
-Now use 7zip or Winrar to open framework-res.apk in view mode.Don't extract it.
-Navigate to framework-res.apk/res/drawable-hdpi and drag and drop the image that you made here, and by doing that you will replace the existing notify_panel_notification_icon_bg.png image of size 14x14.
-Keep the framework-res.apk somewhere safe as we shall be using this one while flashing the mod or with Adb.
So the original image was a 'tile' image of 14x14 pixels and we just replaced it with another image having a dimension of 960x180 pixels.Initially,the tile image was 'repeated' several times using a code in one of the xml files in SystemUI.apk and thus it appeared to be spread out over the area behind the toggles.We need to now disable that as we are using a background of 960x180.
-To do this we need to first decompile SystemUI.apk
-After doing so navigate to the SystemUI\res\drawable folder.
-Open status_bar_ticker_background.xml with Notepad++.
-Change the existing code from :
Code:
<?xml version="1.0" encoding="utf-8"?>
<bitmap android:src="@android:drawable/notify_panel_notification_icon_bg" android:tileMode="repeat"
xmlns:android="http://schemas.android.com/apk/res/android" />
to
Code:
<?xml version="1.0" encoding="utf-8"?>
<bitmap android:src="@android:drawable/notify_panel_notification_icon_bg" android:tileMode="disabled"
xmlns:android="http://schemas.android.com/apk/res/android" />
-Save the XML file.
Note: Incase you want to use a transparent background,then you dont have to edit the XML file as a transparent image of 14x14 pixels in the drawable-hdpi folder of framework-res.apk will give you transparent toggle background.
-After editing the above XML file , recompile SystemUI.apk.
-Now,both your framework-res.apk and SystemUI.apk have been modded and you can use them on your phone and get whatever background you desire.
A screenshot of a purely black toggle background that i made for Resurrection Remix :
PULLDOWN BAR MOD
This mod is for the bar that we get when we pull down the notification dropdown.This has been done many times before but I will share it nevertheless as some users cannot find what they want.
It is a simple mod that doesn't require editing any XML files.It does however require the patching of a 9.PNG image.
We shall be using Yorzua's method here which will help us in optimizing the 9.PNG image so that the 7zip drag-and-drop method can be used here,rather than going into the lengthy process of decompiling the SystemUI.apk,pasting the unoptimized 9.png in it and recompiling it again). 9.PNG images get optimized on recompiling,but Yorzua's link lets us use a tool which will optimize the image beforehand so that we can just drag and drop it there).
-Firstly open up SystemUI.apk with 7zip or Winrar.
-Navigate inside the drawable-hdpi folder and find the file status_bar_close_on.9.
-Drag it and drop it on the desktop.We will use this file for reference purpose while patching the 9.PNG image.
-Now open up Photoshop or GIMP and make your bar image.It should be a PNG image of around 476x42 pixels(This is variable and the width can be anything within 480 pixels and the height can be within 48 pixels).Save it as status_bar_close_on.png.
-So now we have your PNG ready and we need to make it a 9.png using the draw9patch.bat file in the Android-SDK.Many people prefer to do it with Eclipse but that's just complicated and a miserable way of doing it.
-At this stage,I expect you to have read enough about 9.PNG images from the links i gave at the start of this thread.If you haven't then go and read it as it might be a bouncer otherwise.
-Now open draw9patch.bat and drag the ORIGINAL status_bar_close_on.9.png image that you had taken from the SystemUI.apk and drop it in the tool.
-Observe how the borders of the image are and how the pixels have been drawn at all the borders.Each pixel is important and changing even one of them can result in a big visual difference.These pixels contain the stretching information and changing them can change the whole behaviour of these images.Remember the pattern and the coordinates of these pixels as you will have to need to do the same thing while patching your status_bar_close_on.png.You can change one or two pixels in the left and top border just to see how the image stretches in the right viewing pane of draw9patch tool.
-After you got an idea of these 9.png files,you have to do make the same border so that it stretches properly with your status_bar_close_on.png image.
For reference,you can use this 9.PNG file of mine also :
-After you are done patching the image properly save it as status_bar_close_on.9.png
-Open SystemUI.apk again with 7zip or Winrar and navigate to the drawable-hdpi folder.
-Drag and drop your new 9.png image that you made and overwrite the existing one.
-Close the apk.
-Your modded SystemUI.apk is now ready.
-Use ADB or a flashable zip for getting it on your phone.
A screenshot of the pulldown mod i had made for Rootbox :
SYSTEM+DIALER BACKGROUND MOD
Most people know this.It is very easy and no XML editing or 9.PNG is required.However you need Contacts.apk for changing the dialer background.
-Simply take your favourite pics of 480x800 resolution.They must be PNG images.
-For the picture that you want to use as the dialer background,name it as
background_dial_holo_dark.png.
-For the picture you want to use as System background(for example Settings background) name it as background_holo_dark.png
-You will need framework-res.apk and contacts.apk for this.
-Using 7zip or winrar open framework-res.apk and navigate to :
framework-res.apk\res\drawable-nodpi
-Drag the background_holo_dark.png that you made and drop it inside this and in doing so you will replace the existing one.
-Close the apk.
-Now open Contacts.apk with 7zip or Winrar and navigate to
Contacts.apk\res\drawable-nodpi
-Drag the background_dial_holo_dark.png that you made and drop it here and replace the existing one.
-Done.Your contacts.apk and framework-res.apk files are now modded and you backgrounds will also change.Simple,isn't it?
Some screenshots of the system+dialer background that i had made for Resurrection Remix :
LOCKSCREEN HANDLER MOD
This is again an easy mod and no skill required.
-For this mod you will need framework-res.apk
-Make 2 handler icons,one that will be normally be displayed on the lockscreen and the other that it will change to when pressed for unlocking.
-Name the 1st icon as ic_lockscreen_handle_normal.png and the second icon
as ic_lockscreen_handle_pressed.png.
-Remember that both the images need to be PNG images of 162x162 pixels.
-Now open up framework-res.apk with 7zip or Winrar.
-Navigate to framework-res.apk\res\drawable-hdpi and drag and drop the two images above inside this and replace the existing ones.
-Done,you can now close the apk and use your modded framework-res.apk.
You can find some amazing lockrings icon here.Be sure to use the HDPI ones.
A screenshot of these mods :
Nice, great work, mate!
Reserved
Haha thanks legend..forgot to reserve a post there..
SilencerOfLambs said:
Reserved
Haha thanks legend..forgot to reserve a post there..
Click to expand...
Click to collapse
he can actually delete his post
edit: whoopps. mistaken xda for another forum. dont mind me! heh
very well compiled one dude, gr8 work keep it up
Great work mate. Keep it up. :thumbup:
Sent from my GT-I9100 using Tapatalk 2
Thanks all!
You guys were solely responsible for whatever I have learnt!
SilencerOfLambs said:
Reserved
Haha thanks legend..forgot to reserve a post there..
Click to expand...
Click to collapse
Oops, sry about that.. :silly:
When's Part 2 coming?
finally the wait is over .... thanx man
LegendZenify said:
Oops, sry about that.. :silly:
When's Part 2 coming?
Click to expand...
Click to collapse
Weekend mostly
vegeta1 said:
finally the wait is over .... thanx man
Click to expand...
Click to collapse
Thanks mate!
Great tutorial! Keep it up!
I know that a lot of users will use this!
Second, I get less messages to make mods as well. Lol
Now I got more time to explore the rest of XDA
Send from the godfather of smartphones to your face!!
Vreestyle said:
Great tutorial! Keep it up!
I know that a lot of users will use this!
Second, I get less messages to make mods as well. Lol
Now I got more time to explore the rest of XDA
Send from the godfather of smartphones to your face!!
Click to expand...
Click to collapse
Haha honestly..It's much easier to guide people to a tutorial than make mods for everyone as it gets tedious..
And thanks
Fantastic tutorial...exactly what I need and very well explained...this along with Kros tutorial will hopefully help me to theme whatever I see fit! Can't wait for part 2!
Sent from my GT-I9100 using xda app-developers app
somepepe**** said:
Fantastic tutorial...exactly what I need and very well explained...this along with Kros tutorial will hopefully help me to theme whatever I see fit! Can't wait for part 2!
Sent from my GT-I9100 using xda app-developers app
Click to expand...
Click to collapse
Pleasure mate
Sent from my GT-I9100 using xda premium
Hi!
I have installed just 4fun a batman's theme. To be honest i dont like it very much. Especially because of that silly bat type icon instead of normal one on lockscreen. How can I turn the default theme back on? I am using RootBox ROM.
Sent from my GT-I9100 using xda app-developers app
Dioktis said:
Hi!
I have installed just 4fun a batman's theme. To be honest i dont like it very much. Especially because of that silly bat type icon instead of normal one on lockscreen. How can I turn the default theme back on? I am using RootBox ROM.
Sent from my GT-I9100 using xda app-developers app
Click to expand...
Click to collapse
To get your original look back,you will need to copy your original framework-res.apk,SystemUI.apk and Contacts.apk to the proper places in a flashable zip file and then flash it in CWM recovery.You can get the original files from your ROM zip.You can use the empty flashable zip file i attached in the OP.
framework-res.apk will go in /system/framework
contacts.apk and SystemUI.apk will go in /system/app
Alternatively if you only want to change the lockscreen icons,follow the steps in the OP for the lockscreen mods.
I have attached the default lock rings for you.(Just click on them and you will be able to see it.It's white so it appears invisible..)
Phew Finally
Nice work
Sorry for noob question. How can I run ICS and Original apk tool ?
Arnadel said:
Sorry for noob question. How can I run ICS and Original apk tool ?
Click to expand...
Click to collapse
Ask that question here :
http://forum.xda-developers.com/showthread.php?t=1558171
dude that's great.
could you please make a tutorial about "theme chooser" themes? you know they are really easy to implement and change.
CREDITS ARE NECESSARY
A GUIDE TO THEME STATUSBAR IN A REALLY GOOD WAY (FOR SAMSUNG PHONES)
NOTE I WONT PROVIDE ANY SCREENIES FOR EVERY LINE!! -IT WOULD BE A GOOD CHALLENGE TO THEMERS
FIRSTLY BEFORE ANYTHING REMEMBER THIS IS AN ARGB FORMATTING FOR HEX CODING OF COLOURS
{
"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"
}
I won’t show you HOW to do it I’ll just navigate WHAT files BELONG to WHAT
A Simple Example What I have themed
LET'S START
So List of Things you need
- SystemUI.apk (of your desired ROM)
- Framework-res.apk (of your desired ROM)
- Creativity (of your OWN MIND)
- APKTOOL (Apkmanager, ApkMulti-tool etc)
- Patience and Understanding
Copy your framework-res.apk and SystemUI.apk to your APKTOOL folder
Open cmd change directory (CD) to APKTOOL folder
Write this in cmd now
Code:
apktool if framework-res.apk
Decompile SystemUI.apk
Code:
apktool d SystemUI.apk
Navigate yourself to the Folder in APKTOOL folder … i.e. SystemUI
Go to /res/drawable-hdpi
We’ll start with editing the PULLDOWN BAR – NORMAL and PRESSED
This belongs to
tw_status_bar_close_off (NORMAL)
and
tw_status_bar_close_on” (PRESSED)
Click to expand...
Click to collapse
Then if you have a dual-Sim phone (just like my Grand)
You may change the SIM Switcher Backgrounds
“quick_panel_btn_default_normal.9.png”
and
“quick_panel_btn_default_press.9.png”
Click to expand...
Click to collapse
Now let’s come to Notification Expanded Background
There’s a notification_panel_bg.9.png IMG… just delete it and paste the image you want to put in background
AS
notification_panel_bg.png (Height and width should be by your phone’s resolution)
Click to expand...
Click to collapse
Now moving on to the BRIGHTNESS SLIDER ICON & BACKGROUND
This is the icon name
ic_sysbar_brightness.png
Click to expand...
Click to collapse
CONTINUED ON NEXT POST
For Background Navigate to – /res/layout
Open this file with notepad++
tw_status_bar_expanded.xml
Click to expand...
Click to collapse
(For dual phones)
tw_status_bar_expanded_dual.xml
Click to expand...
Click to collapse
Find (ctrl+f)
Code:
android:id="@id/brightness_controller"
Now you have to options … you can use directly COLOR (#argb)
USE HEX COLOR CODE TO SIMPLY CHANGE the BACKGROUND COLOUR
Edit
Code:
android:background=”#FF1e1e1e”
to ANY HEX COLOR CODE YOU WANT
OR Redirect it to an image by changing the HEX COLOR code to
Code:
android:background="@drawable/brightness_slider"
and paste your brightness_slider background of 480x56px (varies on different resolution – divide 480 by 1.5 and 56 by 1.5 for MDPI)
To drawable-hdpi
NEXT IS HEADER of the NOTIFICATION BAR (Might be the most wanted Editing)
Navigate to res/layout
tw_statusbar_expanded_header.xml
Click to expand...
Click to collapse
Probably the SECOND line of the XML would be for background (MAY VARY TO OTHER XMLS)
Change the
Code:
android:background="#ff000000"
to a color code of your choice or simply redirect it to an image
by changing the HEX code to
Code:
android:background="@drawable/notification_header_bg_exp"
and put your image file of 407x52 with the name
notification_header_bg_exp.png in drawable-hdpi
Now LETS move on to Some Small Changes
Navigate to res/Values
Open Colors.xml
Change HEX CODE for CLEAR BUTTON TEXT
Code:
<color name="tw_status_bar_clear_btn_text">#ff000000</color>
Open drawables.xml
Change the HEX CODE for HEADER OF STATUSBAR BACKGROUND
Code:
<item type="drawable" name="status_bar_background">#ffffffff</item>
Change the HEX CODE for NOTIFICATIONs BACKGROUND
Code:
<item type="drawable" name="tw_notification_background_null">#ffffffff</item>
<item type="drawable" name="tw_notification_background_pressed">#ff6b6b6b</item>
THAT'S ALL FOR SYSTEMUI.APK
Compile SystemUI.apk
Code:
apktool b SystemUI
then
Copy the META-INF folder and AndroidManifest.xml from original to the new APK using WINRAR/7-zip
Lets go to framework ... CONT on NEXT POST
Decompile framework-res.apk
Code:
apktool d framework-res.apk
Navigate to res/values/styles.xml
FIND
Code:
<style name="TextAppearance.StatusBar.EventContent" parent="@style/TextAppearance.StatusBar.EventContent">
Change the HEX code of <item name="android:textColor">#ffffffff</item> to your CHOICE Color
Probably the next line would be
Code:
<style name="TextAppearance.StatusBar.EventContent.Title" parent="@style/TextAppearance.StatusBar.EventContent.Title">
Change the HEX code of <item name="android:textColor">#ffffffff to your CHOICE Color
Okay so, let’s move on the Notification bar COMMON icons ( missed calls etc)
you would find some files related
Code:
stat_notify_*.png
change them for their respective icons
Recompile the framework-res.apk
Code:
apktool b framework-res
Copy the META-INF folder and AndroidManifest.xml from original to the new APK using WINRAR/7-zip
So That's It for now .... Thanks and Regards
Great guide bro, but should be in themes n apps section
Chotudevil says
chotu222 said:
Great guide bro, but should be in themes n apps section
Chotudevil says
Click to expand...
Click to collapse
Oops my mistake. .. let the MOD Move the Thread
This is preety good concept
But I am confused with how should I start... I hav downloaded apkmultitool
Sent from my GT-I9082 using Tapatalk 2
awesome tutorial.
Resonance28295 said:
This is preety good concept
But I am confused with how should I start... I hav downloaded apkmultitool
Sent from my GT-I9082 using Tapatalk 2
Click to expand...
Click to collapse
Open multi tool ... install framework-res.apk
decompile system ui.apk
decompile framework-res.apk
start your work
very very good tutorial ...
Sent from my GT-I9082 using xda premium
Can anyone make a sony xperia theme for galaxy grand (I mean original same as xperia z or sl) Thnx in advance!
:fingers-crossed:
Thanks !
Create your own Xperia™ Theme
[Now no need to wait for new themes to come up. Have a look/colour in your mind? Want to have a special theme for yourself? Then why to be dependent upon others? Do it all by yourself with the help of my guide.]
Hello,
I made this guide because there was no official documentation or how to about this. I have gone through the official themes + few other themes from market and got the idea from them.
I have myself tested this guide before posting so its 100% working. I have Stock Xperia Google Android 4.3.
If you just want to change System Accent Colours and/or App BG, Navigation Bar BG, etc. then try this Xposed Module of mine.
Xperia Themes - Xposed Module
Note :
Code:
At the time of writing this guide I assume that you have a basic knowledge of Android Developers Tool[ADT]. I also assume that you are familiar with Android apps and their development process.
What things you gonna need to follow my tutorial :
A computer / laptop [seriously speaking it's one of the most important thing lol. ]
Java installed and added to environment path[if you are windows user like me]
ADT + Eclipse [I recommend ADT bundle]
Theme files [check attachment for these]
My guide for sure.
Time and Brain.
FOR FAQ'S PLEASE READ POST #3 BEFORE ASKING THE ALREADY ANSWERED QUESTIONS AGAIN.
The guide / tutorial starts now :
PART ONE : CREATE XPERIA THEME, CHANGE SYSTEM COLOURS.
Start/open ADT
Go to File > New > Android Application Project
{
"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"
}
Give your desired name to the Theme, The Android Application Project.
Give your desired package name to the app.
Set Minimum Android Requirement to Android Jelly Bean 4.3 and Maximum to Android Kitkat 4.4/4.4.2
In the next screen un-tick the option to add app icon and Activity
Choose the workspace folder else tick to set the default one.
Now open AndroidManifest.xml and add this Permission :
Code:
<uses-permission android:name="com.sonymobile.permission.RUNTIME_SKIN" />
Now replace the <Application ...></application> Node with this code :
Code:
<application
android:label="@string/semc_theme_title"
android:icon="@drawable/semc_theme_lockscreen_wallpaper"
android:allowBackup="false">
<uses-library android:name="com.sonymobile.runtimeskinning" />
<meta-data
android:name="com.sonymobile.runtimeskinning.core.image_wallpaper"
android:resource="@drawable/semc_theme_wallpaper" />
<meta-data
android:name="com.sonymobile.runtimeskinning.core.lockscreen_background"
android:resource="@drawable/semc_theme_lockscreen_wallpaper" />
</application>
Please note : You may change the theme icon.
Now just after
Code:
<uses-permission android:name="com.sonymobile.permission.RUNTIME_SKIN" />
Add this block of code :
Code:
<runtime-skin version="1">
<asset path="android.zip" target="android">
<laf-version-filter from="1" to="1" />
</asset>
<asset path="com.sonyericsson.uxp.zip" target="com.sonyericsson.uxp">
<laf-version-filter from="1" to="1" />
</asset>
</runtime-skin>
Please note : You will need to push android.zip & com.sonyericsson.uxp.zip files with all theme resources to the asset folder.[You can find these two in attachments]
Note :You can add asset reference for more apps as you extend the theming support.
For Example you can add this to add support for theming SystemUI.apk :
Code:
<asset path="com.android.systemui.zip" target="com.android.systemui">
<laf-version-filter from="1" to="1" />
</asset>
Also note that you will need to push com.android.systemui.zip file with all theme resources to the asset folder.
Now save AndroidManifest.xml
You will get errors. Nothing to worry. Its known and easy to fix.
Open themeProject > values > strings.xml
Change
Code:
<string name="[COLOR=Red]app_name[/COLOR]">Pink</string>
To
Code:
<string name="[COLOR=Red]semc_theme_title[/COLOR]">Pink</string>
Save and close the file.
Now Reopen AndroidManifest.xml
Left Click in between the texts underlined with red, then Right Click and press "Quick Fix" in the pop-up menu. Then You will see a new pop-up menu as in the pic below. Then click on "Disable Check in This Project"
To correct the errors in Application node move Wallpaper and icon pictures to drawable-xxdpi according to your need.
Now download "XperiaThemesApktoolbySArnab©®" zip file from the attachments below and extract it at your desired location.
I specially made this Apktool set folder for Xperia™ Themes.
Inside the extracted folder you will find Apktool files for Windows OS[Linux and MAC users you need to replace Windows specific files with your OS's files.] along with Xperia™ Apps specific folders for making Xperia™ Themes.
All you need to do is add assets to this folders and use provided Apktool to recompile them. They will be automatically get compiled as .zip file instead of .apk file as .zip file is needed for Xperia™ Themes.
In android folder :
You need move theme png resources if you want to change the look, into respective drawable folders.
FOR THIS FOLLOW THE PART TWO OF THE GUIDE IN POST #2
In com.sonyericsson.uxp folder :
You need to edit res > values > colors.xml as per your theme colour preference.
Now when you think you are ready to create the theme use Apktool[Or your desired tool] to recompile android, com.sonyericsson.uxp and all other app specific folders from "XperiaThemesApktoolbySArnab©®".
[*]Now Move all the zip files from specific folders to the assets folder of your project.
[/LIST]
When everything is set your theme project tree should be like this to great extent.
Test the theme through Eclipse else export by signing and share your masterpiece with others.
GUYS AM ATTACHING MY THEME SOURCE SO THAT YOU ALL CAN GO THROUGH THAT IF YOU FELL INTO SOME PROBLEM.
PLEASE RATE THE THREAD WITH 5 STARS IF YOU THINK MY GUIDE IS HELPFUL.
ALSO CLICK ON TIP US SO THAT THIS GUIDE CAN COME UP ON XDA PORTAL.
ADD A LINK TO THIS THREAD IN YOUR SIGNATURE TO EXTEND THE NEWS OF THIS THREAD AND ALSO TO SHOW YOUR SUPPORT.
THANK-YOU.
Update 1 : I have updated the guide at places where users were having problem following it.
I have also added special Xperia Themes ready apktool folder with app specific folders to make it easier to create Xperia Themes.
CREDITS :
@funky0308 [IT WAS HE WHO GAVE ME THE IDEA TO EDIT ASSETS FILES THROUGH HIS GUIDE OF EDITING XPERIA THEMES]
SONY FOR THIS AWESOME OPTION TO THEME OUR MOBILE. @SArnab©® [THAT'S ME] FOR CREATING THIS WHOLE GUIDE.
Adding Image and drawable resources into your Xperia theme.
PART TWO : ADDING DRAWABLE PNGS AND JPEGS TO YOUR XPERIA THEME.
THIS PART OF MY GUIDE WILL HELP YOU IN ADDING IMAGES TO YOUR THEME TO CHANGE THE LOOK TO THE GREATEST POSSIBLE WAY.
BEFORE I START, I WANT YOU ALL TO KNOW ONE SIMPLE THING. IN THIS GUIDE HERE I WILL BE SHOWING YOU HOW TO ADD THEMED IMAGES IN FRAMEWORK APK. THE SAME PROCEDURE WORKS FOR XPERIA HOME AND SYSTEM-UI APK. SO PLEASE DO NOT ASK SILLY QUESTIONS AS HOW TO THEME STATUS-BAR ICONS AND ETC. , ETC.
FOLLOW UP FROM HERE AND SOON YOU WILL BE MAKING PROFESSIONAL THEMES ON YOUR OWN.
STEPS :
De-compile "framework-res.apk"
Open up framework-res/res/drawable-hdpi/ [Or whatever dpi your device supports]
NOTE : HERE I WILL SHOW YOU HOW TO CHANGE :
APPS BACKGROUND
VOLUME BAR SCRUBBER
You can replace any drawable present in this folder. But we are going to change the background images only for this time.
If you go down you will find two pngs named : "semc_bg" & "semc_bg_light". These are the Pngs that we need to replace to replace the App's background.
Now download/create/paint or do whatever you want and get hands on two different pngs, one for Dark Theme [ Like Settings in Android 4.1.x/4.2.x in Sony ] and another for Light Theme [ Like Settings in Android 4.3 in Sony ] and rename them to "semc_bg" & "semc_bg_light" respectively.
Move the two newly renamed pngs to the respective drawable-xxdpi folder of the android folder that you had previously downloaded from the above post : apktool/android/drawable-hdpi/here
NOTE : YOU NEED TO PLACE ALL YOUR DESIRED IMAGES INTO RESPECTIVE DRAWABLE-FOLDERS.
Now you need to do the same thing to theme Scrubbers.
Once you are ready with all the pngs continue with rest of the guide in post #1.
FAQ'S :
Q. HOW TO THEME SYATEMUI?
ANS. FOLLOW THESE STEPS :
Download and extract "XperiaThemesApktoolbySArnab©®" zip file from the attachments in 1st post [You don't need to do it again if you have already done so while following Post #1.].
Open com.android.systemui folder.
Add your desired resources in res/drawable-yourdevicedpifolder.
If you want to change colour then add values folder inside res folder. Create colors.xml file and add color code.
Recompile and copy paste the newly created .zip file from "XperiaThemesApktoolbySArnab©®/com.android.systemui/dist/here" to the assets folder of your Theme Project.
Q. HOW TO THEME ANY OTHER SYSTEM APP?
ANS. FOLLOW THE ABOVE STEPS WITH FEW CHANGES SUCH AS :
I have added options to theme other system apps in my new attachment named "XperiaThemesApktoolbySArnab©®.zip" in 1st post.
Q. HOW TO ADD SUPPORT FOR DIFFERENT APPS THEMEING?
ANS. YOU CAN THEME ALL THE APPS INSTALLED IN YOUR DEVICE. TO DO THAT YOU NEED TO PERFORM 2 ACTIONS.
1. ADD THIS BLOCK OF CODE TO THE MANIFEST FILE SO THAT THE THEME MANAGER KNOWS WHICH APPS ARE SUPPORTED BY YOUR THEME APP :
Code:
<asset path="[COLOR="Red"]com.android.systemui.zip[/COLOR]" target="[COLOR="red"]com.android.systemui[/COLOR]">
<laf-version-filter from="1" to="1" />
</asset>
THE ABOVE CODE ADDS SUPPORT FOR SYSTEMUI THEMEING.
TO SUPPORT OTHER APPS JUST CHANGE THE TEXTS IN RED.
FOR EXAMPLE FOR SETTINGS APP :
Code:
<asset path="[COLOR="Red"]com.android.settings.zip[/COLOR]" target="[COLOR="red"]com.android.settings[/COLOR]">
<laf-version-filter from="1" to="1" />
</asset>
FOR THIS YOU NEED TO KNOW THE PACKAGE NAME OF THE APP YOU WANT TO THEME.
2. YOU NEED TO CREATE A APP.PACKGANE.NAME.ZIP FILE WITHH ALL THEME RESOURCES FOR THAT CONCERNED APP AND MOVE THE ZIP FILE TO ASSETS FOLDER OF YOUR PROJECT.
PLEASE NOTE THE NAME OF ZIP FILE MUST BE SAME AS STATED IN MANIFEST.
Well done bro
Going to try it asap
dipesh1502 said:
Well done bro
Going to try it asap
Click to expand...
Click to collapse
Sure, go forward and do share whatever you come up with.
I will update the guide very soon to show how to add resources and add more apps support.
Sent from my C2004 using Tapatalk
great one!!
nice
---------- Post added at 12:28 PM ---------- Previous post was at 12:23 PM ----------
SArnab©® , can u help me find a link for starting cm9/10 themes for galaxy devices ? am intrested in theming
Wow, THIS is a guide, many thanks for that. I downloaded the theme for my wife - she loves pink.
Awsm work arnab!! thanks for creating such a comprehensive guide.
nice guide
btw to be able to install theme do we still need root (superuser mod etc???)????
Sahaab said:
nice guide
btw to be able to install theme do we still need root (superuser mod etc???)????
Click to expand...
Click to collapse
No special requirements.
If your device supports third party theme downloading then the themes you make will also run easily.
Xperia M was not able to install any 3rd party themes.
Used theme fixer and now I can install any number of theme without superuser mod.
SArnab©® said:
No special requirements.
If your device supports third party theme downloading then the themes you make will also run easily.
Xperia M was not able to install any 3rd party themes.
Used theme fixer and now I can install any number of theme without superuser mod.
Click to expand...
Click to collapse
whats theme fixer??
Edit: oh ok found it, sorry
Edit 2: it looks like it needs root?
Edit 3: haha too many edits, and yep a post says root needed so still to no help :-/
Sahaab said:
whats theme fixer??
Edit: oh ok found it, sorry
Edit 2: it looks like it needs root?
Edit 3: haha too many edits, and yep a post says root needed so still to no help :-/
Click to expand...
Click to collapse
Yeah if your device is not able to install 3rd party themes by default then you need to root it and then enable theme installation.
This didnt really worked.
i used you're Pink theme source but when i only edited the colors from Pink to red nothing changed after applying the theme.
ofcourse i used a NON rooted Xperia phone so i couldnt logcat that .
the Android version used was 4.4.2 on a xperia z1.
SpaceCaker said:
This didnt really worked.
i used you're Pink theme source but when i only edited the colors from Pink to red nothing changed after applying the theme.
ofcourse i used a NON rooted Xperia phone so i couldnt logcat that .
the Android version used was 4.4.2 on a xperia z1.
Click to expand...
Click to collapse
Try the pink theme once if that works or not.
If not then provide me any stock theme of kk n I assure you to make it work for kk.
Sent from my C2004 using Tapatalk
SArnab©® said:
Try the pink theme once if that works or not.
If not then provide me any stock theme of kk n I assure you to make it work for kk.
Sent from my C2004 using Tapatalk
Click to expand...
Click to collapse
thanks will try
Sent from my S500 using xda app-developers app
More guides the better. :good:
That’s to take one’s hat off !!
This is definitely the kind of thread we want to see... Leaves us hungering for more knowledge!!!
Thank you!
Awesome
Awesome job. Tutorial is very good and helpful to everyone.
Kudos to OP and XDA. All the best!!! :good:
Great TUT mate...don't know how I didn't see it earlier but never mind.
Easy to follow and it's actually something new - not copy/past old TUT...
Great
?
Sent from my C6903 using Tapatalk
{
"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"
}
Intro : After publishing my Colored-Music-Project , I’ve decided to publish the tutorial so everyone can make their own favorite color .
What You Need :
PC .
Apktool .
Notepad++ .
Photoshop Or Any Similar Software .
Downloads :
Music App - Apkmirror .
PNGs Pack - Press Me .
How To :
1. Install Apktool or AdvancedApkTool .
2. Install XZ3+ Framework Or Any Lollipop Framework Files & SemcGenericUxpRes.apk .
3. Decompile Music.apk .
4. Navigate to Res/Values/Colors.xml .
5. Edit the following values :
- material_primary_dark : Use Dark Color .
- mini_player_progress_bg : Use Dark Color .
- primary_material_dark : Use Dark Color .
- material_accent : Use Light Color .
- material_primary : Use Light Color .
- mini_player_progress_fill : Use Light Color .
- primary_material_light : Use Light Color .
- player_progress_background : Use Light Color .
6. UnZip the Assets.zip file .
7. Re-Color the following files with the light color :
- fastscroll_thumb_default_holo.png
- fastscroll_thumb_pressed_holo.png
- fastscroll_track_default_holo_dark.9.png
- fastscroll_track_pressed_holo_dark.9.png
- play_me_something_fab_default.png
- play_me_something_fab_focused.png
- play_me_something_fab_pressed.png
8. Re-Color the following files with a darker by 30% Color :
- music_playview_progress_dot.png
- music_playview_progress_dot_pressed.png
- progress_bg.9.png
- progress_primary.9.png
- scrubber_primary_mtrl_alpha.9.png
- scrubber_track_mtrl_alpha.9.png
9. Compile the apk & sign it with testkeys .
Notes :
Do NOT Color the Black 9.PNG borders , they are used to auto-resize .
Don’t forget to make a shadow for " play_me_something_fab " icons .
I Have put a 3 DPIs ( HDPI/XHDPI/XXHDPI ) , Select the DPI files you want then mod them after that replace themwith the original ones .
How To Make Music App Color Change According To Theme
Bugs :
The App MAY Force-Close .
[*]It’s not supported in LL anymore ( the code gives FC - any advice for this, im waiting ) .
Putting my name in Credits when you use this guide won't harm you
How To :
Kitkat / JB
Open The XML File You Want To Edit. ( Colors.xml / Drawables xml files ) .
The Line ( The Color Line ) You Wanna Edit, Replace The Hex Code With This :
HTML:
@com.sonyericsson.uxp:color/somc_theme_accent_color_light
.
Or
HTML:
@com.sonyericsson.uxp:color/semc_theme_accent_color
Replace What You Wanna Replace With The Code.
Go To Apktool.yml, Add " -2 " to " framework " section .
Compile .
Sign .
LP - Editing Hex Code
Open The XML File You Want To Edit. ( Colors.xml / Drawables xml files ) .
The Line ( The Color Line ) You Wanna Edit, Replace The Hex Code With This : [HTML @ANDROID:color/color[/HTML] ( See down for linking it )
Replace What You Wanna Replace With The Code.
Go To Apktool.yml, Add " -2 " to " framework " section .
Compile .
Sign .
Replace color at @ANDROID:color/color with one of these lines, every each of them define a different color, the themer define the color in the theme ( depend on the themer if he made them all the same color ) .
HTML:
somc_color_dark_primary_dark
somc_color_accent_light
somc_color_primary_light
somc_color_dark_primary_light
somc_color_accent_dark
somc_color_primary_dark
LP - Linking Image To A Color Accent
Rename The Drawable, And Add " Colored " to it, Example :
HTML:
image_light.png => image_colored.png ~ image_dark.png => image_colored.png
Create an XML file with notepad++ and name it on the previous name of the drawable, Exmple
HTML:
image_colored.png was image_light.png then the xml name will be image_light.xml, same for dark
Copy & Paste this into the xml file
HTML:
<?xml version="1.0" encoding="utf-8"?>
[*]<com.sonyericsson.uxp.drawable.ColorizableDrawable somc:drawable="@drawable/image_colored" somc:color= [user=5711379]@ANDROID[/user]:color/[COLOR="red"]color[/COLOR]"
[*] xmlns:android="http://schemas.android.com/apk/res/android"
[*] xmlns:somc="http://schemas.android.com/apk/res/com.sonyericsson.uxp" />
Replace " image_colored " with the image_colored name that you made it .
Do the same for the others .
Go To Apktool.yml, Add " -2 " to " framework " section .
Compile & Sign .
Replace color at @ANDROID:color/color with one of these lines, every each of them define a different color, the themer define the color in the theme ( depend on the themer if he made them all the same color ) .
HTML:
somc_color_dark_primary_dark
somc_color_accent_light
somc_color_primary_light
somc_color_dark_primary_light
somc_color_accent_dark
somc_color_primary_dark
Works On :
JB 4.3 .
KK 4.4.x .
LP .
Not Tested :
JB 4.1 .
JB 4.2 .
Related Threads :
How To Fully Theme Music App .
Project Music - 5 Colors .
Looking forward to v2, it has been needed from first release of the 'music' app!
Nice bro @abo hani
Sended From My Z3 On Moonwalker Provolution V1.5 To Your Eyes !
great tut brov.... waiting anxiously for v2 tut (theme accent)
thanks
it would be nice if you create an exposed module to theme the music app
venom007 said:
it would be nice if you create an exposed module to theme the music app
Click to expand...
Click to collapse
Working on it , just before im gonna make a guide for According-to-Theme
does the phone need to be rooted in order to do this.
kstanley7 said:
does the phone need to be rooted in order to do this.
Click to expand...
Click to collapse
Nope, it works on unrooted devices .
buddy hope yhu vent forgotten dis?
still waiting
can you upload the modded apk with all colours? We do all more faster
DavideSony said:
can you upload the modded apk with all colours? We do all more faster
Click to expand...
Click to collapse
See my threads , i have made more than 3 colors
abo hani said:
See my threads , i have made more than 3 colors
Click to expand...
Click to collapse
please brov... dnt forget tha guide yhu wanna post!!!
there is updated walkman & thread not updated.
whalesplaho said:
please brov... dnt forget tha guide yhu wanna post!!!
there is updated walkman & thread not updated.
Click to expand...
Click to collapse
Electricity : 2 hours in the whole day , imagine this
Gonna update it when i got more electricity hours :silly:
abo hani said:
Electricity : 2 hours in the whole day , imagine this
Gonna update it when i got more electricity hours :silly:
Click to expand...
Click to collapse
wooooooooopssss..... sao bad brov!!!!
its okay.. thanks!
Sorry guys, Changing Color According To Theme is now disabled in LL, Works only in JB/KK.
Don’t forget the Thanks button
abo hani said:
Sorry guys, Changing Color According To Theme is now disabled in LL, Works only in JB/KK.
Don’t forget the Thanks button
Click to expand...
Click to collapse
wooooooopsss..... dis is bad!
wish i could help!
abo hani said:
Sorry guys, Changing Color According To Theme is now disabled in LL, Works only in JB/KK.
Don’t forget the Thanks button [emoji14]
Click to expand...
Click to collapse
Hey bro my phone non rooted. But I want to app.. Any plan officl app??
Xperia Z2 ™
yakupTR said:
Hey bro my phone non rooted. But I want to app.. Any plan officl app??
Xperia Z2 ™
Click to expand...
Click to collapse
You don’t need Root to install my modified Music App .
abo hani said:
How To Make Music App Color Change According To Theme
Bugs :
It MAY Force-Close .
It’s not supported in LL anymore ( the code gives FC - any advice for this, im waiting ) .
How To :
Open res/values/colors .
The Line You Wanna Edit, Replace The Hex Code With This :
HTML:
@com.sonyericsson.uxp:color/somc_theme_accent_color_light
.
Replace What You Wanna Replace .
Go To Apktool.yml, Add " -2 " to " framework " section .
Compile .
Sign .
Works On :
JB 4.3 .
KK 4.4.x .
Not Tested :
JB 4.1 .
JB 4.2 .
Click to expand...
Click to collapse
music app update d to 9.0.3.A.1.0beta with a white baground.
can you please provide a tutorial to make it black like the old ones.