How to edit .9.pngs

Search This thread
By:
Advanced…
XPS_93

XPS_93

Senior Member
Sep 24, 2012
300
61
OnePlus 3T
OnePlus 7T
lacoursiere18 said:
Ahh that makes sense then bc your not on touchwiz. .touchwiz is Samsung based..
So you need to look for another framework that is device related..should be another "res".apk. ..
Also look here this thread maybe better for since it is towards your device..
http://xdaforums.com/showpost.php?p=50117512

Sent from my SCH-I605 using xda app-developers app
Click to expand...
Click to collapse

I see, here I was reading this thread, it was written by this guy who's quite well-known in Sony devices thread, as beginner I tried to do everything in the instruction and ended up searching for "twframework-res.apk". Perhaps the 2nd resource file be referring to "semcgenericuxpres.apk" in Sony's system/framework, I'll consult some seniors in Sony's thread.
Thank you for your explanation and thanks for leading me to the other apktool guide, it seems much simpler. :good: :)
 
  • Like
Reactions: lacoursiere18
You must log in or register to reply here.

Similar threads

Phromik
Post your Phone Home Screen **BE APPROPRIATE**
Replies
153K
Views
34M
MarcusBremen
MarcusBremen
jamieaxall
What does your MIUI look like?
Replies
28K
Views
7M
hussyhussy1122
hussyhussy1122
Stericson
  • Sticky
How to MetaMorph/Theme
Replies
1K
Views
840K
harisonnn
harisonnn
theimpaler747
  • Sticky
  • Poll
[GUIDE] Want to learn how to theme?
Replies
2K
Views
649K
D
DeanUP
zHk3R
[FAQ] WIDGETLOCKER | Documentation and Help thread! | We have answers!
Replies
4K
Views
1M
pitbullmommy45245
pitbullmommy45245

Top Liked Posts

