Well, hello, i hope this wasn't posted before, but i certainly didn't found it here, so i had to test it many times to make sure it worked.
May work on all MDPI devices, but since i only own the wt19i, i can't tell for sure.
Now to the main subject:
Needed Tools:
Rooted Phone
CWM
APK Tool
SystemUI.apk
framework-res.apk
SemcGenericUxpRes.apk
ZIP-Capable archiver
Notepad++ or any good text editor
Brain (is a MUST)
Also you may want to download a couple of CWM-flashable files:
1.- Stock (clean/unmodded) SystemUI.apk, (this in case something goes wrong)
2.- Example SystemUI.apk
Basic Step by Step Setup:
1.- After you've download APKTool, unzip it wherever you like
2.- Copy and paste all 3 apk files on APKTool's folder (see attachments for files)
3.- Shift + Right Click on any empty part of APKTool's folder
4.- Click on "Open Command Window Here"
Once the comand prompt is open, type the following (press enter after typing each line):
Code:
apktool if framework-res.apk
apktool if SemcGenericUxpRes.apk
apktool d -f SystemUI.apk
Don't close the command prompt window yet
This will get us the resources and decompile the stock SystemUI,apk, we'll also get a new folder named SystemUI
Step by Step Editing:
1.- Inside SystemUI folder, go to into these subfolders: smali/com/android/systemui/statusbar
2.- Open StatusBar.smali with your text editor (Right click -> choose your editor)
3.- Go to line 388 (or search for the stated code), it must be
Code:
const/16 v16, 0x4
4.- Replace it with
Code:
const/16 v16, -0x3
This makes transparency possible
5.- Save and close the file
6.- Now go back to the SystemUI folder and go into these subfolders: res/values
7.- Open drawables.xml with your text editor
8.- Edit the parameters as you like, here goes the explanation:
{
"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"
}
(if the image doesn't appear above this line, sorry. Check attachment for explanation)
NOTE: If you're using the SystemUI.apk that comes with QuickPannel and want to make it transparent, you need to do This
Thanks to Jobayer for sharing this info
As for the color codes, they're in hexadecimal format, they go from 00 (0) to FF (255) and they come in pairs:
example: #00112233
00 defines transparency, 00 is totally transparent, FF is totally opaque
11 defines the ammount of red, 00 has no red, FF is this
22 defines the ammount of green, 00 has no green, FF is this
33 defines the ammount of blue, 00 has no blue, FF is this
FF000000 means it's totally black opaque
80000000 it's 50% opacity black
80FFFFFF it's 50% opcity white
80FF0000 it's 50% opacity red
Click to expand...
Click to collapse
9.- Save and close your file
Now compile back the SystemUI.apk:
This is kinda complex, but if you're here already, should be a walk in the park
1.- First, we need to use the command prompt from before (you didn't close it, did you?)
2.- Now we'll make the build files by using this line on the command prompt:
Code:
apktool b -f SystemUI.apk
(thanks nik2808 for pointing a mistake i made with the code)
3.- Now we go back to the APK Tool folder and rename the SystemUI.apk to SystemUI.zip
4.- Open SystemUI.zip
5.- From the ZIP, copy the META-INF folder and the AndroidManifest.xml file to SystemUI/build/apk subfolder
6.- Repeat step 2, this will get us a signed SystemUI.apk file
You can close the command prompt window now, the signed file will be on SystemUI/dist subfolder
Once you got your customized SystemUI.apk, you can install it by:
1.- using any file explorer, replace the one on your system folder with the new one, change the permission to Read (all) Write (owner only) Execute (none) and reboot your phone
2.- open the demo flashable zip and replace SystemUI.apk with the new one, then flash it with CWM, no need to wipe anything
Man, writting all this was quite long...
BONUS: To get any color you like easily
1.- open Paint (yeah, the windows thingy)
2.- go to Edit Colors
3.- chose any color you like
4.- you'll see "Red Green Blue" values on the lower left, these are the DECIMAL codes for your color
5.- open the Calculator and switch it to Programmer (alt + 3)
6.- make sure DEC is selected on the right pannel
7.- type the DECIMAL value for RED color
8.- press HEXA on the right pannel, this will get you the HEXADECIMAL code for RED in your color
9.- Repeat 6 to 8 for GREEN and BLUE and you'll have your code.
Example: Yellow will be FFFF00
Now you need to decide the opacity from 00 (transparent) to FF (opaque) and use that code on the beginning.
Example: 50% transparent Yellow will be 80FFFF00
Now use that code on the desired spot and voilà
Full Transparent code is 00
25% opaque is 40
50% opaque is 80
75% opaque is C0
100% opaque is FF
I hope you guys find this post useful, thanks for reading, and sorry, it's long and my english sucks nowadays...
If you test this on a different phone model and it works, let me know so i can add it to the list of "working in..." list
Great job... :good:
The only "problem" I see with transparent expanded contents is when draging to close expanded bar, the carrier label overlaps notifications and/or header.
Yup like the problem serajr stated,it would be really perfect if you could fix this.
But anyway, nice tutorial friend !
you guys mean when you're closing the expanded notifications, and the carrier name is shown "over" the info / status bar?
It's a side effect of notification_item_background_color being transparent. Even tho the carrier is in a layer "behind" the items, as they're transparent, the carrier is seen (so it's actually an "underlap"?). In terms of layers, the general background is under everything, then it comes items (and separators), then status bar at the top of the "stack"
I don't know how to fix it (or if it can be fixed), i think i should install any other transparent-looking SystemUI and check if the same happens
And yep Serajr, it may be a problem if you have many items displayed, the carrier will still be visible
I'll see if i can find a way to fix or improve it.
Thanks for the feedback
hi :;
Can we do this HTC One V style SystemUI ????
Home Screen %50 tranparent Statusbar Black
.apk
HTC one V systemUI
https://docs.google.com/folder/d/0B...edit?pli=1&docId=0B4SPXehz_WNhTXRCT2hNX0Y4aWs
@Serajr & Kokzhanjia: Tried another transparency mod and the problem is still present, check attachment to see it
An option would be to delete the operator from showing, maybe?
I think there may be a way to make it disappear while scrolling... i wonder if i may get it right...
@Orochixxx: i kinda didn't get your request.
you want me to mod Sony's SystemUI to look like HTC?
or you want me to edit HTC to be transparent?
If it's the 1st, as far as i know, you can only set a global transparency, it doesn't have separate settings for statusbar for home and status screeen, it's the same setting for both cases, so it can't be done (or at least not yet).
The Quicksettings are present in other mods, but horizontally instead of vertically. As of now, i don't know if they can be rearranged to match that look, sorry.
For a look on how it may look, i suggest you to check Jobayer's Mod, it has transparency and quicksettings, and he has the GPS bug fixed
if it's the 2nd, as far as it has the same structure files, i may try it, but i won't be able to test it myself (nor i know if CWM works on HTC phones)
Quick Panel
How to make a quick panel transparent?
toni.wijayanto said:
How to make a quick panel transparent?
Click to expand...
Click to collapse
Edit stat_power_bg.png and stat_power_bg_touch.png in Photoshop and make it transparent as much as you want
Sent from my ST15i using xda premium
jobayer said:
Edit stat_power_bg.png and stat_power_bg_touch.png in Photoshop and make it transparent as much as you want
Sent from my ST15i using xda premium
Click to expand...
Click to collapse
Thanks.....
GSUKeitarou said:
@Serajr & Kokzhanjia: Tried another transparency mod and the problem is still present, check attachment to see it
An option would be to delete the operator from showing, maybe?
I think there may be a way to make it disappear while scrolling... i wonder if i may get it right...
@Orochixxx: i kinda didn't get your request.
you want me to mod Sony's SystemUI to look like HTC?
or you want me to edit HTC to be transparent?
If it's the 1st, as far as i know, you can only set a global transparency, it doesn't have separate settings for statusbar for home and status screeen, it's the same setting for both cases, so it can't be done (or at least not yet).
The Quicksettings are present in other mods, but horizontally instead of vertically. As of now, i don't know if they can be rearranged to match that look, sorry.
For a look on how it may look, i suggest you to check Jobayer's Mod, it has transparency and quicksettings, and he has the GPS bug fixed
if it's the 2nd, as far as it has the same structure files, i may try it, but i won't be able to test it myself (nor i know if CWM works on HTC phones)
Click to expand...
Click to collapse
Well.. In my SystemUI v4 mod (Xperia T Tabbed 'n' Grid Toggles) when Quick Panel Tab is selected, the carrier label is hidden.
I think I can do the same when startusbar is about to be collapsed (closed). I need to try it, then I report you here, ok?
jobayer said:
Edit stat_power_bg.png and stat_power_bg_touch.png in Photoshop and make it transparent as much as you want
Sent from my ST15i using xda premium
Click to expand...
Click to collapse
Thanks for pointing that out, since mine it's stock SystemUI, i had no idea how to do it
serajr said:
Well.. In my SystemUI v4 mod (Xperia T Tabbed 'n' Grid Toggles) when Quick Panel Tab is selected, the carrier label is hidden.
I think I can do the same when startusbar is about to be collapsed (closed). I need to try it, then I report you here, ok?
Click to expand...
Click to collapse
Wow, that'd help a lot, thanks
I have a question, i did everything like the post says for the transparency, and the transparency is not working, could some somebody help me with a solution? i did everything with apk multi tool, i will apreciate an answer. Thanks.
I think for compiling it's
apktool b -f "Path of SystemUI Folder" New_SystemUI.apk
not
apktool d -f SystemUI.apk
nik2808 said:
I think for compiling it's
apktool b -f "Path of SystemUI Folder" New_SystemUI.apk
not
apktool d -f SystemUI.apk
Click to expand...
Click to collapse
ouch!, you're right, my mistake, thanks for telling me
GSUKeitarou said:
ouch!, you're right, my mistake, thanks for telling me
Click to expand...
Click to collapse
your always welcome..
dist folder does not appear
single folder build/apk/classes.dex
how do i get 100% transparency?
daydu19 said:
how do i get 100% transparency?
Click to expand...
Click to collapse
replace the hex code with this one #00FFFFFF
jobayer said:
replace the hex code with this one #00FFFFFF
Click to expand...
Click to collapse
I tried and got this
daydu19 said:
I tried and got this
Click to expand...
Click to collapse
did you change the statusbar.smali with -0X3??
Related
Team Xposed at it again with another mod for all of you. This time it is transparent notification pulldowns. "Sharing is caring."
Step 1: Decompile SystemUI.apk with apktool, apk manager, or baksmali.
Step 2: Navigate to \com\android\systemui\statusbar\StatusBarService.smali
Step 3: Open StatusBarService.smali in Notepad++ or any other qualified text editor.
NOTE: Notepad and Wordpad will not edit the file properly.
Step 4: Search for:
Code:
.local v7, view:Lcom/android/systemui/statusbar/StatusBarView;
Look below at:
Code:
const/4 v1, 0x2
Replace 0x2 with -0x3
Next, search for:
Code:
.line 1797
Directly below, look for:
Code:
const/4 v5, 0x2
Replace 0x2 with -0x3
Step 5: Save and close the file.
Step 6: Navigate to \res\layout\status_bar_tracking.xml
Step 7: Open status_bar_tracking.xml in qualified text editor.
Step 8: Replace the 2 instances of "list_item_background" with "status_bar_background"
Step 9: Look for:
Code:
<LinearLayout android:orientation="horizontal" android:background="#ff000000"
Replace #ff000000 with #00000000
Step 10: Save and close file.
Step 11: Grab the existing status_bar_background.png from \res\drawable-hdpi\status_bar_background.png
Step 12: Edit it with your photo editor of choice and add your transparency.
Step 13: Save the file, and replace status_bar_background.png in \res\drawable-hdpi\status_bar_background.png with the one you just edited.
Step 14: Recompile SystemUI and flash it to your phone from recovery.
End result:
{
"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"
}
NOTE: You may notice that the entire thing is transparent, and that the text is black. If this is not to your liking, you can make items appear white (or any other color) by looking at this line:
Code:
<View android:id="@id/tab_header"
This is the second of the lines that you changed to status_bar_background in Step 8. Change that back to list_item_background to get your white item list back while still maintaining a transparent background.
To change text color, look for this line:
Code:
<TextView android:textSize="@com.htc:dimen/list_primary_m" android:textStyle="bold" android:textColor="#ff000000"
Look for #ff000000 and change that to your desired color. The same applies to quicksettings, which is a line below.
Great tutorial. I have one question, how do you get the Notification text from black to white.
I highlighted the exact text I am referring to in the attachment.
scrosler said:
Great tutorial. I have one question, how do you get the Notification text from black to white.
I highlighted the exact text I am referring to in the attachment.
Click to expand...
Click to collapse
NOTE: You may notice that the entire thing is transparent, and that the text is black. If this is not to your liking, you can make items appear white (or any other color) by looking at this line:
Code:
<View android:id="@id/tab_header"
This is the second of the lines that you changed to status_bar_background in Step 8. Change that back to list_item_background to get your white item list back while still maintaining a transparent background.
To change text color, look for this line:
Code:
<TextView android:textSize="@com.htc:dimen/list_primary_m" android:textStyle="bold" android:textColor="#ff000000"
[code]
Look for #ff000000 and change that to your desired color. The same applies to quicksettings, which is a line below.
theimpaler747 said:
NOTE: You may notice that the entire thing is transparent, and that the text is black. If this is not to your liking, you can make items appear white (or any other color) by looking at this line:
Code:
<View android:id="@id/tab_header"
This is the second of the lines that you changed to status_bar_background in Step 8. Change that back to list_item_background to get your white item list back while still maintaining a transparent background.
To change text color, look for this line:
Code:
<TextView android:textSize="@com.htc:dimen/list_primary_m" android:textStyle="bold" android:textColor="#ff000000"
[code]
Look for #ff000000 and change that to your desired color. The same applies to quicksettings, which is a line below.[/QUOTE]
I tried that and its still not white. Could you try it and see if it works?
EDIT: Even took a sys UI that has white text and replaced the entire file and its still not white. Could there be a smali edit or am I just going crazy?
Click to expand...
Click to collapse
scrosler said:
I tried that and its still not white. Could you try it and see if it works?
EDIT: Even took a sys UI that has white text and replaced the entire file and its still not white. Could there be a smali edit or am I just going crazy?
Click to expand...
Click to collapse
Oops.... The text font color is probably located in layout or values folder under ids or public.xml
freeza said:
Oops.... The text font color is probably located in layout or values folder under ids or public.xml
Click to expand...
Click to collapse
Been looking for it all night... lol
I knew that I didn't misread your post! Thanks for confirming that before I went crazy, lol
There are a few changes that need to be made. If you want all transparent background then there are text color edits that need to be made in three or four systemui xmls, download provider.apk and download provider ui .apk. also a text change in framework. This is a good thread. I'll type up something coherent when I get home to add to it.
Sent from my PG86100 using xda premium
for white text color on transparent background
this is just adding to what freeza has already written
decompile systemui. go to res/values/colors
<color name="white">#ffffffff</color>
<color name="black">#ffffffff</color>
<color name="half_white">#7fffffff</color>
<color name="half_black">#7fffffff</color>
<color name="primary_text_color">#ffffffff</color>
<color name="secondary_text_color">#ffffffff</color>
this is what you want
then to res/values/drawables
<item type="drawable" name="notification_header_text_color">#ffffffff</item>
<item type="drawable" name="notification_number_text_color">#ffffffff</item>
<item type="drawable" name="list_item_background">#00000000</item>
<item type="drawable" name="list_item_background_gray">#00000000</item>
this is what you want
go to res/colors/bright_text_dark_focused
make sure all colors are ffffffff
go to res/color/list_item_primary_text and change ff888888 to ffffffff
go to res/color/list_item_secondary_text and change ffb8b8b8 to ffffffff
also cant remember if this was covered but status_bar_item_background_normal.9 needs to be made transparent.
go to res/layout/status_bar
where you see this and it appears twice
android:textAppearance="@android:style/TextAppearance.StatusBar.Icon
change to android:textColor="#ffffffff"
where you see this and it appears twice
android:textAppearance="@android:style/TextAppearance.StatusBar.Ticker"
change to android:textColor="#ffffffff"
also any textcolor in the xml in html should be android:textColor="#ffffffff"
go to status_bar_expanded
make sure all android:textColor= is ffffffff we do not need to change the style
android:textAppearance="@style/TextAppearance.StatusBar.Title"
because we have already referenced this in values/drawables
i status_bar_icon there is one text color reference. make sure it is white
in status_bar_tracking as i believe was mentioned change text color values from ff000000 to ffffffff
decompile framework-res
go to res/layout/status_bar_latest_event_content
change all text color from ff000000 to ffffffff
go to res/drawable-hdpi and make status_bar_item_app_background_normal.9 transparent
do the same with
status_bar_item_background_normal.9
decompile DownloadProvider.apk
go to res/layout/status_bar_ongoing_event_progress_bar
change all ff000000 to ffffffff
decompile DownloadProviderUI.apk
go to res/layout/download_list_item
where you see
android:textAppearance="?android:textAppearanceSmall"
make
android:textAppearance="?android:textAppearanceSmall" android:textColor="#ffffffff"
there are five instances of this. you are adding a text color value after the refernced text appearence. make sure your syntax and spacing are right
go to res/layout/list_group_header
where you see
android:textAppearance="?android:textAppearanceMedium"
add at the end as before
android:textAppearance="?android:textAppearanceMedium" android:textColor="#ffffffff"
that is it
Cool thing about this is you can now easily change the color to blue or cyan or red much more easily. You can open the whole res folder by highlighting res and an xml like the manifest. I use notepad ++. Then under search/ replace look for ffffffff and change with whatever color value you want. BAM instant color change!
example with blue text
fernando sor said:
for white text color on transparent background
Click to expand...
Click to collapse
You sir are the BOMB!
This was what I was looking for. I was changing line by line to see what woudl happen but eventually gave up and modded someone else mod... To get it the way I want.
This is getting save in favorites for next time!
Thanks!
scrosler said:
You sir are the BOMB!
This was what I was looking for. I was changing line by line to see what woudl happen but eventually gave up and modded someone else mod... To get it the way I want.
This is getting save in favorites for next time!
Thanks!
Click to expand...
Click to collapse
thanks ! you can even go further into framework/res/values/styles and com.htc.resources but i found that these changes cover most notifications
Pulled the SystemUI.apk from my phone and when I decompiled with Apktool I receive this.....any ideas what is the problem?
Did you install the framework to decompile with. You need to use the -t (framework) command. Make a folder in your sdk/tools folder and name it, "framework" I named mine "234" then place framework-res.apk and com.htc.resources.apk in that folder and in Adb type "apktool if (your framework-res) 234 (or what ever you named the folder)" and then type "apktool if (your resources) 234 (folder name)" and then to properly decompile type "apktool d -t 234 (folder name) .APK. Try that.
Sent from my PG86100 using xda premium
fernando sor said:
thanks ! you can even go further into framework/res/values/styles and com.htc.resources but i found that these changes cover most notifications
Click to expand...
Click to collapse
To add to your changes, I also had to change text in the voicemail apk. Mostly in res/ layout/in about 5 notificaton .xmlsIll write the exact changes when I get to a computer
Sent from my PG86100 using xda premium
steal25 said:
Did you install the framework to decompile with. You need to use the -t (framework) command. Make a folder in your sdk/tools folder and name it, "framework" I named mine "234" then place framework-res.apk and com.htc.resources.apk in that folder and in Adb type "apktool install (your framework-res) if 234 (or what ever you named the folder)" and then type "apktool install (your resources) if 234 (folder name)" and then to properly decompile type "apktool d -t 234 (folder name) .APK. Try that.
I did not install the framework initially. Followed your directions but received errors once I tried compiling the apk. I think maybe I used the wrong adb command to install framework even though it said successfully installed. Could you provide me with additional detail, step by step.
Click to expand...
Click to collapse
HackDPlanet said:
steal25 said:
Did you install the framework to decompile with. You need to use the -t (framework) command. Make a folder in your sdk/tools folder and name it, "framework" I named mine "234" then place framework-res.apk and com.htc.resources.apk in that folder and in Adb type "apktool install (your framework-res) if 234 (or what ever you named the folder)" and then type "apktool install (your resources) if 234 (folder name)" and then to properly decompile type "apktool d -t 234 (folder name) .APK. Try that.
I did not install the framework initially. Followed your directions but received errors once I tried compiling the apk. I think maybe I used the wrong adb command to install framework even though it said successfully installed. Could you provide me with additional detail, step by step.
Click to expand...
Click to collapse
in your apk folder place the framework-res.apk and your com.htc.resources.
in command window navigate to your apktool folder and type <apktool if framework-res.apk> hit enter
then type <apktool if com.htc.resources.apk> hit enter.
that simple
Click to expand...
Click to collapse
fernando sor said:
HackDPlanet said:
in your apk folder place the framework-res.apk and your com.htc.resources.
in command window navigate to your apktool folder and type <apktool if framework-res.apk> hit enter
then type <apktool if com.htc.resources.apk> hit enter.
that simple
Click to expand...
Click to collapse
I did exactly that and was able to decompile the .apk successfully. I received errors when I attempted to compile and recreate the apk.
Click to expand...
Click to collapse
HackDPlanet said:
fernando sor said:
I did exactly that and was able to decompile the .apk successfully. I received errors when I attempted to compile and recreate the apk.
Click to expand...
Click to collapse
That would be what you edited then. Whats the error?
Sent from my PG86100 using xda premium
Click to expand...
Click to collapse
fernando sor said:
HackDPlanet said:
That would be what you edited then. Whats the error?
Sent from my PG86100 using xda premium
Click to expand...
Click to collapse
Check out the image of the cmd prompt.
Click to expand...
Click to collapse
HackDPlanet said:
fernando sor said:
Check out the image of the cmd prompt.
Click to expand...
Click to collapse
if youlook at apktools error log it is pointing you to status_bar_tracking
it looks look you have a color value after text size. you cant do that.
Click to expand...
Click to collapse
if your adding a text color the line should read < android:textColor="#ffffffff">
i just used white as an example
It is expected that those following this guide should have prior knowledge of
1)How to use adb and/or terminal emulator to edit system files.
2)How to fix permissions using root explorer.
3)What to do if system process crashes or the phone hangs after replacing system files- pull battery and power on.
4)If you are an advanced user you can also first modify the systemui.apk first.Replace it in the cm7_update.zip file.Sign the new zip file so generated and install it.Then no need to go through many of the following steps
This is by far the simplest method to get a transparent notification bar. Some parts of this thread have been taken from the following source:http://www.lazytrap.com/?tag=systemui-apk
What you would think is simple though, isn’t quite. You would THINK that just updating the PNG files would be enough. It’s not. I tried it a million times while trying all those other bad ideas. After the PNG files are modified, you also need to edit the file, classes.dex, which is in the root of SystemUI.apk. Turns out, .dex is yet another format only native to the Android platform. You can decompile and recompile them using smali/baksmali. Once you have decompiled the .dex file, you’ll be left with a bunch of files. For transparency on the statusbar to work, we need to edit two entries in StatusBarService.smali. After the 2 entries are changed, we save the file then recompile classes.dex, update the SystemUI.apk, then put it on our android device. That’s it. So while it’s not as simple as just editing the PNG files and updating the SystemUI.apk archive, it’s still a hell of a lot simpler than all these forum posts lead on. Actual instructions below.
Instructions:
• Copy /system/app/SystemUI.apk to your sdcard and then to your computer where you can edit it(use root explorer or adb to pull it to your computer)
• Install 7-Zip if you do not already have it. 7-Zip can browse into .apk files and let you update them easily.
• Open SystemUI.apk in 7-Zip, do not extract it, just open it.
• Browse to the folder res/drawable-hdpi/, then find all the png files that start with “status_bar” & "statusbar_background.9". Drag them into a folder on your desktop.
• Open the PNG files in Paint.Net, Gimp, Photoshop, or whatever your favorite editor is capable of png transparency.
• Delete the background. It’s now transparent. If you want semi-transparency, do that instead.
• Select all of your modified PNG files and drag them back into same spot you got them from in the SystemUI.apk file
• Press Backspace a couple times in 7-Zip to go back up to the root folder in the .apk, you should see classes.dex sitting there.
• Drag classes.dex out to a folder
• Download smali and baksmali from here: http://code.google.com/p/smali/downloads/list, put them in the same dir you put classes.dex
• Open a CMD prompt and change to that directory
• Type the following (replace 1.2.6 with whatever version it was you dl’d):
• java -jar baksmali-1.2.6.jar -o classout/ classes.dex
• Back in the folder, go into the new classout directory that was created.
• Find the file named StatusBarService.smali, open it in a text editor.use notepad or notepad++(easier)
• Search for .line 1519, the line just under it should read: const/4 v5, -0×3. If it does not, but instead reads const/4 v5, 0×1 or const/4 v5, 0×2, change it.
• Search for invoke-direct/range {v0 .. v5}, Landroid/view/WindowManager$LayoutParams;-><init>(IIIII)V; a line above you should see const/4 v5, 0×2. Change it to const/4 v5, -0×3 also.
• Save the file and exit.
• Go back to your CMD prompt and enter this command (this recompiles the .dex file with your changes):
• java -jar smali-1.2.6.jar classout -o classes.dex
• Add classes.dex back to where you got it from in SystemUI.apk.
• Take your updated SystemUI.apk file and place it on your SD card. If you took it out, put the SD card back in your Android device. (instead of using a SD card you could use something else to move the files around, like dropbox).
• Open up Terminal on your Android device, change to the directory you put the update SystemUI.apk file. ex: cd /sdcard/myupdate/
• Type the following commands:
• mount -o remount,rw /system/
• cp -f SystemUI.apk /system/app
The above command probably just crashed Launcher. Press Force Close . Now, go to root explorer and fix permission for systemui.apk to rw-r--r-- and Reboot your device.
After making the update, make sure to turn off Wallpaper Hack. It’s under Settings->ADW Launcher->System Preferences->Wallpaper Hack – Not doing so will result in the transparency only working with Live Wallpapers and not others
That’s it. You should now have a transparent status bar.
Now, you can use only such themes that come with a transparent notification bar or glass effect as well as the 3 default themes included with cm7 theme chooser. But you won’t be able to use other themes i.e. they will continue to show a black notification bar and not a transparent one
WORKAROUND: But we can get transparent notification bar with ANY theme. Here’s how:
1)download the theme’s apk to your computer
2)open it with 7zip as an archive (Don’t extract it)
3)Go to res/drawable-hdpi and drag the following files to any folder:
com_android_systemui_statusbar_background.9.png; com_android_systemui_status_bar_background.9.png; com_android_systemui_status_bar_close_on.9.png
4) Open the PNG files in Paint.Net, Gimp, Photoshop, or whatever your favorite editor is capable of png transparency.
• Delete the background. It’s now transparent. If you want semi-transparency, do that instead.
Select all of your modified PNG files and drag them back into same spot you got them from in the Theme.apk file in 7zip and close 7zip
5)This will give you your new apk for the theme with a transparent statusbar .But you will need to sign it to be able to use it
6)use drag2sign_apk to sign your new apk file.
7)Transfer it to your phone and install apk using any file explorer. (If you did not sign the new apk then installation will FAIL)
8) Go to theme chooser and apply your New theme. That’s it you will now have a Transparent notification bar
This method can be used to get a transparent notification bar with ANY theme
Here I'm attaching the SystemUI.apk of cm7_rc1.5 which I'm currently using with transparent statusbar.I recommend using adb to push it.
In command prompt first change directory to the one containing the patched SystemUI.apk
Use this command: adb remount (to allow editing the system files)
next command: adb push SystemUI.apk /system/app/SystemUI.apk
Then fix permission using root explorer.
Reboot.
Don't forget to uncheck wallpaper hack in ADW settings
THOSE WHO FIND THIS THREAD USEFUL DON'T FORGET TO HIT THANKS
I had to update my system and hence had to create a new systemui.apk. This one is of cm-7.1.0-11 stable release. Here I'm uploading it for your convenience
thx for the instruction.
but anyhow, i cannot make it work on my latest nightly builds. status bar was dismissed after modification file pushed to system.
{
"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"
}
You can go to this website http://uot.dakra.lt/kitchen/ and upload your framework-res and systemui and do all kinds of stuff to it including transparencies. check it out its pretty easy. You can also upload a theme.apk and modify that also. Here is a thread for asking questions and getting help for that site http://forum.xda-developers.com/showthread.php?t=990829
matchung said:
thx for the instruction.
but anyhow, i cannot make it work on my latest nightly builds. status bar was dismissed after modification file pushed to system.
Click to expand...
Click to collapse
Did you fix permissions after pushing the systemui.apk and reboot ?
Also did you uncheck the wallpaper hack in ADW setting?
Are you using any different launcher ?this method works for adw
Did you apply a theme with transparent statusbar or not ?
request: flashable systemUI with only transparent status enabled !
Ok, i tried it, but my status bar is always black
I tried others methods, which are posted here, CM7 Theme Patcher v1.6, Transparent glass Theme CM7 RC1.5+Tutorial, still no luck.
Can some plz do this for me.
I just need the transparent status bar only, nothing else
am on cm7.1 rc1.5 defy.
just post me SystemUI.apk file which i can flash in recovery.
thanks for your time and help
-hanu
hanu_blr said:
Ok, i tried it, but my status bar is always black
I tried others methods, which are posted here, CM7 Theme Patcher v1.6, Transparent glass Theme CM7 RC1.5+Tutorial, still no luck.
Can some plz do this for me.
I just need the transparent status bar only, nothing else
am on cm7.1 rc1.5 defy.
just post me SystemUI.apk file which i can flash in recovery.
thanks for your time and help
-hanu
Click to expand...
Click to collapse
Hi.. try these patch.. You must apply the patch twice..
hanu_blr said:
Ok, i tried it, but my status bar is always black
I tried others methods, which are posted here, CM7 Theme Patcher v1.6, Transparent glass Theme CM7 RC1.5+Tutorial, still no luck.
Can some plz do this for me.
I just need the transparent status bar only, nothing else
am on cm7.1 rc1.5 defy.
just post me SystemUI.apk file which i can flash in recovery.
thanks for your time and help
-hanu
Click to expand...
Click to collapse
check the first post I've attached the SystemUI.apk
@tegezan, thanks for your help, it wrked, i was able to see the transparency when i set live wallpaper, and am using this theme GingerBlur-trans.apk
http://forum.xda-developers.com/showthread.php?t=1021507
And am using go launcher ex.
if i dont want to use live wallpaper, then i shd use wall-paper with transparency ?, where to get this ?
@krd_medico, thanks, may be patch and undo recover files will be easier. anyways tegezan has attached it already
Edit:
Also in screen lock mode, i see more transparency, but on home screen its less transparent, is this ok ?
@hanu_blr
note from zdunex25 theme..
Wallpaper & transparency:
As you should know not each launchers supports
transparent statusbar, but if we will use
MiltiPicture Live Wallpaper we can get
transparent statusbar using any launcher
btw, I am used go launcher ex.. no need to use live wallpaper, just uncheck wallpaper hacks..
@tegezan,
in go launcher ex, where is the wallpaper hack settings, i coudnt find it
but its available in AWD, i hv disabled it, but am not using awd.
hanu_blr said:
@tegezan,
in go launcher ex, where is the wallpaper hack settings, i coudnt find it
but its available in AWD, i hv disabled it, but am not using awd.
Click to expand...
Click to collapse
nothing to change in Go Ex, let it as is.
i dont know whats wrong with my modified theme file, it can be done by using other stock themes. here is theme Zdunex25 applied.
@krd_medico, i think u ment theame.apk, not SystemUI.apk.. in the WORKAROUND section. am i rt ?
"Select all of your modified PNG files and drag them back into same spot you got them from in the SystemUI.apk file in 7zip and close 7zip"
hanu_blr said:
@krd_medico, i think u ment theame.apk, not SystemUI.apk.. in the WORKAROUND section. am i rt ?
"Select all of your modified PNG files and drag them back into same spot you got them from in the SystemUI.apk file in 7zip and close 7zip"
Click to expand...
Click to collapse
Thanks for pointing out. I have edited my first post.
Am hving issues with go launcher ex, with this i dont see transparency in home screen, its rather 10% or semi-transparency with black color, in lock screen its clear transparent.
At times i saw full transparency in home screen, but lock/unlock made it to go back to 10% trans with black color.
If i change to AWD, even in home screen i see full transparency . Dont know wats going on
finally,, i can make it work. i did the modification by using apk_manager b4, but seems not.
running CM7, on Go Launcher Ex, with modified Zdunex25's Meizu theme
Is there any chance to make this?
forum.xda-developers.com/showthread.php?p=17582887#post17582887
Sent from my MB525 using xda premium
for me works very fine... thanks
@matchung,
can u try installing the gingerblur-trans.apk form http://forum.xda-developers.com/showthread.php?t=1021507, and see if u see full transparent in GO lauhcher ex ?.
I guess gingerblur-trans.apk, is semi trans with black. If u see semi trans black, can u make it full trans for this gingerblur-trans.apk ?.
I did try to make gingerblur-trans.apk full trans with paint.net.
I took all statusbar* pngs from the gingerblur-trans.apk file, then opened it in paint.net, under layer window, layer properties, opacity was set 255, made it 0, this changed the image with small white_gray square pattern image, guess this is transparent image, save it as png, with bit depth auto-detect, then replaced all those statusbar* file in the original gingerblur-trans.apk, then resigned it. After installing it, still i see black bar in home screen, and full trans in lock screen, if i use live wallpapers, both home/screen lock is transparent, this is with go launcher ex,
if i use AWD, both home and lock screen is full trans . I dont like AWD much. Can u try and if it wrks fine on go laucnher ex, can u post the modified gingerblur-trans.apk file here plz ?
thanks for u time
NOTE: i didnt xtract gingerblur-trans.apk, just opened in winrar, tookout the png files, edited it and pushed back to gingerblur-trans.apk.
waterfish.. amazing..
i should try it..
hanu_blr said:
@matchung,
can u try installing the gingerblur-trans.apk form http://forum.xda-developers.com/showthread.php?t=1021507, and see if u see full transparent in GO lauhcher ex ?.
I guess gingerblur-trans.apk, is semi trans with black. If u see semi trans black, can u make it full trans for this gingerblur-trans.apk ?.
Click to expand...
Click to collapse
untouch theme. wanna full transparent?
HOW TO THEME SAMSUNG ROMS (GALAXY 3 MAYBE OTHERS)
Hello guys. I have had many requests to do this so here it is.
Let' s just get started.
NOTE : - THIS GUIDE CONTAINS VARIOUS METHODS WHICH I PERSONALLY USE TO THEME. THERE ARE SOME OTHER DIFFERENT WAYS IN WHICH YOU CAN DO THIS.
WHAT ALL YOU NEED TO THEME??
APK Manager 5.0.2 : - Will be used for decompiling/compiling frameworks. Please don' t use the new version APKMulti-Tool 1.0.1 for now..
APKTool : - This you need to place in your \windows\ folder.
Java SDK : - This is necessary for the decompiling/compiling process. Also required in many patches for frameworks.
GIMP : - This is the image editing software which we are going to use to edit/resize PNGs.
Android SDK : - Again not of much use in this guide but always good to have for learning.
WinRAR : - This will be used for opening the APKs for adding PNGs after editing.
Notepad++ : - This we will use for opening the various XML/smali files for editing code.
Unedited base framework : - Its necessary that its unedited because it may lead to errors(like error compiling .9.PNGs)
Hex Colours : - You' ll need hex colour values for using them in various XMLs. This here is a nice website for that.
Lots of patience : - Now this skill you have to develop on your own.
HOW TO SETUP EVERYTHING FOR MAKING/PORTING THEME??
1) Download APK Manager 5.0.2(Not APK Multi Tool 1.0.1) from the above mentioned link. Extract the contents to any of your drives.
2) Download APKTool (Main program as well as the dependancies for you respective OS). Extract both the .tars contents to :\windows\.
3) Download the latest version (7u2 currently) of JDK(Java SDK) from the site mentioned above and install it.
4) GIMP, Notepad++ : - Download from above mentioned site and install them.
5) WinRAR : - I guess you should be able to get this on your own.
6) Unedited base framework : - If you already have then good. If you don' t then please download from above link.
7) Android SDK : - Download either the zip or .exe from above mentioned site and set it up accordingly. (Note : - This step can be skipped)
CHECK WHETHER THE FRAMEWORK YOU HAVE IS COMPILE-ABLE (UNEDITED) OR NOT.
Before starting, always check. For this, place the framework-res.apk in \apkmanager\place-apk-here-for-modding\. Now start the script. Select Option 22(Set current project) and then select the project. Then select Option 9(Decompile apk). Let it decompile. After that, select Option 11(Compile apk). Select "YES" for "Whether it is system app". Select "YES" for "Whether you want to include original files". Let it compile.
If the compilation process goes smoothly without any errors, then you have the correct(unedited) framework which can be used for theming.
{
"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"
}
EDITING VARIOUS XMLS : -
For information purpose, if you want to know what is an XML, then here is a nice read.
Decompile first : -
Place your framework-res.apk(should not be renamed after decompiling, so please rename before only) in the folder place-apk-here-for-modding. Start up script and decompile it(option 9). After decompiling, goto Projects folder. You will find your decompiled framework there.
Similarly, using the above method, decompile your twframework-res.apk(should not be renamed after decompiling, so please rename before only).
If you are porting a theme, then decompile the framework-res.apk and twframeowrk-res.apk from the theme to be ported also.
1) Editing Notification colour in notification drawer.
Files to be edited : - status_bar_latest_content_event.xml in \projects\framework_name\res\layout\.
* Goto \projects\framework_name\res\layout\.
* Open status_bar_latest_content_event in Notepad++.
* You will find 3 lines for editing the colour of the notifications.
1) android:id="@id/title". This is the title of the notification
2) android:id="@id/text". This is the description of the notification.
3) android:id="@id/time". This is the time of the notification
*Edit HEX value for "android:textColor" instance for the 3 above lines as per your likings. Or if you are porting from a theme, then just open the same XML file(i.e. status_bar_latest_content_event) of theme which you are porting in Notepad++ and copy paste the various HEX values to XML in your framework.
2) Colour of horizontal progress bars : -
Files to be edited : - progress_horizhontal.xml in \projects\framework_name\res\drawables\.
* Goto \projects\framework_name\res\drawables\.
* Open progress_horizontal in notepad++.
* The progress bar uses 3 colours to set the colour which goes from top to bottom. You have to set three colors: start, end and middle.
1) <item android:id="@id/background"> is for the unused part of the progress bar.
2) <item android:id="@id/progress"> is for the used part of the progress bar.
* Edit all the HEX values as per you linkings. Or if you are porting from another theme, then just open the same XML file(i.e. status_bar_latest_content_event) of theme which you are porting in Notepad++ and copy paste the various HEX values to XML in your framework.
3) Changing secondary font colour : -
Files to be edited : - zzz_tw_secondary_text_sub.xml in \projects\framework_name\res\color\
* Goto \projects\framework_name\res\color\.
* Open zzz_tw_secondary_text_sub.xml in notepad++.
* Look for the following instance,
Code:
<item android:state_window_focused="false" android:color="#HEXCOLOR_VALUE" />
<item android:color="#HEXCOLOR_VALUE" />
* Replace the HEXCOLOR_VALUE that is already there with the one of your choice.
* Note : - The default colour is blue in Samsung ROMs. Hex value #FF81BEE1.
4) Setting menu text colour to white in menus for black background : -
Files to be edited : - styles.xml in \projects\framework_name\res\values\.
* Goto \projects\framework_name\res\values.
* Open styles.xml in notepad++.
* Press CTRL+F and search for "TextAppearance.Widget.IconMenu.Item".
* The searched part will be like as shown in the following : -
Code:
<style name="TextAppearance.Widget.IconMenu.Item" parent="@style/TextAppearance.Small">
<item name="textColor">[B]?textColorPrimaryInverse[/B]</item>
</style>
**Change the above code to as shown below : -
Code:
<style name="TextAppearance.Widget.IconMenu.Item" parent="@style/TextAppearance.Small">
<item name="textColor">[B]@color/bright_foreground_dark[/B]</item>
</style>
* Then for text colour in "MORE" menu lists, press CTRL+F and search for "Theme.ExpandedMenu".
* The searched part will be as shown in the following : -
Code:
<style name="Theme.ExpandedMenu" parent="@style/Theme">
<item name="listViewStyle">@style/Widget.ListView.Menu</item>
<item name="windowAnimationStyle">@style/Animation.OptionsPanel</item>
<item name="background">@null</item>
<item name="itemTextAppearance">[B]?textAppearanceLargeInverse[/B]</item>
<style>
** Change the above code to as shown below : -
Code:
<style name="Theme.ExpandedMenu" parent="@style/Theme">
<item name="listViewStyle">@style/Widget.ListView.Menu</item>
<item name="windowAnimationStyle">@style/Animation.OptionsPanel</item>
<item name="background">@null</item>
<item name="itemTextAppearance">[B]?textAppearanceLarge[/B]</item>
<style>
5) Adding 1 percent battery mod to theme : -
Files to be edited : - stat_sys_battery.xml and stat_sys_batery_charge.xml in \projects\framework_name\res\drawable\.
* Goto \projects\framework_name\res\deawable\.
* Open stat_sys_battery.xml in notepad++. If there are no drawable values for 1% batterymod PNGs then, delete everything in that XML and copy paste the following code : -
Code:
[URL="http://pastebin.com/qRMqS2sy"]Click here for the pastebin data[/URL].
* Now open stat_sys_battery_charge.xml in notepad++. Check if there are drawable values for 1% battery mod. If there isn' t, then delete everything in that XML and add the following link : -
Code:
[URL="http://pastebin.com/pUxknPci"]Click here for the pastebin data[/URL].
6) Provider, Carrier, Ongoing-Title, Notifications-Title, Clear-Button, noNotificationsTitle : -
Files to be edited : - status_bar_expanded.xml in \projects\twframe_name\res\layout\
* Goto \projects\twframe_name\res\layout\.
* Open status_bar_expanded.xml in notepad++.
* Search for the lines : -
1) android:id="@id/plmnLabel". This is the Carrier name.
2) android:id="@id/spnLabel". This is the Provider name.
3) android:id="@id/ongoingTitle". This is the Ongoing-Title.
4) android:id="@id/latestTitle". This is the Notifications-Title.
5) android:id="@id/clear_all_button". This is the text of the Clear-Button.
6) android:id="@id/noNotificationsTitle". This is the text when no notification is displayed
* For each of the IDs above, there will be attribute android:textColor="<HEX_VALUE>". Edit the hex value as per your requirement. Or if you are porting from another theme, then just open the same XML file(i.e. status_bar_expanded) of theme which you are porting in Notepad++ and copy paste the various HEX values to XML in your framework.
7) Colour of the text when the text fiels is selected : -
Files to be edited : - styles.xml in \projects\framework_name\res\values\.
* Goto \projects\framework_name\res\values\.
* Open styles.xml in notepad++.
* Press CTRL+F and search for "<style name="TextAppearance">". There you will find "textColorHighlight" attribute just below.
* Change the HEX value for the attribute as per your requirement.
HOW TO COMPILE THE .APK BACK
Well here comes the big part. The part which usually causes the problems. You should consider the following points for this. The compilation process will go smoothly only if : -
You have not resized, replaced any .9.PNGs in the decompiled framework. If you want to you will have to do as I have described below in second post or else you will get compile errors. Lots of them.
You have not added any extra lines in XMLs which redirect to the PNGs(drawables) in the framework. If you have, make sure you have added the extra PNG to the framework as well.
**HOW TO COMPILE USING APKMANAGER : -
After you have made all the necessary edits to the framework, open up the script again.
Select option 22 and the select the project which you want to compile.
Then select option 19(Compression level for APKs) and select 0 for that.
You should see the compression level and the name of the project displayed above in the first line of the window.
After all that, select option 11(Compile APK). Select "Y" when it asks if its system APK. Select "Y" if it asks to include original files from APK or not.
Let it build the APK. If it builds successfully, then the most difficult part is finished.
[*]Minimize the script for a while. You will see a new folder named as "keep". Go to this folder and delete all the XMLs and the PNGs that you have edited. Don' t worry about the XMLs that you had edited in "values" folder. And also delete "resource.arsc" from the keep folder (Only if you have edited XMLs).
After you have done all that, maximize the script and press enter. Let it compile.
You will see your new compiled APK in the folder "place-apk-here-for-modding" in the form of unsigned<FILE_NAME>.
THIS WILL BE CONTINUED. STILL SOME MORE LEFT.
THEMING RELATED WITH PNGs
1) Popups :-
Figure 2.1
Present in : - framework_name\res\drawables-mdpi\
Name of the PNGs are : -
popup_bottom_bright.9.png
popup_bottom_dark.9.png
popup_bottom_medium.9.png
popup_center.dark.9.png
popup_center_medium.9.png
popup_full_bright.9.png
popup_top_bright.9.png
popup_top_dark.9.png
Please note that these are .9.PNGs. And they need to be .9.PNGs only. Normal PNGs will not work.
How to port from another ROM : - These .9.PNGs don' t require porting usually. Just take it from the theme you are trying to port and place it in your \res\drawable-mdpi\ folder using WinRAR.
Note : - This is to be done after you have completed editing and compiling the APK. Using WinRAR.
2) Backgrounds of menus : -
Figure 2.2
Present in : - framework_name\res\drawable-mdpi : -
Name of the PNGs are : -
menu_background.9.png : - This the background for one grid element.
menu_background_fill_parent_width.9.png : - This is the background of the whole grid element.
menu_more_bg.9.png : - The background of the menus when you select "More" menu.
menu_separator.9.png : - The separators(grid lines) between the various menus.
Please note that these are .9.PNGs. And they need to be .9.PNGs only. Normal PNGs will not work.
How to port from another ROM : - These .9.PNGs don' t require porting usually. Just take it from the theme you are trying to port and place it in your \res\drawable-mdpi\ folder using WinRAR.
Note : - This is to be done after you have completed editing and compiling the APK. Using WinRAR.
3) Notification bar and notification background(All related PNGs) : -
Figure 2.3
First six PNGs present in : - framework_name\res\drawable-ldpi except divider_horizontal_bright which is in framework_name\res\drawable-mdpi.
Last six PNGs present in : - twframe_name\res\drawable-ldpi or drawable-mdpi.
Names of the PNGs are : -
statusbar_background.9.png : - Can be a normal or a .9.PNG. Preferably a .9. As its black in most themes, no need to port. But if you want to you will have to follow method described below(Give me some time for the method).
status_bar_item_background_normal.9.png : - Background of the notifications on statusbar in idle condition. If you want to you will have to follow method described below.
status_bar_item_background_pressed.9.png : - Background of the notifications on the statusbar when the notification is selected. If you want to you will have to follow method described below.
divider_horizontal_bright.9.png : - The line which divides the notifications. Can be copied directly from the theme to be ported.
stat_sys_battery_[XX] : - These are the battery PNGs during normal use. Where [XX] refers to number between 0 and 100.
stat_sys_battery_chargeanim[XX] : - These are the battery charging PNGs. Here [XX] refers to a number between 0 and 100.
Other status bar PNGs : - All of them are of the form stat_sys_[X]_[Y]. By looking at the PNG itself you can identify which is for what.
quick_panel_music_bg.9.png : - This PNG is in twframework-res.apk\drawable-mdpi. This is the PNG for the music quick panel in the notification drawer. If you want to port this PNG from other theme then you will have to follow method described below.
quick_panel_list_bg_01.9.png : - This PNG is in twframework-res.apk\drawable-mdpi. This is the background for the titles such as "Ongoing", "NoNotifications", etc. It is a .9.PNG. Can be directly resized and used.
Quick panel icons : - These PNGs are in twframework-res.apk\drawable-ldpi. These are of the form quick_panel_icon_[NAME]_on/off. Are normal PNGs. Can be resized directly and placed in APK using WinRAR.
status_bar_header_background_01 : - This is present in twframework-res.apk\drawable-ldpi. This is the background for the quick panel. Is a normal PNG. Can be resized directly and placed in APK using WinRAR.
Unused notification drawer area : - The unused area in the notifications drawer is covered by status_bar_background.9.png.This is present in twframework-res.apk\drawable-ldpi. If porting from a theme, then you will have to use the method described below.
status_bar_close_on : - Present in twframewor-res.apk\drawable-ldpi. This is the PNG which defines the bottom of the notifications drawer.
EDITING/PORTING .9.PNGS
Let' s start off with the basics of what is a .9.PNG. Well there is a nice quick read about it here.
So what is the problem with .9.PNGs?? You will get info about it in my pastebin here.
**HOW TO EDIT (DECOMPILE METHOD) : -
Firstly, if you want to edit properly these PNGs, then you have to do it when the APK is in decompiled form. So decompile APK first.
Also, if you are porting a theme, decompile the APK from that theme also.
I am assuming the name of the PNG to be "btn_default_pressed.9.png". Open btn_default_pressed.9.png from the base theme using GIMP and also open the same PNG from the theme you want to port.
Note the the dimensions of the btn_default_pressed.9.png of our theme and the resize the same PNG from the theme you want to port accordingly.
Notice the borders of the .9.PNG of our base theme. You will notice some black solid lines. Now these are the lines that define the PNG. And these should not be touched or edited.
Now go to the PNG that you resized earlier. Using the rectangular select tool in GIMP, select the area of the PNG excluding the 1 px borders. And then copy it.(Figure 2.4 and 2.5).
Then go to the "btn_default_pressed.9.png" of our framework and then select the same area (i.e. excluding the 1 px borders) and press DELETE. The area will become empty.(Figure 2.6).
Then press CTRL+V(Paste).(Figure 2.6).
Save it. While saving you will be asked to export image. Select "Merge visible layers" and save.
There you have it. 1 PNG ported. Similarly, you can port other .9.PNGs. The important ones. Capish??
Figure 2.4
Figure 2.5
Figure 2.6
Reserved 2.
Finally.. Cool bro... Gonna Learn from this once you add info on smali editing..
Thanks for this tutorial!
akoshun said:
Thanks for this tutorial!
Click to expand...
Click to collapse
There is still lot more to go. Its late here so I will continue tomorrow.
wow man. This is like spoon feeding
Thanks a lot
vikraam said:
wow man. This is like spoon feeding
Thanks a lot
Click to expand...
Click to collapse
Well this will be big I guess. I already ran out of characters in first post.
could u also post wat languages do we need to know to start porting ? like XML etc
good job,i can not waiting to try.
Thread stuck
AacidD said:
could u also post wat languages do we need to know to start porting ? like XML etc
Click to expand...
Click to collapse
Well you don t need much prerequisite. Yeah XML would be good. The basics of it.
dhirend_6d said:
<QUOTE SNIPPED>
Click to expand...
Click to collapse
AWESOME!!
Really nice work, I would never have the patience to do sth. like this.
One thing I noticed in your APK Multitool picture though is, that the compression level is set to 9. That never worked for me while editing system apks, I think it is better to set it to 0.
Ghost In The Ruins said:
Really nice work, I would never have the patience to do sth. like this.
One thing I noticed in your APK Multitool picture though is, that the compression level is set to 9. That never worked for me while editing system apks, I think it is better to set it to 0.
Click to expand...
Click to collapse
Thanks. Actually, it should work though. What I do in the end is extract the resources.arsc from the .apk in the end and then again place it in the .apk using WinRAR with compression level "Store". So only the PNGs remain compressed.
dhirend_6d said:
Thanks. Actually, it should work though. What I do in the end is extract the resources.arsc from the .apk in the end and then again place it in the .apk using WinRAR with compression level "Store". So only the PNGs remain compressed.
Click to expand...
Click to collapse
Never thought of it doing it this way. I usually use different apk tool versions, one for decompiling and one for compiling. Took ages to get it work that way ^^
Compiling really should be the next part of your tutorial, it was always the most frustating thing to me and I imagine newbies might feel the same way.
Anyway, keep up the good work
Hi, I see a different picture in APK Multi-Tool, may be it's the problem of version, right?and can you tell me what's wrong after I selected Option 11?
(Sorry, I can't attach a picture like you...)
Arlisdoder said:
Hi, I see a different picture in APK Multi-Tool, may be it's the problem of version, right?and can you tell me what's wrong after I selected Option 11?
(Sorry, I can't attach a picture like you...)
Click to expand...
Click to collapse
Yep, different version. Something is wrong with your project. Most likely a .9.png is wrong formated. Check your log. There should be dozens of public.xml and language errors. You can ignore these. On top of these there should be the real problem. "*.9.png malformed" or something like this.
Arlisdoder said:
Hi, I see a different picture in APK Multi-Tool, may be it's the problem of version, right?and can you tell me what's wrong after I selected Option 11?
(Sorry, I can't attach a picture like you...)
Click to expand...
Click to collapse
I don t know which version of APKMultitool you are using. That s very different layout. But check the log that is there in APKManager folder. If you could attach the log then maybe I could say what the problem is.
EDIT : - Mot probably it is .9.PNG error as said by GhostInTheRuins above.
OK, now I attach my log and hope you can tell me what problem it is. Thanks.
GUIDES
1.Making ur Status Bar Transparent
http://forum.xda-developers.com/showthread.php?p=37188838
2.Changing App Icons
MORE TO COME IF U WANT A PARTICULAR 1 JUST ASK!!
I realized that most people just wanna change 1 thing and don't wanna read a whole guide so ill be adding separate stand alone tutorials in those posts i reserved below also if u want me to add something just ask and i will i just comment on this thread with a full guide an place a link to that post in the OP (this post) like so Making ur Status Bar Transparenthttp://forum.xda-developers.com/showthread.php?p=37188838
-On the agenda-
GUIDES
1.Making ur Status Bar Transparent
(DONE)
2.Changing notification toggle's icons (PENDING)
3.Changing battery icons -requested by kuulbhaskar (PENDING)
4.Changing App Icons
(DONE)
MORE TO COME IF U WANT A PARTICULAR 1 JUST ASK!!
K guys this as the title suggests this is a guide on theming your phone with well your phone to illustrate this I'll be theming my status bar
Status bar start
{
"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"
}
Status bar finish
the same process will apply for any app that you wish to theme first off an apk is simply a compressed package containing different files in order to get to any of these files u need to decompile the apk
How good this turns out will depend heavily on the apps you use so anyways here's what u need I'm listing the reason y u need any particular app so if u have another app that does the same function u can use that instead
WHAT YOU NEED
Root access
Deodexed stock Rom or a custom Rom
Ninjamorph
Used for decompiling and recompiling the apk and also for reinstalling it
Busy box
Ninjamorph needs it
Image search
Used for easily finding images to use in editing
Quikpic
Used for resizing images to exact dimensions
Picsay
Used for image editing
Picsplay
Used for image editing (yes another 1)
Canvas
Used for changing image transparency
Es file explorer
Used for properly seeing image transparency and some other file manager related stuff
K now that you got that down let's begin
Open Ninjamorph and tap new project
Now navigate to the system folder then the app folder
This folder contains the system apps you have installed the one you want is your status bar which is named SystemUI.apk
Now select it and Ninjamorph will start decompiling
After that u will be taken to the decompiled apk which is on your sd card in Android themes/workspace/SystemUIapk
Now that that's done in Ninjamorph in the decompiled app go into /res/drawable-ldpi the reason your doing this is to locate your status bar background which is most likely going to renamed by your rom dev my rom had it named as chobits.png (I can't remember the stock name otherwise I'd list it if any1 knows please tell) it's a big image so just skim through with Ninjamorph and memorize it or go into es file explorer into sdcard/android themes/workspace/SystemUIapk/res/drawable-ldpi hit icons and search like that (top right corner)
Once you have found the image remember it's name
Now it's time to create ur background image I'll show you how I did mine I first I went into image search
And enabled those settings and searched for android what I downloaded was this
I then opened pic say pro and started a new image (by pressing menu then new) and placed the resolution and shown background colour as shown
I then inserted my new image and cropped it as shown
I then resized and placed the cropped image into position
After that I exported the image into picsplay pro added the sketch effect and then the hdr drama+ effect
I then saved that image and reopened in pic say pro and added my name (just hit sticker then title)
Then placed it in position and saved it if u want to make this image transparent u can open it in canvas hit layers then layer1 then adjust the opacity make sure to export the image as a png or you'll lose the transparency (I'll put a separate post below on making status bar transparent with ur phone) k now u have your status bar background
After that rename the image to whatever.png the png part is important
Now enter Ninjamorph go to the image who's name u remembered earlier and select it Ninjamorph will now ask u to select the image u wish to replace it with select the image u made earlier (if it doesn't come up it's because u didn't rename the image to .png) k now your done with the background
Now search for this image here
just like u did earlier my rom has it named as status_bar_close_on.png
How I created mine was after finding the image I opened it in quikpic and took note of the resolution in the bottom left corner
After that I created a new image in Picsay with the above resolution in a white background
I then added the black top lens filter effect
And then flipped the image
I then added in a square (hit sticker then basic shapes)
And resized
After that I saved the image as a png and and then replaced status_bar_close_on.png with it in Ninjamorph just like I did with chobits.png
K now time for that image there
to do that I located the image like I did earlier my rom has it named as statusbar_background.png and statusbar_background2.png I assume 1 is for landscape and 1 is for portrait but I used the same image for both and it looked good both ways so anyways
How I created this image was I checked the resolution of the original just as I did b4 and created a new image in Picsay in that resolution with a white background
And simply painted the pattern on
I then saved and replaced just as b4
K now your done with
SystemUI.apk but not done with your status bar apparently not all images related to the status bar are stored in the status bar apk but anyways tap finish project then SystemUIapk Ninjamorph will now start compiling it says extracting for some reason lol when that is finished it will tell u it about to overwrite your SystemUI.apk and if your absolutely sure u wanna do blah blah just hit yes then it'll ask if u wanna zip align the apk from what I gather this is a process of arranging files in the apk to make the app faster....you can thank deadly for that detailed explanation lol just hit no then it will overwrite the apk now reboot and walla you'll see your changes anyways now it's time for the status bar toggles
These status bar toggles are stored in lidroid-res.apk which can be found in system/framework
K so now open Ninjamorph tap New project then then navigate to and select lidroid-res.apk and it'll decompile
Now in Ninjamorph search for the status bar toggles images there in res/drawable-hdpi
(these are already changed)
It has images for off and a image for on for all of these toggles I did all the editing with Ninjamorph like so
Tap and hold on the image u want to edit then hit edit image this will take u to another screen where you'll see the image
Scroll down and you'll see this
For all the of the off images (dark blue) I place the RGB (red green blue) at -137
and all the on one's (light blue) I placed the RGB at -255
I did the same for the buttons those 3 there stat_bg
k now your done with those toggles u now need to change the toggles background stat_power_bg.png it's a huge rectangle how I edited was I simply placed the RGB at +255
k now we're done with lidroid-res.apk finish the project as u did b4 and reboot and walla now ur almost done
When I ended up here there was a problem see there
(this is how my status bar looked b4 it was the only pic i could find with the notifications like that)
My rom didn't have a background for notifications to change I simply edited my framework-res.apk
How I did this was decompile as I did b4 then open this image in quikpic status_bar_item_background.9.png checked the resolution and made a new image in Picsay with the EXACT same resolution with a black background and saved it
I then opened said image in canvas and adjusted the opacity by simply tapping layers then holding layer 1 and changing the opacity I then saved that image as a png (important or u will lose transparency)
Make sure to check the image's resolution with quikpic again to make sure its the same after cuz my resolution changed and i had to change back using quikpic
Hit edit then edit again then crop then customize
And place the resolution of the original pic and save
Now that that's done replace status_bar_item_background.9.png with it the edited image there are 2 I used the same image for both and
K now your done *exhales*
Obviously your process will vary at points I was just showing u what I did and how to use to use the various apps
K now that ur finish make sure to thank the devs of your rom
Thank deadly for that very detailed zip alignment explanation lol
Thank d3ms (I think that's his name) he gave me the name of the toggles background which was very hard to find for crying out loud it wasn't even shaped like the toggles background
Thank someone else I can't remember the guys name but it was the guy who told me the name of the notifications background was status_bar_item_background.9.png I could not find that image for anything
Oh and thank me for being kind enough for making this guide lol
Thank God
K am kidding now lol but u can thank God if u like
-DISCLAMER-
I NOR XDA ARE RESPOSIBLE FOR ANY DAMAGE TO YOUR PHONE PLEASE FOLLOW INSTUCTIONS CAREFULLY ESPECIALLY WHEN EDITING FRAMEWORK-RES
-FOLLOW THIS GUIDE AT YOUR OWN RISK-
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
1. Making Your Status Bar Transparent
(Hit spoiler/show content)
I am making this separate to the first post so u can read this without having to read the first post
First off if like to say an apk simply a compressed package containing different files relevant to the application in order to edit these u need to decompress or decompile the package that being said gets what u need
WHAT YOU NEED
Root access
Deodexed stock Rom or a custom Rom
Ninjamorph
Used for decompiling and recompiling the apk and also for reinstalling it
Busy box
Ninjamorph needs it
Canvas
Used for changing image transparency
Es file explorer
Used for properly seeing image transparency and some other file manager related stuff
K now that you got that down let's begin
Open Ninjamorph now u need to find your status bar that file's name is SystemUI.apk this is stored in system/app
after finding that select it and Ninjamorph will start decompiling when it's done it will take u to the decompiled folder
K time to search for your various status bar images exit Ninjamorph and open canvas
Pull down menu and tap operations then this
U will now be in your sd card
The images u are looking for are stored in are stored in sdcard/Android themes/workspace/SystemUIapk/res/drawable-ldpi here
First locate that image there
my rom had it named as chobits.png but it will most likely be renamed on yours but simply skim through and you'll find it is a big image after u find it select it
Now you'll be taken to the editing screen
Pull down the menu click on operations then this
you'll now see this
Click export as png this is very important if u export as jpg you'll lose transparency then save be sure not to rename after doing that go back into sdcard/Android themes/workspace/SystemUIapk/res/drawable-ldpi and repeat the process on these images
Again these images names might be different on your rom but they are the the top and bottom of your status bar
After ur finished go in es file explorer into sdcard/canvas and view these images in es file explorer this gives u a interpretation of how transparent these images actually are
See
Now your done with that go into Ninjamorph and in your status bar again into drawable-ldpi and select the name of your original status bar background in my case chobits.png
Then Ninjamorph will now ask u to choose a image to replace it with
go into sdcard/canvas and select your edited status bar background while in that folder take note of the names other images u made
You will now be back in drawable-ldpi now simply replace the other images just like u did b4 (it'll be easy as u didn't change the names)
Now ur done with that tap finish project then tap SystemUIapk Ninjamorph will now start compiling after its done it'll ask if your sure u wanna overwrite tap yes then it'll ask if u wanna zip align tap no and it will start writing (ur status bar will disappear don't worry) now it'll ask if u wanna clean click no again now reboot to your transparent status bar
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
Changing Application Icons
I am making this separate to the first post so u can read this without having to read the first post
First off if like to say an apk simply a compressed package containing different files relevant to the application in order to edit these u need to decompress or decompile the package that being said gets what u need
Root access
Zip signer
For making changes "stick"
Ninjamorph
Used for decompiling and recompiling the apk and also for reinstalling it
Busy box
Ninjamorph needs it
Es file explorer
File manager stuff
Link2sd
not needed optional
Titanium Backup
Might not necessarily be needed
First you'll need to get your icons do that anyway way u wish either download or make our whatever
K now that we got that down open Ninjamorph and tap new project now you'll have to locate the apk of the app I wanna change apks are stored like this
System apks are stored in system/app
Sd card apks are stored in mnt/asec then in the respective apps folder
Linked apps are stored in data/sdext2 you'll see them in data/app but that's not where there really stored your phone just thinks so
And internal apps are stored in data/app
Once you've decided where the app u want is stored navigate to that location
Once there you'll realize that the apps you wish to change don't have regular names like in the pic
You'll have to use your brain to figure out what is what or here's where the optional part comes in u can use link2sd and search for the app u want and it'll give u the name like so
Now select your apk and Ninjamorph will start decompiling
You'll see some files go into res then drawable- (insert letter here)dpi these different folders are for different phone resolutions our phone is ldpi but that may not always be present also it's best u change the icons for all sizes
So now enter one of the (something)dpi folders and look for the applications icon this isn't always going to be named the same thing in my case it's named appicon.png
Now select it Ninjamorph will now inform u that your replacing said image now navigate to wherever u stored your icons and select the icon u wish to replace it with do this for all the other dpi's then check to make sure the image changed
Btw if an icon isn't being changed in Ninjamorph then do this using es file explorer go to the image your using to replace and rename it the exact same name as the image your replacing in my case appicon.png after that is done copy the renamed file into the android themes/workspace/res/drawable (something)dpi folders that contain the image your replacing you'll get a message asking to overwrite tap yes
When your done exit Ninjamorph (if you were in Ninjamorph) open es file explorer and go to android themes/workspace/(name of app whose image u replaced) and delete the META-INF folder after that is done select all of the files in the folder long press then select create zip this will take a while
After that is done close es and open zip signer select choose in/out
And navigate to your zip and select it after that select sign the file and await completion
Now that that's done go back in es file explorer into the folder where the zip is stored and delete everything besides the signed zip file
Now extract the zip to the folder your in wait for it to finish then delete the zip file
Now open Ninjamorph select finish project then the file u were editing wait for that to finish
Now open the app and if it force closes back it up with titanium and restore it
Now enjoy your new icon
Your welcome
+1 bro...
ill try thing thang
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
jasonxD said:
+1 bro...
ill try thing thang
Click to expand...
Click to collapse
Lol thanx
Phone Slow? go ------>HERE<------
Ubuntu phone OS announced
what do u think share your thoughts --->HERE<---
_____________________________________
This post uses the patented TingTingin®™ method I would teach it to you but you are not yet worthy (come back in a hundred years)
--Sent from the future with a galaxy s4 like a freaking BAWS--
can u send me systemui.apk of chobits?
ill mod it and use it (>_<")
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
jasonxD said:
can u send me systemui.apk of chobits?
ill mod it and use it (>_<")
Click to expand...
Click to collapse
Wait mine or the orginal 1?
Phone Slow? go ------>HERE<------
Ubuntu phone OS announced
what do u think share your thoughts --->HERE<---
_____________________________________
This post uses the patented TingTingin®™ method I would teach it to you but you are not yet worthy (come back in a hundred years)
--Sent from the future with a galaxy s4 like a freaking BAWS--
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
Original one for sure
Sent from my GT-P3110 using Tapatalk HD
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
K i will
Phone Slow? go ------>HERE<------
Ubuntu phone OS announced
what do u think share your thoughts --->HERE<---
_____________________________________
This post uses the patented TingTingin®™ method I would teach it to you but you are not yet worthy (come back in a hundred years)
--Sent from the future with a galaxy s4 like a freaking BAWS--
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
Btw the status bar toggles are a mod i found it in the devs customization thread u have to flash it or place the lidroid-res.apk into the necessary folder k
Phone Slow? go ------>HERE<------
Ubuntu phone OS announced
what do u think share your thoughts --->HERE<---
_____________________________________
This post uses the patented TingTingin®™ method I would teach it to you but you are not yet worthy (come back in a hundred years)
--Sent from the future with a galaxy s4 like a freaking BAWS--
gimme the systemui.apk of chobits ( non original )
and the lidroidres.apk u have found somewhere
i have downloaded all the stuff needed..
i m ready ^_^
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
jasonxD said:
gimme the systemui.apk of chobits ( non original )
and the lidroidres.apk u have found somewhere
i have downloaded all the stuff needed..
i m ready ^_^
Click to expand...
Click to collapse
K now am confused what do u want exactly
Phone Slow? go ------>HERE<------
Ubuntu phone OS announced
what do u think share your thoughts --->HERE<---
_____________________________________
This post uses the patented TingTingin®™ method I would teach it to you but you are not yet worthy (come back in a hundred years)
--Sent from the future with a galaxy s4 like a freaking BAWS--
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
Lol
I need systemui of chobits the original one
And the lidroidres u are talking about...
Sent from my GT-P3110 using Tapatalk HD
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
K uploading now
Phone Slow? go ------>HERE<------
Ubuntu phone OS announced
what do u think share your thoughts --->HERE<---
_____________________________________
This post uses the patented TingTingin®™ method I would teach it to you but you are not yet worthy (come back in a hundred years)
--Sent from the future with a galaxy s4 like a freaking BAWS--
hmmmm now?
its like
400kb...
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
Lol was doin something and is edge am uploading off of
http://db.tt/IPA96xco
https://www.dropbox.com/s/oliffhub7ftbb9d/SystemUI.apk
Here u go
Phone Slow? go ------>HERE<------
Ubuntu phone OS announced
what do u think share your thoughts --->HERE<---
_____________________________________
This post uses the patented TingTingin®™ method I would teach it to you but you are not yet worthy (come back in a hundred years)
--Sent from the future with a galaxy s4 like a freaking BAWS--
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
Can you give the tutorial for changing battery icon using ninjamorph !?
Sent from my GT-S5360 using xda premium
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
My Rom is different it has 200 battery icons and am not even kidding i wish i was but okay i will add that
I might do so 2morrow (am not making any promises though)
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
kuulbhaskar said:
Can you give the tutorial for changing battery icon using ninjamorph !?
Sent from my GT-S5360 using xda premium
Click to expand...
Click to collapse
Hmmm are you on stock rom?
I sent this through telepathy but you can still make a contract with me :3
Re: [Tutorial] Theming your phone with your phone *NOOB FRIENDLY*
The from name is Chobits digitalized.
Hello,
i'd like to share instructions for a mod that lets you use custom images (.png) as icons for apps system-widely (in recents menu, in launchers, included One UI home) in stock-based samsung roms.
This works fine on Android Pie 9 rom (it might work also on Android 10 Q if the engine hasn't changed).
Story:
I was searching a way to get rid of adaptive icons (i hate small icons inside white circles, i simply can't find my apps) and get back freeform legacy icons. Unfortunately OneUI home launcher does not allow custom icons, while using third-paty launchers only lets you change icons on the launcher side and not in the whole android system.
Samsung has created a great theme engine but they like to protect their things from personal use too (seriously: who's still making money from theming nowadays?).
Basis:
You need to edit the theme_app_icons.xml file in framework-res.apk from system/framework folder and the only way I found is by replacing framework-res.apk with a modded one (ROOT needed).
I made several attempts to create a working overlay (root-less) for this particular file in framework-res but it seems that strangely this file cannot be overlayed using the Resource Overlay framework (Samsung restrictions? So far it seems that other themers could not find a way, too).
So, for ROOT-LESS users, you can only customize predefined samsung/google apps icons (apps listed in theme_app_icons.xml).
INSTRUCTIONS:
1) decompile framework-res.apk (i used TickleMyandroid https://forum.xda-developers.com/showthread.php?t=1633333)
2) go to decompiled res/xml folder, open and edit theme_app_icons.xml adding new entries for the apps you want. For editing you can use Notepad++, avoid Windows notepad.
You need to add the package name of the app and an ic_xxxxxx custom icon name you'll use later.
For example, if you want to customize the icon of the XDA app you'll add this line:
Code:
<ThemeApp className="com.xda.labs" iconId="ic_xda" />
3) save, recompile (for recompilation errors you need to look in the error log and delete duplicate entries in styles.xml similarly to what is described here https://forum.xda-developers.com/showpost.php?p=78541190&postcount=838 )
Then drag and drop the theme_app_icons.xml FROM the recompiled apk TO the original framework-res.apk, because if you use directly the recompiled apk you might have bootloop (apktool problem with res folders, happens also for other system apks)
4) now -directly replace- or -system-lessly replace using a Magisk module- the framework-res.apk with the modded one and reboot
5) Open the Galaxy Theme store, download a random icon pack but DO NOT APPLY IT, export the apk (you can find it in data/app folder), decompile it and replace and add icons in res/drawable-xxxxdpi folder with your custom PNG icons (you can also replace default .qmg files with .png ones).
Now recompile the modded icon pack apk and replace the downloaded one on the phone with the recompiled pack
(you can A- directly install it over the original one if you have the "Core Patch" edxposed module/Smali patcher signature mod magisk module or B- uninstall the original pack using the terminal command "pm uninstall packagename" and immediately install the recompiled one.
The same concept can be used to install custom themes, for example these or using the "Custom Themes Installer for OneUI Pie" app )
6) Finally apply the icon pack using Galaxy theme store and you are done.
{
"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"
}
(my freeshape/touchwiz style drawer)
NOTES:
-The modded icon pack might disappear from the personal list in Galaxy theme store after a reboot, but the icons will stay there (and also the installed icon package).
-Every app still has its legacy icon in res/mipmap folders, so you can extract and use it in your icon pack
- you can adjust the icon size using the "icon_scale_size" integer inside the icon pack (max 100)
Hope you enjoy, i've been experimenting a lot during this lockdown time. I'll try also to answer the questions and give help.
This looks promising! is there anyway that the icon shape can be changed too?
Archmag3 said:
This looks promising! is there anyway that the icon shape can be changed too?
Click to expand...
Click to collapse
Thanks,
Do you mean this ? :
https://source.android.com/devices/tech/display/adaptive-icons#implementation
I have tried everything and any 3rd app and nothing worked (hex themed part of the apps) , coffee app doesn't work at all , hope this method will work on Android 10 , will try later.
ninestarkoko said:
Thanks,
Do you mean this ? :
https://source.android.com/devices/tech/display/adaptive-icons#implementation
Click to expand...
Click to collapse
Yes, more or less on those lines. I personally hate the squarecicle icons, can something like rounded rectangle be achieved? something that miui, huawei etc has
ninestarkoko said:
Hello,
i'd like to share instructions for a mod that lets you use custom images (.png) as icons for apps system-widely (in recents menu, in launchers, included One UI home) in stock-based samsung roms.
This works fine on Android Pie 9 rom (it might work also on Android 10 Q if the engine hasn't changed).
Story:
I was searching a way to get rid of adaptive icons (i hate small icons inside white circles, i simply can't find my apps) and get back freeform legacy icons. Unfortunately OneUI home launcher does not allow custom icons, while using third-paty launchers only lets you change icons on the launcher side and not in the whole android system.
Samsung has created a great theme engine but they like to protect their things from personal use too (seriously: who's still making money from theming nowadays?).
Basis:
You need to edit the theme_app_icons.xml file in framework-res.apk from system/framework folder and the only way I found is by replacing framework-res.apk with a modded one (ROOT needed).
I made several attempts to create a working overlay (root-less) for this particular file in framework-res but it seems that strangely this file cannot be overlayed using the Resource Overlay framework (Samsung restrictions? So far it seems that other themers could not find a way, too).
So, for ROOT-LESS users, you can only customize predefined samsung/google apps icons (apps listed in theme_app_icons.xml).
INSTRUCTIONS:
1) decompile framework-res.apk (i used TickleMyandroid https://forum.xda-developers.com/showthread.php?t=1633333)
2) go to decompiled res/xml folder, open and edit theme_app_icons.xml adding new entries for the apps you want. For editing you can use Notepad++, avoid Windows notepad.
You need to add the package name of the app and an ic_xxxxxx custom icon name you'll use later.
For example, if you want to customize the icon of the XDA app you'll add this line:
Code:
<ThemeApp className="com.xda.labs" iconId="ic_xda" />
3) save, recompile (for recompilation errors you need to look in the error log and delete duplicate entries in styles.xml similarly to what is described here https://forum.xda-developers.com/showpost.php?p=78541190&postcount=838 )
Then drag and drop the theme_app_icons.xml FROM the recompiled apk TO the original framework-res.apk, because if you use directly the recompiled apk you might have bootloop (apktool problem with res folders, happens also for other system apks)
4) now -directly replace- or -system-lessly replace using a Magisk module- the framework-res.apk with the modded one and reboot
5) Open the Galaxy Theme store, download a random icon pack but DO NOT APPLY IT, export the apk (you can find it in data/app folder), decompile it and replace and add icons in res/drawable-xxxxdpi folder with your custom PNG icons (you can also replace default .qmg files with .png ones).
Now recompile the modded icon pack apk and replace the downloaded one on the phone with the recompiled pack
(you can A- directly install it over the original one if you have the "Core Patch" edxposed module/Smali patcher signature mod magisk module or B- uninstall the original pack using the terminal command "pm uninstall packagename" and immediately install the recompiled one.
The same concept can be used to install custom themes, for example these or using the "Custom Themes Installer for OneUI Pie" app )
6) Finally apply the icon pack using Galaxy theme store and you are done.
View attachment 4989669 (my freeshape/touchwiz style drawer)
NOTES:
-The modded icon pack might disappear from the personal list in Galaxy theme store after a reboot, but the icons will stay there (and also the installed icon package).
-Every app still has its legacy icon in res/mipmap folders, so you can extract and use it in your icon pack
- you can adjust the icon size using the "icon_scale_size" integer inside the icon pack (max 100)
Hope you enjoy, i've been experimenting a lot during this lockdown time. I'll try also to answer the questions and give help.
Click to expand...
Click to collapse
This is interesting. I just found that theme_app_icons.xml and tried to make an overlay to target it and failed. Then do a bit research lead me to this post. But I still want to find out why the overlay method didn't work. So could you share your steps and method that you use to overlay target that xml? I have a thinking that maybe the level of priority of the overlay is the issue.
well theres 2 minutes im not getting back. -_-
osuki9x said:
This is interesting. I just found that theme_app_icons.xml and tried to make an overlay to target it and failed. Then do a bit research lead me to this post. But I still want to find out why the overlay method didn't work. So could you share your steps and method that you use to overlay target that xml? I have a thinking that maybe the level of priority of the overlay is the issue.
Click to expand...
Click to collapse
I simply edited one of the stock overlays you can find in /vendor/overlay folder. Tried fiddling a bit but was unsuccessful.
Please let me know if you find a solution (as far as i know not even professional themers so far have found the right way)
ninestarkoko said:
Hello,
i'd like to share instructions for a mod that lets you use custom images (.png) as icons for apps system-widely (in recents menu, in launchers, included One UI home) in stock-based samsung roms.
This works fine on Android Pie 9 rom (it might work also on Android 10 Q if the engine hasn't changed).
Story:
I was searching a way to get rid of adaptive icons (i hate small icons inside white circles, i simply can't find my apps) and get back freeform legacy icons. Unfortunately OneUI home launcher does not allow custom icons, while using third-paty launchers only lets you change icons on the launcher side and not in the whole android system.
Samsung has created a great theme engine but they like to protect their things from personal use too (seriously: who's still making money from theming nowadays?).
Basis:
You need to edit the theme_app_icons.xml file in framework-res.apk from system/framework folder and the only way I found is by replacing framework-res.apk with a modded one (ROOT needed).
I made several attempts to create a working overlay (root-less) for this particular file in framework-res but it seems that strangely this file cannot be overlayed using the Resource Overlay framework (Samsung restrictions? So far it seems that other themers could not find a way, too).
So, for ROOT-LESS users, you can only customize predefined samsung/google apps icons (apps listed in theme_app_icons.xml).
INSTRUCTIONS:
1) decompile framework-res.apk (i used TickleMyandroid https://forum.xda-developers.com/showthread.php?t=1633333)
2) go to decompiled res/xml folder, open and edit theme_app_icons.xml adding new entries for the apps you want. For editing you can use Notepad++, avoid Windows notepad.
You need to add the package name of the app and an ic_xxxxxx custom icon name you'll use later.
For example, if you want to customize the icon of the XDA app you'll add this line:
Code:
<ThemeApp className="com.xda.labs" iconId="ic_xda" />
3) save, recompile (for recompilation errors you need to look in the error log and delete duplicate entries in styles.xml similarly to what is described here https://forum.xda-developers.com/showpost.php?p=78541190&postcount=838 )
Then drag and drop the theme_app_icons.xml FROM the recompiled apk TO the original framework-res.apk, because if you use directly the recompiled apk you might have bootloop (apktool problem with res folders, happens also for other system apks)
4) now -directly replace- or -system-lessly replace using a Magisk module- the framework-res.apk with the modded one and reboot
5) Open the Galaxy Theme store, download a random icon pack but DO NOT APPLY IT, export the apk (you can find it in data/app folder), decompile it and replace and add icons in res/drawable-xxxxdpi folder with your custom PNG icons (you can also replace default .qmg files with .png ones).
Now recompile the modded icon pack apk and replace the downloaded one on the phone with the recompiled pack
(you can A- directly install it over the original one if you have the "Core Patch" edxposed module/Smali patcher signature mod magisk module or B- uninstall the original pack using the terminal command "pm uninstall packagename" and immediately install the recompiled one.
The same concept can be used to install custom themes, for example these or using the "Custom Themes Installer for OneUI Pie" app )
6) Finally apply the icon pack using Galaxy theme store and you are done.
View attachment 4989669 (my freeshape/touchwiz style drawer)
NOTES:
-The modded icon pack might disappear from the personal list in Galaxy theme store after a reboot, but the icons will stay there (and also the installed icon package).
-Every app still has its legacy icon in res/mipmap folders, so you can extract and use it in your icon pack
- you can adjust the icon size using the "icon_scale_size" integer inside the icon pack (max 100)
Hope you enjoy, i've been experimenting a lot during this lockdown time. I'll try also to answer the questions and give help.
Click to expand...
Click to collapse
I installed an icon pack from galaxy themes store, but the only thing I see in data/app folder is SystemUI.apk, Is it supposed to be SystemUI.apk? what am I missing?