Related
Hi guys,
Wondering if someone can give me some clear directions how to add battery icons (knowing that the resource IDs of the images are not stored in public.xml - it doesn't exist in samsung's framework-res.apk) and how can I change text colors (basically replace black with white and vice versa) and where should I change these values.
Thanks a lot!
Common themers, I know you know, you just don't wanna share
Joking I would really like to start themeing as well and these are the only 2 issues that I have at the moment.
icezar1 said:
Common themers, I know you know, you just don't wanna share
Joking I would really like to start themeing as well and these are the only 2 issues that I have at the moment.
Click to expand...
Click to collapse
http://forum.xda-developers.com/showthread.php?t=724778
Get apk manger.I'm trying to do this too.
Hm, I did, I de-compiled the apk but did not want to compile back. Probably the images are not Draw 9-patch-ed. However, I still need to find out how to change the text color...
icezar1 said:
Hm, I did, I de-compiled the apk but did not want to compile back. Probably the images are not Draw 9-patch-ed. However, I still need to find out how to change the text color...
Click to expand...
Click to collapse
find you find out before keep me updated, and i'll do the same.
icezar1 said:
Hi guys,
Wondering if someone can give me some clear directions how to add battery icons (knowing that the resource IDs of the images are not stored in public.xml - it doesn't exist in samsung's framework-res.apk) and how can I change text colors (basically replace black with white and vice versa) and where should I change these values.
Thanks a lot!
Click to expand...
Click to collapse
You can change the battery icons in the framework-res.apk [look in the res/drawable hdpi/stat_sys_battery_x.png
and to change the text color: I was trying to figure that one out last week....From what I figured out you need to modify:
res/layout/status_bar_latest_event_content.xml
Which is found in your framework-res.apk aswell....Decomplie-edit-recomplie....
Good luck
what program are you using to edit your xml's?
chaosjh said:
what program are you using to edit your xml's?
Click to expand...
Click to collapse
apk_manager_4.9 to decomplie-recomplie. Then use notepad to edit
i change icons and stuff in framework by just using 7zip. No need to decompile or sign, or any of that. Super easy. Not sure about changing text color, tho.
If your just wanting to do simple changes (no .xml edits)
You can use WinRar to open the framework-res.apk and find the *.png's you want to replace.
Then copy/paste the new images over the old ones inside of WinRar.
Close.. and install.
But thats for quick and dirty changes. For more intricate stuff - animations etc. that require *.xml edits - do what the above folks say
No way..
OK, just decompiled-added icons from other decompiled framework-recompiled, no xml edits-installed. Look is changed, battery icons now displaying fine but... force closes and restarts the shell in less than 20 secs...
yup try the winrar method - there is no decompiling.. just copies the images into the *.apk
And shouldn't have any FC's if you try that method.
avgjoegeek said:
If your just wanting to do simple changes (no .xml edits)
You can use WinRar to open the framework-res.apk and find the *.png's you want to replace.
Then copy/paste the new images over the old ones inside of WinRar.
Close.. and install.
But thats for quick and dirty changes. For more intricate stuff - animations etc. that require *.xml edits - do what the above folks say
Click to expand...
Click to collapse
Yeah i changed icon with winRar, and all kinds of crazy stuff happed. Loop boots,and Fc
Have you guys figured out the text color yet? If you haven't let me know what text you're trying to change and I'll write something up in a few hours when I get off work.
Sent from my SAMSUNG-SGH-I897 using XDA App
fritzgerald said:
Have you guys figured out the text color yet? If you haven't let me know what text you're trying to change and I'll write something up in a few hours when I get off work.
Sent from my SAMSUNG-SGH-I897 using XDA App
Click to expand...
Click to collapse
i have tried for to days now to get these android faces icon for the battery.I've use winRar and it worked good for a few hours, but when i used cwm to backup my system on reboot it boot loop. I got apk manger and everytime I try to compile the apk there is a error.Oh changing the text color would be cool too!
dfuse06 said:
i have tried for to days now to get these android faces icon for the battery.I've use winRar and it worked good for a few hours, but when i used cwm to backup my system on reboot it boot loop. I got apk manger and everytime I try to compile the apk there is a error.Oh changing the text color would be cool too!
Click to expand...
Click to collapse
Shoot me a link to the icons you're trying to use. What ROM are you using(name & version). What text are you looking to change? There's not one global change to make all the text different I'll need to know what specifically you're trying to change.
I use the uot kitchen you get the icon on perception 7,but im on 8 now. I'm running perception 7 darknees 2.3 theme, and that is what i'm trying to get the icons on its the battery icon of the android smiley faces it is version j with white numbers. i'm going to look for a link for them.i have the framwork-res.apk with them in it.
When you recompile with APK Manager, a couple of things are very important to do:
1. Hit yes to "system app".
2. Hit yes to restoring the files:
-Open the "keep" folder and delete resources.arsc. Then delete anything you changed (if it's there).
3. Do NOT sign it.
It should work.
PuffinNugz said:
i change icons and stuff in framework by just using 7zip. No need to decompile or sign, or any of that. Super easy. Not sure about changing text color, tho.
Click to expand...
Click to collapse
Do you just individually edit each icon? Cause I can't find a way to copy in a folder. I'm pulling the icons from the 2.3 framework, but i just want to copy over the drawable folders for now.
TheEscapist said:
Do you just individually edit each icon? Cause I can't find a way to copy in a folder. I'm pulling the icons from the 2.3 framework, but i just want to copy over the drawable folders for now.
Click to expand...
Click to collapse
I just dragged the images from a particular themes framework and dropped them to the new one all within 7zip.
Hi guys.
I've been using the Elegance Theme by Erestor6 for some time now, but I find I would really like a white status bar.
So I went to the UOT Kitchen and designed my own.
It's not refined like the work of Erestor, but it will do for me.
Problem, in the first attached image you can see the result of my UOT kitchen mod.
It's nice but the default switch buttons don't fit.
In the second image you can see the wonderfull Erestor work.
I would like to have his switches and my status bar. How can I do that?
Also in the third image you can see a problem: whenever a phone call is started, the status bar turns black again. I suspect it's embedded in the dialer apk.
Can anyone help me in fixing these issues?
erups said:
Hi guys.
I've been using the Elegance Theme by Erestor6 for some time now, but I find I would really like a white status bar.
So I went to the UOT Kitchen and designed my own.
It's not refined like the work of Erestor, but it will do for me.
Problem, in the first attached image you can see the result of my UOT kitchen mod.
It's nice but the default switch buttons don't fit.
In the second image you can see the wonderfull Erestor work.
I would like to have his switches and my status bar. How can I do that?
Also in the third image you can see a problem: whenever a phone call is started, the status bar turns black again. I suspect it's embedded in the dialer apk.
Can anyone help me in fixing these issues?
Click to expand...
Click to collapse
the toggle buttons are stored in systemUI.apk, you have to change them manually, not with UOT
i uploaded the icons for you , you can exchange them with erestor ones and put em back in systemUI.apk ...
75markus said:
the toggle buttons are stored in systemUI.apk, you have to change them manually, not with UOT
i uploaded the icons for you , you can exchange them with erestor ones and put em back in systemUI.apk ...
Click to expand...
Click to collapse
Thanks, but yours are not the same as Erestor's.
But you pointed me in the right direction: I thought all these files were packed somehow, but looking in erestor's zip they are all there in plain site.
I can try a merge
Edit: I spoke too soon, the UOT zip is packed. They are already apk files.
How can I unpack them?
erups said:
Thanks, but yours are not the same as Erestor's.
But you pointed me in the right direction: I thought all these files were packed somehow, but looking in erestor's zip they are all there in plain site.
I can try a merge
Edit: I spoke too soon, the UOT zip is packed. They are already apk files.
How can I unpack them?
Click to expand...
Click to collapse
yes, i know they are not same, just wanted to point you to this direction ...
just use winrar, winzip, 7zip or whatever to extract them
75markus said:
yes, i know they are not same, just wanted to point you to this direction ...
just use winrar, winzip, 7zip or whatever to extract them
Click to expand...
Click to collapse
You mean an apk is just a zip????
My gosh... couldn't believe it
erups said:
You mean an apk is just a zip????
My gosh... couldn't believe it
Click to expand...
Click to collapse
Yeah, that´s it
just open it with winRAR, and drag new icons into it.
as long as if you don´t change xml files, you can just drag & drop
Yes I noticed, thanks mate!!!
Now since I'm modding my phone, I tried modding the bootanimation.
I took the one I chose with the UOT, unpacked, modified the images, resaved, repacked and put it in my phone.
It doesn't work.
The images have the exact same dimensions and name, still the screen is black.
I used photoshop to save the PNGs.
What may be wrong?
One frame is attached below.
erups said:
Yes I noticed, thanks mate!!!
Now since I'm modding my phone, I tried modding the bootanimation.
I took the one I chose with the UOT, unpacked, modified the images, resaved, repacked and put it in my phone.
It doesn't work.
The images have the exact same dimensions and name, still the screen is black.
I used photoshop to save the PNGs.
What may be wrong?
One frame is attached below.
Click to expand...
Click to collapse
I can tell you :
for bootanimation, it is necessary that you save the zip WITHOUT Compression after modding the images ! (not just drag & drop into zip file, this will use compression !)
you can choose that in winRAR for example, just use option : save
you can have a look at my bootanimation and check archive details ...
http://www.mediafire.com/75markus#r5ah69lj81ci8,1
75markus said:
I can tell you :
for bootanimation, it is necessary that you save the zip WITHOUT Compression after modding the images ! (not just drag & drop into zip file, this will use compression !)
you can choose that in winRAR for example, just use option : save
Click to expand...
Click to collapse
Ok thanks!
It's working
erups said:
Ok thanks!
It's working
Click to expand...
Click to collapse
fine 10 chars
I still don't know how to do it. My Galaxy Mini has the EmanoN V3 Rom Installed, and I know how to change the boot animation (and where those animations are located) but I don't know anything about the Battery Charge Animation When the Phone is off.
I've read other threads but none of them helped me with this concern. It seems that in Samsung Galaxy Mini the Charging animation file is in other location and not in /System/Media.. I really want to change that old charging Animation (The big green battery charging xD)
It's in u framework.
Easy way is to use Uot kitchen or any theme to change it.
Of u want to change it yourself..then u should replace a few icons in ur framework with others of ur choice.
roofrider said:
It's in u framework.
Easy way is to use Uot kitchen or any theme to change it.
Of u want to change it yourself..then u should replace a few icons in ur framework with others of ur choice.
Click to expand...
Click to collapse
Oh, are you talking about the framework folder located on /system? because in that folder there are only .jar and .odex files.. oh, and 2 .apk called "lidroid-res" and "framework-res".
framework-res.apk is the one.
roofrider said:
framework-res.apk is the one.
Click to expand...
Click to collapse
Cool. It's seems that the EmanoN v3 ROM is not in the ROM list in Uot Kitchen. Well, In the case that I want to change the battery charging animation (when the phone is turned off) manually, how could I edit the 'framework-res.apk'?
Oh u want to change the charging anim when powered off?
It's close to impossible.
Very complex and I have no idea.
It has something to do with the kernel.
The only person afaik who has managed to do that is Chainfire with his app no moar powah and it's incompatible with Qvga.
My bad, sorry.
I didn't read ur OP with care.
[Off-Topic] question !
How can I change the default battery/Wifi/Network Signal icons (Stock 2.3.6 - S5570DDKQ7) to the one below :
http://forum.xda-developers.com/showpost.php?p=19943236&postcount=97
I really liked the ICS blueish battery icons, and had enough with Stock battery icons. Anyways I'm not concerned with Launchers or anything else, that's not a matter
How can I change the default battery/Wifi/Network Signal icons (Stock 2.3.6 - S5570DDKQ7) to the one below :
http://forum.xda-developers.com/show...6&postcount=97
I really liked the ICS blueish battery icons, and had enough with Stock battery icons. Anyways I'm not concerned with Launchers or anything else, that's not a matter
Click to expand...
Click to collapse
Do you mean the icons that are located in the status bar, right? Did you try Uot kitchen?
I'm more curious about how to change the battery charging animation when the phone is turned off. A friend told me that I could not change it because "that animation is part of the 'cellphone'. It's like the Downloading Mode image (that cannot be edited)" but I'm not sure about that..
Harp_River said:
Do you mean the icons that are located in the status bar, right? Did you try Uot kitchen?
I'm more curious about how to change the battery charging animation when the phone is turned off. A friend told me that I could not change it because "that animation is part of the 'cellphone'. It's like the Downloading Mode image (that cannot be edited)" but I'm not sure about that..
Click to expand...
Click to collapse
Yup, the one's that located in status bar. I've been browsing around in UOT Kitchen for sometime, but its not letting me to do anything (Its full)
And, also I'm too lazy to set all icons myself So its easy if anyone had modified framework-res.apk or SystemUI.apk with ICS battery icons set. The ICS battery icons in the link that I posted before, is a perfect choice for me.
coolsandie said:
How can I change the default battery/Wifi/Network Signal icons (Stock 2.3.6 - S5570DDKQ7) to the one below :
http://forum.xda-developers.com/showpost.php?p=19943236&postcount=97
I really liked the ICS blueish battery icons, and had enough with Stock battery icons. Anyways I'm not concerned with Launchers or anything else, that's not a matter
Click to expand...
Click to collapse
impassiable for odex rom ....
if you have deodex rom or custom rom can use UOT kitchen or edit frameeork-res.apk and systemui.apk .
it's so easy for deodex rom.
adib_17 said:
impassiable for odex rom ....
if you have deodex rom or custom rom can use UOT kitchen or edit frameeork-res.apk and systemui.apk .
it's so easy for deodex rom.
Click to expand...
Click to collapse
Hmm, yeah I guessed. Now I'm using CM7.2.0 RC3 and my wish is fullfilled
Sent from my GT-S5570 using XDA App
Check bootloader
Harp_River said:
Cool. It's seems that the EmanoN v3 ROM is not in the ROM list in Uot Kitchen. Well, In the case that I want to change the battery charging animation (when the phone is turned off) manually, how could I edit the 'framework-res.apk'?
Click to expand...
Click to collapse
Hi,
I was also looking for a similar solution for my android phone. Someone on the google group mentioned that this is a part of the bootloader (http://groups.google.com/group/android-platform/browse_thread/thread/7ab362a235b840d2). You got to modify the bootloader to achieve this. This is not part of android.
Is someone planning to make/port a theme for v20n?
Thanks in advance.
Yeah just wait, themes will come eventually...
Sent from my LG-P970 using Tapatalk
yeah ,theming 2.3 is more easier than 2.2
there's a lot of things to do with 2.3 ,let's do it step by step
I'd love to see this Theme on V20N.
I'm not skilled enough to port it by myself.
Mick2K said:
I'd love to see this Theme on V20N.
I'm not skilled enough to port it by myself.
Click to expand...
Click to collapse
you can do it yourself with kitchen except lockscreen.
http://uot.dakra.lt/kitchen/
Happy to hear that
George Jetson said:
you can do it yourself with kitchen except lockscreen.
http://uot.dakra.lt/kitchen/
Click to expand...
Click to collapse
I tryed kitchen. But in the LG ROM some files are not in framework-res or system ui.
So you can change only status Icons and battery icon but not the ugly blueish style of the whole ROM like the Icons in the dropdown menu.
Is it understandable what im trying to say?
Yes, me too I've tried several times changing the icons in the drop-down menu but so far i haven't succeeded :/
what are u saying guys????u can edit EVERY aspect of any LG ROM without the lockscreen & the icons!!!!...check out my themes' sceenshots in this thread!!!!
http://forum.xda-developers.com/showthread.php?t=1448316
Irochk said:
Yes, me too I've tried several times changing the icons in the drop-down menu but so far i haven't succeeded :/
Click to expand...
Click to collapse
It's because some things are named different. You can't change those icons unless you decompile. Example, in dropdown menu/pull down menu, indi_noti_bluetooth_off (LG) versus stat_bluetooth_off (Gingerbread, CM7). UOT doesn't cover that.
achyut said:
what are u saying guys????u can edit EVERY aspect of any LG ROM without the lockscreen!!!...check out my themes' sceenshots in this thread!!!!
http://forum.xda-developers.com/showthread.php?t=1448316
Click to expand...
Click to collapse
Ah, they meant the Power widget notification icons.
Sorry for the misunderstanding, and thanks gabwerkz that's what i meant ^_^ When you say decompile you refer to decompile the framework-res.apk or the systemui.apk?
Irochk said:
Sorry for the misunderstanding, and thanks gabwerkz that's what i meant ^_^ When you say decompile you refer to decompile the framework-res.apk or the systemui.apk?
Click to expand...
Click to collapse
If you want to change those icons, they are located in SystemUI. If you have your UOT zip, extract/unzip it.
1. Grab the SystemUI and decompile.
2. Change the icon/s.
3. Compile.
4. Rename the compiled unsignedSystemUI to SystemUI.
5. Open your UOT zip by double clicking (if you have a rar/zip program),
6. Locate SystemUI (app folder).
7. Drag and drop the compiled and replace.
8. With WinRAR (my compression method is "store").
9. Exit and flash the zip.
Be aware of the icon size (for alignment) left and right. You can crop top and bottom so you can resize it's background too. Same as the Carrier background. See my unresized background example below (V20N). A waste of space. Then see my modified one (CM7). you only get good results by decompiling. UOT cannot resize backgrounds.
gabwerkz said:
If you want to change those icons, they are located in SystemUI. If you have your UOT zip, extract/unzip it. Be aware of the icon size (for alignment). You can crop top and bottom so you can resize it's background too. Same as the Carrier background. See my unresized background example below. A waste of space.
1. Grab the SystemUI and decompile.
2. Change the icon/s.
3. Compile.
4. Rename the compiled unsignedSystemUI to SystemUI.
5. Open your UOT zip by double clicking (if you have a rar/zip program),
6. Locate SystemUI (app folder).
7. Drag and drop the compiled and replace.
8. With WinRAR (my compression method is "store").
9. Exit and flash the zip.
Click to expand...
Click to collapse
are u already porting echelon to v20n?
desirat said:
are u already porting echelon to v20n?
Click to expand...
Click to collapse
Yes I am...
gabwerkz said:
Yes I am...
Click to expand...
Click to collapse
those thumbnails are really awesome
waiting the release
gabwerkz said:
If you want to change those icons, they are located in SystemUI. If you have your UOT zip, extract/unzip it.
1. Grab the SystemUI and decompile.
2. Change the icon/s.
3. Compile.
4. Rename the compiled unsignedSystemUI to SystemUI.
5. Open your UOT zip by double clicking (if you have a rar/zip program),
6. Locate SystemUI (app folder).
7. Drag and drop the compiled and replace.
8. With WinRAR (my compression method is "store").
9. Exit and flash the zip.
Be aware of the icon size (for alignment) left and right. You can crop top and bottom so you can resize it's background too. Same as the Carrier background. See my unresized background example below (V20N). A waste of space. Then see my modified one (CM7). you only get good results by decompiling. UOT cannot resize backgrounds.
Click to expand...
Click to collapse
Thank you very much dude, you're the best!!!! hope to see your theme cooked soon !!!
hope to see someone make a minimalistic theme for v20n soon
If someone else is interested in Porting ROMS, Building CM7 from Source OR Theming.
This is for you guys http://forum.xda-developers.com/showthread.php?t=1273718&highlight=[All+In+One+Guide+for+Dummies]
Hope you guys learn fast as some are already doing new themes.
Remember that are various files involved:
framework-res.apk
SystemUI.apk now in Gingerbread
Are there in this new ROM lge-res.apk and suires.apk?? They were in Froyo, pretty important.
I haven't even looked at this V20 Rom since I'm in CM7 and moving to HD2 in a few days.
Good luck, it looks you are doing great!
Mick2K said:
I'd love to see this Theme on V20N.
I'm not skilled enough to port it by myself.
Click to expand...
Click to collapse
This theme I made, for most basic stuff, it's just getting png's from some clean Gingerbread Rom like Nexus one's. For more concrete things like volume bar of description text, well you have to get into xml's and test, but not hard for someone like gabwerkz and some others.
antonio1475 said:
Hope you guys learn fast as some are already doing new themes.
Remember that are various files involved:
framework-res.apk
SystemUI.apk now in Gingerbread
Are there in this new ROM lge-res.apk and suires.apk?? They were in Froyo, pretty important.
I haven't even looked at this V20 Rom since I'm in CM7 and moving to HD2 in a few days.
Good luck, it looks you are doing great!
Click to expand...
Click to collapse
No such files, atleast the one I'm using. I'll look into stock one, but I think they are important and should be there even in repacked ones if they are included indeed in Gingerbread. thanks for the advice tony.
Hi,
I have now Zeus 6 flashed and running fine.
1. I would have back the old LG Wallpaper (not animated).
2. I miss the old GPS icon in the notification bar too.
What do I have to download from here:
http://forum.xda-developers.com/showpost.php?p=21587977&postcount=2
I tried the animated wallpaper pack but that is not what I searched.
Thank you.
for lg old wallpaper
- LG Home pack (original LG Launcher) (flash from CWM): From V20N version, it will work at both versions.
-- Install: f046d7f72d73a56a17a2e73a763e1541 - mirror
Dragusdrake said:
for lg old wallpaper
- LG Home pack (original LG Launcher) (flash from CWM): From V20N version, it will work at both versions.
-- Install: f046d7f72d73a56a17a2e73a763e1541 - mirror
Click to expand...
Click to collapse
Thank you.
I tried this pack, but now the complete homescreen is as before :-(
I would like to see new (non animated) wallpapers with the Zeus homescreen.
Yes, I found out how to switch between the two homescreens.
u can simply extract the wallpaper from the lg home.apk( res> drawable hdpi) and save its to ur sd card....and then came back to ur favourite launcher...
for the icone of gps u have to change the icon of gps in framework-res.apk and systemui.apk
tramp20 said:
Thank you.
I tried this pack, but now the complete homescreen is as before :-(
I would like to see new (non animated) wallpapers with the Zeus homescreen.
Click to expand...
Click to collapse
I posted them here for everyone :
http://forum.xda-developers.com/showthread.php?p=24109702#post24109702
vincevince55 said:
u can simply extract the wallpaper from the lg home.apk( res> drawable hdpi) and save its to ur sd card....and then came back to ur favourite launcher...
for the icone of gps u have to change the icon of gps in framework-res.apk and systemui.apk
Click to expand...
Click to collapse
Thank you, too complicated for me
Pondera said:
I posted them here for everyone :
http://forum.xda-developers.com/showthread.php?p=24109702#post24109702
Click to expand...
Click to collapse
Thank you, some are nice.
tramp20 said:
Thank you, too complicated for me
Click to expand...
Click to collapse
it' s not complicated.....u have just to copy/unzip the .apk to ur desktop then u open it with 7zip go to folder res>drawable hdpi and u change the gps icone....
te same thing to extract the wallpaper from the home.apk.....
vincevince55 said:
it' s not complicated.....u have just to copy/unzip the .apk to ur desktop then u open it with 7zip go to folder res>drawable hdpi and u change the gps icone....
Click to expand...
Click to collapse
Thank you, the homescreen was easy
I found the new gps icon but for the old style icon I have to search the next days.
http://www.mediafire.com/download.php?ksiqwmgvn8p5ep5
this 1 is on framework-res.apk
http://www.mediafire.com/download.php?slf7ibdbc82iq98
and this1 in systemui.apk
enjoy it!!
Thank you.
But I assume I have to "sign" framework-res.apk and systemui.apk after the change?
u just have to chenge the icon with tha name in frmework and systemui then u make a flashable zip and install its by recovery...
vincevince55 said:
u just have to chenge the icon with tha name in frmework and systemui then u make a flashable zip and install its by recovery...
Click to expand...
Click to collapse
Hi,
I downloaded all, found a suitable one_click_signer, found the framework-res.apk but not the systemui.apk on my smartphone with Zeus6.
The old stock rom from LG had this file.
Thank you for your help.
Find it in /system/app.
there is systemui.apk
N00BY0815 said:
Find it in /system/app.
there is systemui.apk
Click to expand...
Click to collapse
It is really there
I searched with RootExplorer several times all directories with no success, the other file framework-res.apk was found at once.
Thanks.
tramp20 said:
It is really there
I searched with RootExplorer several times all directories with no success, the other file framework-res.apk was found at once.
Thanks.
Click to expand...
Click to collapse
I think it's because you really have to write SystemUI.apk and not just systemui.apk... Dont know why, but sometimes that's already the reason
It's Linux
Sent from my LG-P970 using xda premium
vincevince55 said:
u just have to chenge the icon with tha name in frmework and systemui then u make a flashable zip and install its by recovery...
Click to expand...
Click to collapse
Hi,
I need another help with making flashable zips.
I read here
http://forum.xda-developers.com/showthread.php?t=954281
and here
http://forum.xda-developers.com/showthread.php?t=732957
and at some other places without really understand this.
I now have two changed .apk files and don´t know how to proceed.
You need to make folders first.
Call one "system" inside make a folder called "app" and one called "framework"
Insert SystemUI into the app folder and the framework-res into framework.
Then you need to make an updater-script, or you copy it from another flashable .zip, which also contains systemUI.apk and framework-res.apk.
Then make another folder called META, insides one called "com" inside "google" and "android" inside it. Insert the updater-script and update-binary into it, zip those two folders together in one .zip, sign it, and flash it