24 Hours All time
  • There are no posts matching your filters.
  • 8
    cloverdale
    cloverdale
    If you have tried to edit .9.pngs in the res/drawable folders, then you know the reason for this thread. If you have not, the idea is that .9.pngs do not have a static boundary. Instead the boundary is given by a continuous mapping

    b:[0,1) --> R^2

    wherein the mapping is defined by guides which cannot be seen in regular graphical editing programs. This will give the basic idea, along with an example of how this works.

    What you will need:

    1.) draw9patch (found in /tools of the Android SDK: http://developer.android.com/sdk/index.html)

    2.) gimp (or equivalent graphics software)

    3.) Java 1.6 (not 1.5)

    4.) Eclipse 3.5 with ADT 0.95 (Setup to compile android 1.6. Instructions: http://developer.android.com/guide/developing/eclipse-adt.html) It is assumed you are comfortable with eclipse. There are many threads on setting up eclipse, along with the linked instructions, so try and keep eclipse questions in this thread to a minimum.


    Step-By-Step

    1.) Find your desired file to edit, which from here on will be referred to graphic.9.png, and rename to graphic.png.

    Reason: We will open the file in gimp (or an alternative .png editing app) which will not recognize the .9.png, and will open as .png. This will cause the invisible guides to open as filled in, and thus the guides will need to be redefined before we save. If we open a .9.png extension in draw9patch, it will assume the guides exist, which of course will not if we edit in another application, and thus not be added. By changing the extension to only .png, when opening in draw9patch, the guides will be re-added.

    2.) Open graphic.png in gimp and do your desired editing.

    3.) In your computer terminal enter draw9patch (assuming you added /tools to your path, otherwise in the terminal navigate to /tools in the AndroidSDK and enter draw9patch). Possible Issue: If draw9patch comes up blank with no menu, you do not have Java 1.6 set as default. Fix this via sudo update-java-alternatives -s java-6-sun in the terminal (or something similar for your system).

    4.) Drag and drop graphic.png into the resulting draw9patch window. What you will now see is your image, along with transparent lines which will be where your guides are defined. One should read this http://developer.android.com/guide/developing/tools/draw9patch.html, though it is not that clear. Draw9patch allows you to add/remove black squares which define the actual guides. I will admit that this is one part of the process that I am still not completely comfortable with, and sometimes requires a little trial and error. Here is what I have figured out:

    (i) You will want to draw a solid black line along the bottom and right edges of your image. This designates the boundary which results from the region which is stretched.

    (ii) You will now add black squares to the top and left sides. These designate the solid part of the region that will be stretched (as opposed to staying transparent).

    As I stated before, this part is a little confusing, but with some trial and error, anyone can figure it out. See my following example to witness the guides being used.

    5.) After the guides are defined, save the file in draw9patch. This will automatically append .9 to the filename, and give an actual .9.png file that has been edited (now called graphic.9.png). We are not quite done though, because as is, the guides will not be recognized by the android OS. The images need to be compiled in eclipse as part of an apk.

    6.) Open Eclipse and create a new project. You can name it anything you like, and you can just uncheck defining an activity. This project will automatically generate a res/drawable (or res/drawable-hdpi) folder, in which you will drag and drop graphic.9.png. From here, right click on your project, choose "Android Tools", and "export unsigned android application".

    7.) In step 6 an .apk was created (I choose to save to desktop), extract the files, and open the folder in which graphic.9.png was placed. This is your newly edited, ready to use .9.png. Enjoy and have fun theming.


    Example: How to change the outline of the inner squares on the power widget from orange to white.

    1.) I take the file appwidget_inner_focus_c.9.png (found in Settings/res/drawable) and rename to appwidget_inner_focus_c.png.

    2.) Open in gimp (figure_1) and change color to white (figure_2).

    3.) Open draw9patch

    4.) Drop appwidget_inner_focus_c.png into draw9patch (figure_3) and define guides (figure_4). In fig.3 the purple color is showing where the patch will be applied (i.e. where the stretching will occur). After I define the guides, (fig.4) note the vertical and horizontal green lines with signify the only color stretching will be along the boundary itself.

    5. Save the image as appwidget_inner_focus_c.9.png (anywhere you like).

    6. Drag and drop the file into the res/drawable-hdpi folder in your project folder (navigate to through regular computer file browser). Note that it is in the correct folder (fig.5). Right click on the project (in my case Aaron) and choose Android Tools, the export unsigned android application. Aaron.apk now appear on my Desktop (I chose desktop to export to), which I extract my appwidget_inner_focus_c.9.png from.

    7. I am now done. :)
    View
    1
    britoso
    britoso
    johnny quest said:
    Ok, I just can't figure this out. I am going insane trying to figure this out. this is what I got so far:
    I've installed the Eclipse, SDK, java, ADT etc....
    I managed to modd my images with photoshop and put it through Draw9patch and managed to save my images to the folder of the app I was modifying. I opened up Eclipse and did the steps of: File\New\android project\ create project from existing source. and the part where you should use the default path for the directory. I can't seem to get to the end where I can pick "finish" to move on to the editing.
    I did something different and managed to get the 9 pngs normal wthout stripes or marks and into a Res folder.
    Ok, the part where you have to Export it is the sticky part. Can you please break down that section a bit more detailed. I got it to Unsigned App Package and I put the apk file on my phone all of a sudden my app was gone on the phone....Ok I modded the calculator with my images and can't seem to get installed.
    Click to expand...
    Click to collapse
    I do it this way:
    1) get the .9.png files from the apk
    2) redo the patches using draw9patch, save as .9.png
    3) "compile" (process) the edited .9.png files with xeudoxus's xUltimate Draw9Patch Compiler. get it from here
    4) put the processed .9.png files back in the apk

    The compiler removes the 1 pixel border defining the patches that are stretchable and puts that info in the png as metadata (not 100% sure where)
    View
    1
    J
    johnny quest
    britoso said:
    I do it this way:
    1) get the .9.png files from the apk
    2) redo the patches using draw9patch, save as .9.png
    3) "compile" (process) the edited .9.png files with xeudoxus's xUltimate Draw9Patch Compiler. get it from here
    4) put the processed .9.png files back in the apk

    The compiler removes the 1 pixel border defining the patches that are stretchable and puts that info in the png as metadata (not 100% sure where)
    Click to expand...
    Click to collapse

    Ok, thanks I will do that and hopefully it works. Its a nongoing battle trying to get this right. I had to delete all my java, eclipse, sdk and reinstall them. But now, my avabox(signing apps back to apk) isn't working since I did all of this. its saying "c:\program files (x86)\java\jre6\bin\msvcr71.dll" but I have that file in my folder I don't know why its saying that.
    or how would I sign my apps back? thanks again
    View
    1
    lacoursiere18
    lacoursiere18
    XPS_93 said:
    Is there any way to bring back the patch lines of one .9.png? I need to see the original patch lines for reference so that I can create a new .9.png that match the apk.
    Click to expand...
    Click to collapse

    Just decompile that apk again..thats the only way that I know of.. :good:
    View
    1
    D
    denley
    XPS_93 said:
    Is there any way to bring back the patch lines of one .9.png? I need to see the original patch lines for reference so that I can create a new .9.png that match the apk.
    Click to expand...
    Click to collapse

    You can use "9 Patch Editor" for Android (I can't post a link since I'm a newb).
    It can load compiled .9.png files (that you have extracted from an apk) and also save compiled .9.png files to put back into the apk file.

    Disclaimer: I wrote this app. Since it answers your question I can hopefully get away with this plug.
    View

New posts