[Android Themes] [] AL []:
Hi,

Thanks for uploading your key.

Although, it shouldn't be just a png file; it should be a compiled 9 patch ".9.png" file and that explains why the upper characters on you kb screenshot are going off (outside) the key surface. I will not comment on how to re-color pngs and stick to the 'text alignment' because there is a lot to know just for that.

Oh boy! How to explain this clearly and simply???

Well, if you're not fluent in English, I really don't see the point of me writing a complete tutorial on how to work with patch-9 files here. That could easily keep me busy the whole day and we would then probably fill this thread with questions and answers afterwards.

I've already spent 1 hour on this for you trying to find links to easy tools and guides for you with a limited success.

[edit: and another 2 hours writing the following - so please read carefully and try to figure out as much as you can about it all]

So I'll just give you here a few suggestions on things you will have to search for and learn about.

1-) First thing: you need to learn how 9 patch work, so I suggest you search Youtube for videos tutorial on that.

Hopefully, you will find something in your language or easy enough for you to follow anyway. Once you're

ready to give it a try, the best (multi-) tool for 9-patch is here: http://xdaforums.com/showthread.php?t=1272513

It can be used for adding or modifying .9.png files and also for decompiling and compiling resulting files.

--> SSK needs you to use compiled '.9.png files'. But to edit (or after creating) one, it needs to be (or will then be)

decompiled. So a few things to try and to learn in that tool alone...

2-) Once all that will be mastered, you will need a tool to easily resize the 9 patch for the 4 different dpi folders (picture sizes). That can be easily done with the magic of this tool: https://github.com/redwarp/9-patch-resizer and then you'll be able to go back to step 1 and use that to (re-)compile the 4 new images.

--> recap:

- make and edit a ".9.png";

- resize it for ldpi, mdpi, hdpi, xhdpi sizes;

- compile those 4 files.

3-) There are other ways and other tools to do the first 2 points (steps) above and one of them would be for you to learn how to use a picture editing software that offers tools such as "Add layer" and "Merge layers". You will need learn that anyway if you want to re-color and resize and design themes from scratch.

Again, I will not spend the day on this here, so I will only suggest you to look at Paint.net (http://www.getpaint.net/index.html) software. Other people also like to use Gimp (https://www.gimp.org/downloads/ - which can be use in a few languages btw) or other similar tools. But for my limited talents in photo editing, I find Paint.net easier and more friendly to use and would recommend it if you're new at this.

Lastly, I took one minute to just do a quick "9-patching" of you file.

I did not touch its resizing part (the top and left side patches); I've only edited the text padding (right side and bottom) parts of it. I've resized it for all dpi folders and then I've compiled the 4 new 'patched' images for you.

You could use those (in the azat_compiled folder in my zip) on your theme and then compare what has changed with the letters and upper characters on your base keys.

** But please note: your 'key_base_pressed' should ideally have the same resize "9-patching" as the 'key_base_normal'.

I did not have your 'key_base_pressed' to work on, so if you just want to test my attached files, you'd better just use what I gave you for both 'key_base_normal' and 'key_base_pressed' (copy and rename the four files) for now.

But if you did all your homework on the 3 points (steps) above, then you should be able to also easily just add my attached file "new_padding" as an extra layer to your existing (xhdpi sized) "key_base_pressed.9.png" image, merge them (the layers), resize the pic (4 sizes), re-compile them, etc...

OK sorry, long enough for now I believe.

Hopefully my post will help you somehow...

Cheers,

/AL