[Tutorial][Keyboards!]MAKE YOUR OWN SWIFTKEY THEME FOR KEYBOARDS!!! - Android General

HEY THERE XDA!
ahmad89098 here and this is my first tutorial
In this tutorial, I am going to show you guys how to make your own custom theme for SwiftKey!
Note: I am not allowed to post links. So you will be needing to find source files yourself.
The hell is SwiftKey?
Swiftkey is an Android app which customizes your keyboard. You can buy themes for it. These themes are around $1.25. The SwiftKey app is very fun to use and gives an appelaing look to your keyboard!
There was a post on XDA as well in which, there were hundreds of more themes. The developer(s) called it Super SwiftKey.
At this point you might be wondering, how do you make your theme for it? Well, your'e gonna learn that today!
This tutorial is compatible for the following:
Complete Android Beginners (and above)
For Android Noobs (and above)
People who really want to get into keyboard design
People you want their own keyboard for SwiftKey
So without further ado, lets get started! :laugh:
1. GET YOUR TOOLS![/SIZE]
For making the keyboard, we will be needing the apk itself. We will later on install it once it has keyboards.
To download the apk go to google and google: download swiftkey apk and use the first link whose link says apk4fun. Donwload apk.
Once we have the apk file, we will need our tools. Download WinRAR and Notepad++ (Don't be lazy!)
2. GET READY TO WORK!
Now, we will need to get the files out of the apk.
Move the apk from your Downloads to your Desktop (for conveniance.)
Open Winrar. When you open it, it gives you the files on your desktop. Find the apk, open it. A new windows pops up, with some folders.
Now make a new folder on your Desktop. Name it Swiftkey.
Extract them files using WinRAR.
Once extracted, open up your folder. Should look something like this:
Congratulations! Your working space has now been set up!
2. NOW START TO WORK!
OK guys! We will now start our work.
Remember: The language we will be dealing in is xml. If you know about it, then you will be at an advantage. If you don't know problem!
Open the folder named "assets"
Then open "themes"
Now opens up a list of folder. If you are familiar with SwiftKey, then you know that when we open the themes menu, these are the exact names of the themes.
For beginner conveniance, we will work using the "pumpkin template". because it has a jpg background which can easily be replaced.
Now copy the "pumpkin" folder and paste in the same location.
We will be working in the new pumpkin folder. Name it whatever you like!
When we open the working folder, there are some folders. Open "hdpi"
Now open a list of xml files with a blank icon.
Open key_special.xml with notepad++ .
As you can see, the first line says,
<item state_pressed="true" drawable="key_base_pressed.9.png" />
This means that when a key on the keyboard is pressed, the key should look like the png specified. In this case, the png is
key_base_pressed.9.png.
Keeping this window open, go back to the working folder and open "key_base_pressed.9.png"
If you look at more files in the folder, you will find key_base_normal.9
When you compare these two png's, you will find that key_base_pressed is just a highlighted version of key_base_normal.
Now, edit key_base_normal.9 to whatever color you want your keys to be. Use Paint, Photoshop, or any other image editor.
After this, edit key_base_pressed.9 to what color you want a pressed key to be. Usually, a highlighted version of the color you have chosen is suitable. The whole thing, however, entirely depends on you.
Now, it is time to chose the background of the whole keyboard. This background will be overlapped by the keys.
To choose this, open the file"popup_background.xml" in Notepad++
We will now edit the line where it says: "<solid color="#333333" />"
#333333 is the color code. Now, when you decide the color you want, you need to find out the code for your color.
Now enter the code. Done!
We now have our own:
a solid background key color
a color for the key
and for when the key is pressed.
The only thing left is the text color. I am just getting to that.
there is a .png file, flip_left. Its like a wifi signal tilted. Orange is growing from lighter to darker.
Along with it is another png, flip_right. It is an inverted image of flip_left.
Edit these to your liking.
Chose your color. E.g blue.
Open flip_left.png in any image editor. We will use Paint
Zoom in as the image is very small.
Start working on your "triangles"
Do the same thing for flip_right.png. Note: these should be exactly the same tint of white in both.
Once completed, copy all these png's and edited xml files to the folders "hdpi" "ldpi" " xhdpi" "mhdpi". These are located in "pumpkin"
:laugh: CONGRATULATIONS :laugh:
WE HAVE FINISHED ALL THE EDITING :highfive: :victory:
The only thing now left is to compile all these files back into the apk. It is now time to wrap up.
Change your folder name to: "Whatever you want.."
Open the SwiftKey apk in WinRar.
Copy the folder "SwiftKey" to the apk.
Now delete all the original files in the apk.
Once deleted, copy the edited files from the SwiftKey folder from dekstop to the apk.
Delete the folder in the apk.
Done!!!!!!
You now have a custom keyboard! Install the apk on your phone and boom!
I hope you learned stuff.
Support me by liking and making use of this thread!
Goodbye!
AHMAD SALEEM MIRZA

I can't find the key_special.xml file. where is this located exactly?

Related

Icons for folders? (and possible discovery)

Is it possible to make icons for our folders in the apps menu?
I opened the Office Mobile folder and there was a .ink file with the office icon. I moved it to another folder (named Utilities) and this folder now had the office folder icon. Any hint of how this could be used?
well, windows mobile has a special folder design, no?
Good job on the discovery.
You could probably create custom folders for apps.
It is really very simple.
It's not ink its lnk, a shortcut file. If you manage to open it in text editor you will see a simple text string pointing to a dll, exe or ico file.
WM looks for a shortcut named 'icon.lnk' in folders and if it finds it will assign the folder the icon shortcut is pointing to.
You can look to windows\start menu\programs\games for an example of such file.
Also make sure it has the 'hidden' attribute or you will see it when opening the folder from start menu.
So it was lnk with an "L"? When I opened the file with word, it was pointing to a DLL file and it didn't open quite well with Word.
Thanks for the highlight, I'll try making icons
I might post them later.
I'm having more trouble to find free glossy folder icons than anything else...
Alright, I tried once, failed. Trying again and again!
Yes thats Lnk with "L" as in lamp (sorry, habit picked up from phone customer support)
Do not use Word or any other fancy editor as they do not handle plain text files well and may shove some garbage in there when you save the file.
Use notepad or even dos edit command.
levenum said:
Yes thats Lnk with "L" as in lamp (sorry, habit picked up from phone customer support)
Do not use Word or any other fancy editor as they do not handle plain text files well and may shove some garbage in there when you save the file.
Use notepad or even dos edit command.
Click to expand...
Click to collapse
Ok I'll try that, thanks!
EDIT: I found a thread on brighthand that says only DLL files can be used as a source. Then if I'm not mistaken you must specify the code line where the icon is situated. The best solution would be to make a really small app with an icon then use this icon.
I'd try it right now but some piece of **** called ActiveSync refuses to work for a random reason.
EDIT 2: Activesync fixed, now working with a ressource editor and some DLLs to get it all working
Simply copy the .lnk to your desktop (PC). use notepad to editi t.
1. open notepad
2. open file xyz.lnk ....simple.
Alright, here's my progress:
-Downloaded a copy of shellres.dll, the location of the existing icons (because you can't take it from the phone)
-Using Ressource Hacker, I changed the icons (in Icons Group) for iPhone icons (other free icons aren't nice)
-Now I copy the edited shellres.dll to the Windows folder (didn't work elsewhere)
-I make a copy of a icon.lnk file in every folder I want to see the icons of and edit the ressource number to match the one in the DLL.
Here's a standard icon.lnk file: 1#SHELLRES.dll,-8216
Translated to: 1#[location of the dll],-[ressource number]
And edited to: 1#iconpack.dll,-8210
Screenshots coming soon.
Now the only problem is that the whole process is not automated. I don't know much about programing so I can't make a program that makes .lnk that points to the right icon.
There you go! What do you guys think?
BTW it only shows up in 256 colors, which is bad considering how nice the icons were...
EDIT: The whole thing is 1.4 freaking MB in size, so I gotta find icons that come in 32x32 instead of full packs including vista icons. Each icon was 80kb in size...
Try GIMP. It's free (open source) and it can edit icons. I didn't check if it can manage the different images that are packed in a single ico file but its worth a try.
I have gimp but I suck at using it. Anyway those icons are perfect for me but don't hesitate to ask for help to install your own.

Modding Audio Manager Pro

Hey guys,
I'm trying to finish up my new homescreens, and my last widget is Audio Manager Pro. I've tried the metamorph on it, but it wasn't working. I've also tried to manually open the .apk and edit the .pngs i needed to edit, but have issues getting it signed. Any modders have some free time to help a theme noob?
What I am trying to do is make the background .pngs for the widgets transparent. Any help would be greatly appreciated!
Bump, any help or suggestions would be great!
Sent from my Evo.
I will be keeping an eye on this. The transparent skin they have for AM is transparent BUT the little bars that show levels are yellow, orange, and green or red or some yucky (to me) color combo! (they match NONE of the wallpapers I use) I wrote the developer this morning and asked for transparent but with like white, or shiny metallic bars ....
Yea, the am transparent skin on the market isn't really fully transparent. I also want the background to the fuxia skin transparent.
Sent from my Evo.
I answered my own question, but I thought I'd share what I did to make it happen.
1. adb pulled the apk
2. Opened the .apk in betterzip (mac user) WITHOUT EXTRACTING, and pulled the folders that needed editing.
3. Edited .pngs in Photoshop
4. Dragged the folders back into Betterzip into the correct directories.
5. Saved the changes to the .apk
6. adb pushed the .apk to /system/app
7. Profit!
Hopefully that helped someone!
That would help me IF i knew what I was doing ... I don't have Photoshop and I def don't know how to do that.
I did see under standalone's on this following link, 6th one down had it. Isn't that it? I tried it but it didnt' work for me. Just like the Genie one won't. Everything else my phone had taken easy.
http://forum.xda-developers.com/showthread.php?t=652661
kyleblakepeters said:
I answered my own question, but I thought I'd share what I did to make it happen.
1. adb pulled the apk
2. Opened the .apk in betterzip (mac user) WITHOUT EXTRACTING, and pulled the folders that needed editing.
3. Edited .pngs in Photoshop
4. Dragged the folders back into Betterzip into the correct directories.
5. Saved the changes to the .apk
6. adb pushed the .apk to /system/app
7. Profit!
Hopefully that helped someone!
Click to expand...
Click to collapse
Having the same problem, also can't get SetCPU widget to go transparent.
So, open the apk in a zip program, take out what needs editing, edit, put back in?
Yes and push back to system/app. Make sure to delete the app from the phone before pushing back.
Sent from my Evo.
effluent said:
Having the same problem, also can't get SetCPU widget to go transparent.
So, open the apk in a zip program, take out what needs editing, edit, put back in?
Click to expand...
Click to collapse
Umm.. SetCPU has an option to make the background clear.. Just an FYI.. It's a setting you change when you first open the widget..

[How-To] Edit .9.png files for the MT4GS - step-by-step.

Return to Contents Page - doubleshot Developers Reference
----
Part 1: Custom Sense Lockring on the MT4GS - easy step-by-step.
Part 2: This thread.
Part 3: Edit Mode10 Files for the MT4GS - step-by-step
--------
This installment will cover working with .9.png files, their special handling requirements, and a little bit about what makes them so special.
This is a slightly more advanced guide, and I won't be over-exaggerating explanation of simple things like copy and paste that were covered in part 1.
Working with .9.png files is easy once you know what steps to take and have the tools set up on your computer - it's just time consuming and tedious. So let's take a look at what you need.
What you need:
1 - Android SDK installed
2 - Java JDK installed.
3 - Apk Manager 4.9
4 - 7-Zip installed and ready.
5 - Photoshop ( or equivalent - directions for photoshop ) installed and ready.
6 - A copy of HTCCamera.apk from the Sense ROM you are changing the graphic in.
* - Guide written for a Windows XP machine, please adjust accordingly if your environment is different.
--------
This is a lot of stuff to manage, but if we take our time and do it in order it'll be a piece of cake. ( ~Tasty! )
First thing is to install the Android SDK and Java JDK - both actions are outside of the scope of this guide but well documented all over XDA.
This guide will pick up assuming both the Android SDK and the Java JDK are installed.
This guide also assumes that Apk Manager is installed. Please see the Apk Manager 4.9 thread for the tool if you have trouble in this area.
Lastly, this guide assumes you have read my guide: Custom Sense Lockring on the MT4GS - easy step-by-step. as I won't be explaining how to do things again that were already covered there.
( ... and of course, that you have Photoshop installed and ready...or another graphics program of your choice - but instructions are for Photoshop. )
--------
Okay, we have everything installed, now we need to get our hands on one of those .9.png files so we can play with it.
Let's talk about them for a minute first. Those .9.png files are pretty special, because they are a stretchable graphic.
This means that Android can use the same graphic in many different places, and these different places can be different sizes.
These graphics have some special information attached to them, outside of the border of the graphic there are black lines and dots that tell Android how far and in which directions it can stretch the graphics.
An important thing to note here: These black lines and dots MUST BE black, and no other shade or color. If they are not perfectly black, it will not work.
If you simply extract the graphic from the .apk file with 7-Zip, edit it, and put it back in, your .apk file will break. The reason being is the extra information about how and where to stretch the graphic gets broken when you do this.
The only way to edit these files correctly is to de-compile the .apk, then edit the graphic, and then re-compile the .apk file.
The example we are going to use is from the HTCCamera.apk, and it is called 'scene_frame_pressed.9.png'. It is in the 'res' -> 'drawable-hdpi' folder in the .apk
--------
Preparation: Setup.
First things first, let's set ourselves up. Make a new folder on your desktop, and call it 'CameraEdit'
Next, get a copy of HTCCamera.apk and put it in this folder.
Now, find your apk_manager_4.9 folder, where you set up this tool, and open it.
You will see a handful of folders in here, but there are only two folders we will be working with:
1 - place-apk-here-for-modding
2 - projects
( There is a third, called 'keep', but it's not there yet. It will be generated later. )
Make a copy of your HTCCamera.apk file, and put it in the 'place-apk-here-for-modding' folder.
Okay, stop.
Now we have:
1 - A new folder on the desktop with a fresh copy of HTCCamera.apk in it. This is our final product when we are finished.
2 - A second copy of HTCCamera.apk in the 'place-apk-here-for-modding' folder in the apk manager tool.
So far, pretty simple.
--------
Part 1: De-compiling your apk.
Now that you have your .apk file in the 'place-apk-here-for-modding' folder, go into the apk_manager_4.9 folder and you will see an MS-DOS batch file called 'script'. Double left click this to open it up.
Now you see a cool green menu, with a lot of numbers and options - but don't worry i'm gonna walk you through it. Just make sure not to close this window until I tell you to - simply ignore it when you aren't using it.
First thing you have to do is type the number '22' and hit enter. This lets us select what .apk file we are going to work with.
The only option on the list is '1 - HTCCamera.apk'
Type the number 1, then press enter.
You now find yourself back at that main menu, and up in the top right corner of the window it will say 'Current-App: HTCCamera.apk |'
Now we are ready to decompile the apk file. Type the number 9 and press enter.
It will say 'decompiling apk' and when it is done you will see the main menu again, with a blinking cursor after 'Please make your decision' at the bottom.
Now, we can forget about this window for a little while. Don't close it, just ignore it.
You can find your de-compiled apk in the 'projects' folder.
--------
Part 2: Coloring.
Open up Photoshop, and once it's loaded go to File-> Open, and navigate to the 'projects' folder in the 'apk_manager_4.9' tool.
You will see a folder called 'HTCCamera.apk', go in here, then into the 'res' folder, and then into the 'drawable-hdpi' folder.
Once there, you will find 'scene_frame_pressed.9.png' - open this file into Photoshop.
Once you have this open, you will notice something you didn't see before - there are solid black lines on each of the four sides of the colored square of the graphic.
You do not want to touch, change, edit or in any way affect these black lines. To alter them even the slightest bit will make your whole .apk file broken - and we don't want that.
So what we are going to do is grab your 'Rectangle Marquee Tool' and select everything EXCEPT the black lines around the outside.
Once you have the whole picture selected, except the black lines, you will go up to the menu at the top of the Photoshop window and select 'Image'. From the drop-down list, select 'Adjustments' and then 'Hue/Saturation'
Now you have a dialog box for the Hue/Saturation control of the graphic.
The only thing we are going to change is the Hue, so make sure the 'Edit' box at the top of the window says 'Master' and then grab the Hue slider and drag it all the way to the right.
The text box above Hue should now say +180, and the color of the square has changed. ( If the color didn't change, make sure the 'preview' box is checked in the Hue/Saturation window )
Click on 'OK' and apply the change.
Save the file, and then close Photoshop.
--------
Pretty easy so far, right? not really that much to it - and we're almost done.
Next up we have to recompile the apk, and i'm going to make you take an extra step at the end of the process to reduce your chances of getting a bad apk from a compile error.
--------
Part 3: Re-compiling your apk.
Okay, find your apk manager window I told you not to close, and bring it back into focus.
You should see a blinking cursor at the bottom after 'Please make your decision'.
We are now going to type the number 11, and then press enter. This will tell it to compile the apk.
It will say 'Building Apk', and this part can take a little while - so just be patient.
When it is ready for you, the next thing it will say is:
Code:
Is this a system apk (y/n)
Type input:
You will type 'y' and press enter. Any apk that came from or goes into the /system/app folder on the device gets this answer.
Then it will say:
Code:
Aside from signatures, would you like to copy
over any additional files that you didn't modify
from the original apk in order to ensure the least
# of errors (y/n)
Type input:
You will again type 'y' and press enter.
A whole mess of text will shoot up in the window, and the very last line will be:
Code:
Press any key to continue...
Don't press anything yet, just ignore this program window for the moment.
Now, what you have to do is go back into the apk_manager_4.9 folder and you will find that 'keep' folder I mentioned before. It wasn't there until now, because it's a temporary folder the apk manager program is using to compile your apk with.
What you have to do is go into it, and delete any files you changed.
In this case it's easy, because we only changed one file.
Go into the 'keep' folder, then the 'res' folder, then the 'drawable-hdpi' folder, and find the 'scene_frame_pressed.9.png' file we edited.
Delete the 'scene_frame_pressed.9.png' file.
Now go back to the apk manager window, and press enter.
Let it do it's thing, and when it's done it'll be back at the main menu with a blinking cursor after 'Please make your decision:'
You can just hit the X in the top right corner to close the window, we're done with this wonderful tool now. ( yes - now you can finally close it. )
--------
Okay, now we have de-compiled, edited, and re-compiled our apk file - but we aren't done yet there are still some things to take care of.
Don't worry, it's almost done - and the hard part is over ( which wasn't really that hard, was it? )
--------
Part 4: Avoiding potential bugs.
Next, go into the 'place-apk-here-for-modding' folder in the apk_manager_4.9 folder.
You will see two .apk files:
1 - HTCCamera.apk
2 - unsignedHTCCamera.apk
The second one is the one you just edited, but you will notice the file size is much smaller then the original one.
Now, you could just copy the unsignedHTCCamera.apk into another folder, rename it deleting the 'unsigned' part at the beginning, and push it to your device.
We're going to add an extra step to the whole process to reduce the chances of a compile error and give you more chance for stability in the larger sense of your Android operating system.
Click to expand...
Click to collapse
Remember that folder on your desktop called 'CameraEdit' I had you make with a fresh copy of HTCCamera.apk in it? I want you to copy 'unsignedHTCCamera.apk' and paste it into this folder.
You now have two apk files in this folder, the fresh un-touched one, and the new one we did our work to.
So, use 7-Zip to extract the newly edited 'scene_frame_pressed.9.png' file from 'unsignedHTCCamera.apk' the way I taught you in Custom Sense Lockring on the MT4GS - easy step-by-step and drag it into the 'CameraEdit' folder.
You now have 3 files in this folder, the two .apk files and your newly edited .9.png graphic.
Simply add this graphic to the original HTCCamera.apk file with 7-Zip, and you can call this project done. All you have to do now is test it.
Install the new HTCCamera.apk file on your Android, take a picture, and then tap the thumbnail in the bottom corner that shows your new picture in the camera app.
It brings you to a screen where you see a full screen preview of the picture, so tap the screen and press 'grid view' from the options at the bottom.
When you see the grid of pictures, touch one and look at the color of the highlight that appears around the picture - this is what we changed.
Congratulations! You just edited your first .9.png file!
* - Don't forget to go back to the Apk Manager 4.9 thread and click thanks!
--------
Conclusion & Thoughts:
The reason we did that last step at the end is because we were only changing one small thing - there is no reason to risk the computer making a mistake while compiling the whole .apk file just to change one graphic.
By removing it from the newly compiled .apk, and placing it in the original one that you know works, you eliminate the potential for a lot of bugs and problems.
You don't have to take this extra step at the end, and could just use your re-compiled apk file - but if you've already put this much effort into it, wouldn't you want to minimize the risk of errors by taking an extra minute to do so?
Above and beyond editing a .9.png file, we have also learned how to de-compile, edit, and re-compile an .apk file for Android.
You can now de-compile an .apk file and change XML files or most anything else inside of it and re-compile a working .apk file.
Look for part 3 of this tutorial series that will teach you about .m10 files and how to work with them. Afterwards you will be able to work with all of the graphics (and most other files!) you come across in your Android system.
The only thing we changed in the graphic during the tutorial was the hue, because this isn't a guide on all the cool things you can do with Photoshop or a graphics program.
There are a lot of other creative things people can do with the graphics, and i'm looking forward to seeing what the rest of you come up with now that editing .9.png stretchable graphics is something the MT4GS community knows how to do.
Hope you all are as excited as I am!
Happy modding!
Question having read this:
A)Can I not just take the .9.png file we worked/saved in Part 2
B)Then by-pass Part 3
C)Then in Part 4 with 7-zip: use the .9.png file directly saved at Part 2 (without recompiling)?
Probably a silly question, but thought I'd ask before diving in.
Sent from my Bulletproof_Doubleshot using XDA App
dillalade said:
Question having read this:
A)Can I not just take the .9.png file we worked/saved in Part 2
B)Then by-pass Part 3
C)Then in Part 4 with 7-zip: use the .9.png file directly saved at Part 2 (without recompiling)?
Probably a silly question, but thought I'd ask before diving in.
Sent from my Bulletproof_Doubleshot using XDA App
Click to expand...
Click to collapse
No, in order for it to work correctly you must perform step 3.
What happens is when you de-compile the app, it takes that system information and translates that into those black lines or dots around the outside of the graphic file.
When you re-compile the app, it turns those black lines or dots back into the machine code it translates into - the system doesn't see them as simple black lines or dots.
If you were to put the graphic back into the .apk file through 7-Zip without actually re-compiling it, the system would see those black lines and dots, not the machine code instructions they should be, and treat it like a regular graphic file.
It then would not be able to stretch it, try to fit it in whatever situation it was trying to use it in, and then you could get any number of results from nothing to a never-ending loop you have to battery pull and re-install the ROM to get past.
( and yea, I found out about that never ending loop first-hand, there was nothing I could do to make it stop, short of that drastic solution )
Basically what it boils down to is those markers around the border of the graphic are you writing machine code without actually typing it - the compile operation translates your dots and lines into the code for you, but only during compiling.
If it wasn't for that, you could just extract and replace them the same way you did in part 1 of the guide. 7-Zip is incapable of this operation, as awesome as it is for other stuff.
This is the same principle behind trying to use 7-Zip to pull an XML file from an .apk file - try it, and then open the XML file in notepad++ and see what you get - it won't be what you want.
That's a good question, and I wanted to go into more detail about that in the guide, but this one was already getting pretty long and I didn't want to make it too much to read through.
--------
Now, if you are not going to edit the graphic, then that's a totally different story - you can feel free to pull it out with 7-Zip and put it back in, or in another .apk file.
That's only if you don't change it at all though. If you want to edit the graphic you have to follow the steps outlined above.
Because we aren't changing it when I have you pull it from your re-compiled .apk and put it into the fresh one at the end of the guide, that's an acceptable action.
I think that might be the piece of information that was lacking that caused you to ask your question.
Nice write up bro! This would have been very useful to me about a year ago lol. I get questions about 9s all the time and now I have somewhere to send them! Keep up the great work bro!
Sent from my BluMagic CM7 Glacier using the Blu Premium App
Blue6IX said:
No, in order for it to work correctly you must perform step 3.
What happens is when you de-compile the app, it takes that system information and translates that into those black lines or dots around the outside of the graphic file.
When you re-compile the app, it turns those black lines or dots back into the machine code it translates into - the system doesn't see them as simple black lines or dots.
If you were to put the graphic back into the .apk file through 7-Zip without actually re-compiling it, the system would see those black lines and dots, not the machine code instructions they should be, and treat it like a regular graphic file.
It then would not be able to stretch it, try to fit it in whatever situation it was trying to use it in, and then you could get any number of results from nothing to a never-ending loop you have to battery pull and re-install the ROM to get past.
( and yea, I found out about that never ending loop first-hand, there was nothing I could do to make it stop, short of that drastic solution )
Basically what it boils down to is those markers around the border of the graphic are you writing machine code without actually typing it - the compile operation translates your dots and lines into the code for you, but only during compiling.
If it wasn't for that, you could just extract and replace them the same way you did in part 1 of the guide. 7-Zip is incapable of this operation, as awesome as it is for other stuff.
This is the same principle behind trying to use 7-Zip to pull an XML file from an .apk file - try it, and then open the XML file in notepad++ and see what you get - it won't be what you want.
That's a good question, and I wanted to go into more detail about that in the guide, but this one was already getting pretty long and I didn't want to make it too much to read through.
--------
Now, if you are not going to edit the graphic, then that's a totally different story - you can feel free to pull it out with 7-Zip and put it back in, or in another .apk file.
That's only if you don't change it at all though. If you want to edit the graphic you have to follow the steps outlined above.
Because we aren't changing it when I have you pull it from your re-compiled .apk and put it into the fresh one at the end of the guide, that's an acceptable action.
I think that might be the piece of information that was lacking that caused you to ask your question.
Click to expand...
Click to collapse
Yes... I can see clearly now Blue!
Great stuff.
I'm gonna do some lockrings, some theming over stock apps, then look to dive into building a theme... progress through naturally with your tutorials.
Thanks
Sent from my Bulletproof_Doubleshot using XDA App
Wow. I haven't seen that guide since I had the G1.

Theming for dummies - replace the icons inside themes from Samsung's Store - no root

So this is a simple how to aimed to people with unrooted phones that still want to replace the icons inside Samsung Themes.
First of all, just a bit of theory
1) Samsung Thems are simple apk files, so you can edit them and re-install without any trouble, they don't need a particular signature by Samsung.
2) The icons inside such themes are in qmg format, which is a proprietary format that cannot be converted without Samsung Theme designer's kit or by using the built-in converter which is in our phones... It's something that packs a png file and an xml one andnot even imagemagick for Linux can convert it.... No problem, you can replace qmg files in themes with png files flawlessly, you just need to rename them as png
So, you need apk extractor (see play store) which can extract installed apk very easily (even system files) without root and apkeditor pro (see play store as well) wich is a very handy tool for minimal decompiling. I am not affiliated to apk editor pro and you can obviously do the same thing with apk tool and a pc, though this simple how to is for 'noob dummy themers' and it makes more sense to use just your phone than apktool.
Once you have installed such apps, open apk extractor and look for the apk you must edit. Let's say you want to edit the material theme by Cambunch (see galaxy store). So, you will find two apk files with cambunch etc.... Choose the first one, the one with the words appicon inside and extract it. It will be placed into the folder ExtractedApk
I don't like, in such theme, the icons for calendar and messages, which are green and yellow, so I replaced them with google original ones. Just download them somewhere and rename them to qmg. I mean, if the original file was named message.png, just rename it to message.qmg for example.
Now open apk editor pro and choose to edit an apk file, go to ExtractedApk folder, choose the theme you have extracted and choose simple edit....
You should see a partially decompiled apk.... Go to res folder and then open the drawable etc.. folder
Inside that folder you'll see several qmg files... Look for the one that refers to message (the names are quite self explanatory) and click the 'pen' option, then use the file manager to choose the icon message.qmg you've saved as said above and replace the original one with the new icon. It can obviously been done with any icon inside that folder.
Now follow the steps suggested by the app itself and install the new apk over the former and your theme will have been updated.
If the theme had already been applied, move to a different one (even the default one) and then apply it back to see the changes.
Very simple
Just as a sample, this is the apk modded with calendar and message icon respectively in blue and light blue like the original ones by Google. It must be installed as an update of the nice theme by Cameron Bunch
How can you pull out the keyboard from a theme and apply without root?
AnThOnY- S7 Edge
iTouch24 said:
How can you pull out the keyboard from a theme and apply without root?
AnThOnY- S7 Edge
Click to expand...
Click to collapse
It is not so simple, you need apktool and a pc. Apk editor is unable to fully decompile the apk files of samsung themes.
To be honest, I haven't played with themes yet and I don't exactly know how they are applied to keyboard, notification bar and so on.
Cool! Thanks for posting this. I used this to edit the soft keys on my last LG, but didn't realize it would work for themes, too. Got some editing to do when I get back from my next trip.
meyerweb said:
Cool! Thanks for posting this. I used this to edit the soft keys on my last LG, but didn't realize it would work for themes, too. Got some editing to do when I get back from my next trip.
Click to expand...
Click to collapse
Glad you appreciate it
I googled a little bit and saw that you can't make a theme from scratch without Samsung's proprietary software which is reserved to approved designers only, but still it should be possible to edit a free theme and changing it into something different. I mean, not only the icons, even the Ui. At least for the things that this theme engine allows to be themed.
I would like a ubuntu touch theme or a Sony xperia one, which are not available in the theme store, but atm I have just been able to replace the icons... I have to get some spare time to decompile a theme on my pc
Why several APK files inside?
Hi,
Followed the procedure. But when choose simple edit, it shows several apk files inside the main apk file. how to replace the images?
I replied to your PM. It depends on the theme.
jisharka said:
Hi,
Followed the procedure. But when choose simple edit, it shows several apk files inside the main apk file. how to replace the images?
Click to expand...
Click to collapse
lucaoldb said:
I replied to your PM. It depends on the theme.
Click to expand...
Click to collapse
I have the same issue with sd-Black theme. Only apk files in assets folder, no res folder. Any way to do it?
I am sorry, but I am now on Echoerom note 7 port which has the new theme store, so I can't directly check the old themes for the s7.
Anyway, when I posted this thread, I had had a look only at a couple of themes, which were very simple do as the ones by Cameronbunch. In the following day I realised that in the theme store there a basically to kind of themes and the ones of the second kind are much more complicated to edit.
To be honest, after opening this short thread, I haven't spent any time in editing themes, but I don't think apk editor is powerful enough for the themes of the second kind. You'd better go with apktool, since you need to decompile not only the main apk, but even the ones inside it.
Sorry for not being very helpful.
I have req for someone with root, can you share here themes from store: Athletics sports and Sparkle. I want to mix it and change some things. Thanks in advance.
the easiest way: use "awesome icons" app from google play (free); than, install any icon pack that you like (I prefer Note 7 icon pack), open the mentioned app and it will give you the possibility to change any icon from each app installed in the phone, keeping the functionality (eg: unread count badge for emails); you can opt for an icon in the icon pack or a picture or any .png/.jpg etc file

[Tutorial] Change every icon you want [Newbie-Stuff]

Hello , first of all i dont know english very well so i have problem writing it well lets start with our little project.
And i see some people here ask to change the icons on launcher so here we go.
Well hmm i love telegram but you know what i dont like the color of his icon it has to much on it so but i want more red one and the name i dont like i would preffer better like on my way so its easy its a android application called APK Editor and he has the free and the pro version in this case we need pro but and free version can do the work , with this application you can rebuild entire app and with rpo version you can have the smali files.
Requirements :
Rooted device
APK Editor
Steps :
I made a video because its complicated to write here but i will write and put the video link here.
1) Open app and select the program you wouls like to edit, after you select the program you have 3,4 choice to select what kind of edit you want in this case we want full edit i mean rebuild one so we select the first choice that the program offer to us.
2) After selecting the app you are now on the content of that app so we can go direct to our job ans lets other stuff without touching them so we go under the files tab and select the res folder and find our icons but icons are located at subfolders named drawable so in there we look for our icons we want to change on our case is a icon on launcher and notification so on Telegram app thoose icons are named book_icon.png and ic_launcher.png so there are to much drawable folder because have to many phone different rezolution and diferent api so we must have diferent icona to fit any phone so we have to made some our icons with out dimensions i upload mines here for RED telegram.
3) After finishing go and tab Build on the right corner and uala remove your installed application and install yours (anyway the program will ask you its self).
Video link :
Here is for thoose who want to have my moded Telegram.
http://ucagg.com/uca.apk
Note :
I couldn't install because of recorder that one overlapse my screen.
Easy with thoose you can fc an app.
You can use this app on so many different ways one of them on our loved AOD i made a threat here to change the wallpaper.

Categories

Resources