[Q] Vector code to image? - Other Operating Systems and Languages

Is it possible to convert the following code into an svg or png?
Code:
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24"
android:viewportHeight="24">
<path
android:fillColor="#009688"
android:pathData="M19.757,5.924l-6.062-3.601c-0.807-0.464-2.109-0.463-2.911-0.002L4.508,5.917C3.765,6.344,3,7.37,3,8.429 v7.182c0,0.937,0.623,2.018,1.485,2.514l6.273,3.591c0.409,0.235,0.901,0.36,1.424,0.36c0.523,0,1.016-0.124,1.431-0.364 l6.138-3.589C20.672,17.593,21,16.477,21,15.611V8.429C21,7.565,20.672,6.452,19.757,5.924Z M5,15.611V8.429 c0-0.149,0.272-0.537,0.503-0.67l6.326-3.595c0.065-0.037,0.218-0.077,0.401-0.077c0.183,0,0.367,0.039,0.419,0.069l0.058,0.034 l-3.962,9.154l3.721-0.01l-2.407,5.552l-4.579-2.604C5.271,16.162,5,15.78,5,15.611z M19,15.611c0,0.346-0.189,0.623-0.257,0.675 l-6.205,3.59c-0.129,0.073-0.607,0.075-0.743-0.002l-1.256-0.714l7.784-7.852l-4.598-0.007l4.564-3.813l0.451,0.267 C18.81,7.806,19,8.082,19,8.429V15.611z" />
</vector>
Thanks for any help!

I don't know if there is any automatic converter. But what you see in android: pathData is actually a SVG Path. So it can be easily changed to svg file. It would be something like that:
HTML:
<svg xmlns="http://www.w3.org/2000/svg" width="4cm" height="4cm" viewBox="0 0 24 24" version="1.1">
<path d="M19.757,5.924l-6.062-3.601c-0.807-0.464-2.109-0.463-2.911-0.002L4.508,5.917C3.765,6.344,3,7.37,3,8.429 v7.182c0,0.937,0.623,2.018,1.485,2.514l6.273,3.591c0.409,0.235,0.901,0.36,1.424,0.36c0.523,0,1.016-0.124,1.431-0.364 l6.138-3.589C20.672,17.593,21,16.477,21,15.611V8.429C21,7.565,20.672,6.452,19.757,5.924Z M5,15.611V8.429 c0-0.149,0.272-0.537,0.503-0.67l6.326-3.595c0.065-0.037,0.218-0.077,0.401-0.077c0.183,0,0.367,0.039,0.419,0.069l0.058,0.034 l-3.962,9.154l3.721-0.01l-2.407,5.552l-4.579-2.604C5.271,16.162,5,15.78,5,15.611z M19,15.611c0,0.346-0.189,0.623-0.257,0.675 l-6.205,3.59c-0.129,0.073-0.607,0.075-0.743-0.002l-1.256-0.714l7.784-7.852l-4.598-0.007l4.564-3.813l0.451,0.267 C18.81,7.806,19,8.082,19,8.429V15.611z" fill="#009688"/>
</svg>
Save it as anyfile.svg and that's it

Related

[Q] iGO Primo POI icons

I put a new POI list into my iGO Primo. But they appear on the map all having the same symbol (a globe) and it's hard to differentiate one from the other. Is there a way to change the icons of POIs? Can I find somewhere a tutorial for that?
Thanks for replies.
Hi,
I have not yet found a way to alter the icons in the map providers .poi files but have managed on my own poi.
I have put kml file in userdata/poi and bmp in userdata/usericon.
If you are using Primo 1.1 you need to edit each kml file as follows
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="web.opengis.net/kml/2.2" xmlns:gx="web.google.com/kml/ext/2.2" xmlns:kml="web.opengis.net/kml/2.2" xmlns:atom="web.w3.org/2005/Atom">
<Document>
<name>BP</name>
<metadata><igoicon><filename>BP.bmp</filename></igoicon></metadata>
<Placemark>
<name>Dolans FS</name>
The line in red needs to be added and the name in blue changed according to the kml file.
Hope this helps
Keith
PS same change in Primo 1.0 but its in a different format which I do not have on this PC. Also as new member cant post with links so change web in yellow to http/www
I have tryed to prepare next for Primo 2.0...but no success
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://earth.google.com/kml/2.2"><Document><name>UA-Pot-Hole</name><Placemark><name>Bump (20 km/h)</name><description><![CDATA[UA-Ukraine<br />
<br />
]]></description><metadata><igoicon><filename>Road roler.png</filename></igoicon></metadata><description><![CDATA[UA-Ukraine<br />
<br />
]]></description><metadata><telephone></telephone></metadata><Point><coordinates>37.90704,48.07130</coordinates></Point></Placemark><Placemark><name>Bump (40 km/h)</name><description><![CDATA[UA-Ukraine<br />
<br />
Could you help me?

Animation codes

1) Fly in straight line
----fly along X----
<?xml version="1.0" encoding="utf-8"?><set android:shareInterpolator="false" android:zAdjustment="top" xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="@integer/config_longAnimTime" android:fromXDelta="100.0%p" android:toXDelta="0.0" /></set>
----fly along y---
<?xml version="1.0" encoding="utf-8"?><set android:shareInterpolator="false" android:zAdjustment="top" xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="@integer/config_longAnimTime" android:fromYDelta="100.0%p" android:toYDelta="0.0" /></set>
---fly along X-Y-----
<?xml version="1.0" encoding="utf-8"?><set android:shareInterpolator="false" android:zAdjustment="top" xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="@integer/config_longAnimTime" android:fromYDelta="100.0%p" android:toYDelta="0.0" android:fromXDelta="100.0%p" android:toXDelta="0.0" /></set>
^^^^^^^^^CHANGE VALUES ACCORDINGLY TO ALTER DIRECTIONS^^^^^^^^^
---requirements------ basic knowledge of co-ordinate geometry----in translate animation,,,,, the center of mass of screen (if seen as a rectangle) is the ORIGIN (0,0)-=----------------------and 100%p means 100% (along X or Y , down or right if positive and up or left if negative) relative to paren]]]]]
2) Popup from CENTER
<?xml version="1.0" encoding="utf-8"?><set android:interpolator="@anim/decelerate_interpolator" xmlns:android="http://schemas.android.com/apk/res/android">
<scale android:duration="500 android:fromXScale="0.0" android:toXScale="1.0" android:fromYScale="0.0" android:toYScale="1.0" />
</set>
3) Popup from top-left (relative to you,, not screen)
<?xml version="1.0" encoding="utf-8"?><set android:interpolator="@anim/decelerate_interpolator" xmlns:android="http://schemas.android.com/apk/res/android">
<scale android:duration="500 androidivotX="100%p" android:fromXScale="0.0" android:toXScale="1.0" android:fromYScale="0.0" android:toYScale="1.0" />
</set>
4) Fade in
<?xml version="1.0" encoding="utf-8"?><set android:interpolator="@anim/decelerate_interpolator" xmlns:android="http://schemas.android.com/apk/res/android"> <alpha android:duration="@integer/config_mediumAnimTime" android:fromAlpha="0.0" android:toAlpha="1.0" /></set>
-------combine all these intelligently to create several combos------------------------
change values accordingly to create OUT animations
------------------------------------------------------------------PRESS THANKS IF YOU LIKE MY WORK :good: ---------------------------------------------------------------------
Can I apply this for lockscreen...
Regards,
Ganesh
Ganesh A said:
Can I apply this for lockscreen...
Regards,
Ganesh
Click to expand...
Click to collapse
yes you can... just edit lockscreen exit xml in framework-res/anim/
Great one ..... Helped meh alot !! (Y)
@aman d awsum--- COOL :good:
re animation
nice guide
i will try
where are the activity_open_enter, open_exit and activity_close_enter, close_exit used for? i mean, how do these work? if an app is opened, does activity_open_enter get used, and if an app is closed activity_close_exit is used?
How to do this with stock rom
mjz2cool said:
where are the activity_open_enter, open_exit and activity_close_enter, close_exit used for? i mean, how do these work? if an app is opened, does activity_open_enter get used, and if an app is closed activity_close_exit is used?
Click to expand...
Click to collapse
bro,,, see the anims that begin with the word wallpaper,,,, those are the one that show the way wallpaper and app opening closing etc!!! just search for them in styles.xml and you will know

[TUTORIAL]How To Colorize Navigation Bar Buttons[31/12/2013]

After I have posted my tutorial How To Add Extra Buttons In Navigation Bar,
Many user PM'ed me how to colorize navigation bar buttons.
So, here I will teach you how to colorize navigation bar buttons.
Maybe this is the last tutorial of 2013 from me.
Decompile SystemUI.apk
Navigate to SystemUI.apk\
Open apktool.yml file in file editor
Mine is look like this
Code:
version: 2.0.0-Beta7
apkFileName: 1-SystemUI.apk
isFrameworkApk: false
usesFramework:
ids:
- 1
sdkInfo:
minSdkVersion: '15'
targetSdkVersion: '15'
packageInfo:
cur_package: com.android.systemui
cur_package_id: '127'
orig_package: com.android.systemui
versionInfo:
versionCode: '15'
versionName: 4.0.4-tL1_3w
compressionType: false
[*]Add the red line only
Code:
version: 2.0.0-Beta7
apkFileName: 1-SystemUI.apk
isFrameworkApk: false
usesFramework:
ids:
- 1
[COLOR="Red"]- 2[/COLOR]
sdkInfo:
minSdkVersion: '15'
targetSdkVersion: '15'
packageInfo:
cur_package: com.android.systemui
cur_package_id: '127'
orig_package: com.android.systemui
versionInfo:
versionCode: '15'
versionName: 4.0.4-tL1_3w
compressionType: false
[*]Save the file
[*]Navigate to SystemUI.apk\res\drawable-hdpi
[*]Mark all the navigation buttons png and move them to a known directory
[*]In my case the files are
Code:
ic_sysbar_back.png
ic_sysbar_back_land.png
ic_sysbar_home.png
ic_sysbar_home_land.png
ic_sysbar_recent.png
ic_sysbar_recent_land.png
[*]Now rename all the files and add "_colored" at the end without quote
[*]The files will be look like
Code:
ic_sysbar_back[COLOR="Green"]_colored[/COLOR].png
ic_sysbar_back_land[COLOR="Green"]_colored[/COLOR].png
ic_sysbar_home[COLOR="Green"]_colored[/COLOR].png
ic_sysbar_home_land[COLOR="Green"]_colored[/COLOR].png
ic_sysbar_recent[COLOR="Green"]_colored[/COLOR].png
ic_sysbar_recent_land[COLOR="Green"]_colored[/COLOR].png
[*]Now have to make 6 xml files like bellow
File Name: ic_sysbar_back.xml
Code:
<?xml version="1.0" encoding="utf-8"?>
<somc:colorizable android:drawable="@drawable/ic_sysbar_back_colored" android:color="@com.sonyericsson.uxp:color/semc_theme_accent_color" xmlns:somc="com.sonymobile"
xmlns:android="http://schemas.android.com/apk/res/android" />
File Name: ic_sysbar_back_land.xml
Code:
<?xml version="1.0" encoding="utf-8"?>
<somc:colorizable android:drawable="@drawable/ic_sysbar_back_land_colored" android:color="@com.sonyericsson.uxp:color/semc_theme_accent_color" xmlns:somc="com.sonymobile"
xmlns:android="http://schemas.android.com/apk/res/android" />
File Name: ic_sysbar_home.xml
Code:
<?xml version="1.0" encoding="utf-8"?>
<somc:colorizable android:drawable="@drawable/ic_sysbar_home_colored" android:color="@com.sonyericsson.uxp:color/semc_theme_accent_color" xmlns:somc="com.sonymobile"
xmlns:android="http://schemas.android.com/apk/res/android" />
File Name: ic_sysbar_home_land.xml
Code:
<?xml version="1.0" encoding="utf-8"?>
<somc:colorizable android:drawable="@drawable/ic_sysbar_home_land_colored" android:color="@com.sonyericsson.uxp:color/semc_theme_accent_color" xmlns:somc="com.sonymobile"
xmlns:android="http://schemas.android.com/apk/res/android" />
File Name: ic_sysbar_recent.xml
Code:
<?xml version="1.0" encoding="utf-8"?>
<somc:colorizable android:drawable="@drawable/ic_sysbar_recent_colored" android:color="@com.sonyericsson.uxp:color/semc_theme_accent_color" xmlns:somc="com.sonymobile"
xmlns:android="http://schemas.android.com/apk/res/android" />
File Name: ic_sysbar_recent_land.xml
Code:
<?xml version="1.0" encoding="utf-8"?>
<somc:colorizable android:drawable="@drawable/ic_sysbar_recent_land_colored" android:color="@com.sonyericsson.uxp:color/semc_theme_accent_color" xmlns:somc="com.sonymobile"
xmlns:android="http://schemas.android.com/apk/res/android" />
[*]Now place all the xml files to SystemUI.apk\res\drawable folder
[*]Recompile your SystemUI.apk
Please Note :
Take backup before doing anything.
Use Notepad++ to edit files.
Please read the tutorial properly befor editing files.
This tutorial will work for other devices too.
Nice guide!however,i want to know how to add quick button on status bar expanded。And how to add txt under the quick buttons ?hope you can help me。Want to change my Xperia Z systemui changed。
@BDFreak
U made arc section alive once more!
Thank you bro!
Sent from my LT18i using Tapatalk 2
bxfdaxia said:
Nice guide!however,i want to know how to add quick button on status bar expanded。And how to add txt under the quick buttons ?hope you can help me。Want to change my Xperia Z systemui changed。
Click to expand...
Click to collapse
These things are too difficult and
I didn't try this kind of things.
poria1999 said:
@BDFreak
U made arc section alive once more!
Thank you bro!
Sent from my LT18i using Tapatalk 2
Click to expand...
Click to collapse
This kind of comments inspire me too much.
:good:GOOD JOB!I always enjoy you provide tutorials
Thanks your contribution!
Hi all
Do you have a problem with "Back" button didn't change color ?
For me i have to edit smali file to make it work.
devilmaycry2020 said:
Hi all
Do you have a problem with "Back" button didn't change color ?
For me i have to edit smali file to make it work.
Click to expand...
Click to collapse
No, I didn't face this kind of problem...
But I have heard that some people have this problem with 2012-2013 phones.
question
This tutorial does work in all devices
nice mod but when im trying to compile my systemui again it gives me lot of errors thats weird since i ve been recomping it lots of times and never got this;
Can u help me somehow ?

Delete This

I want to delete this thread
Reserved
Reserved
Hi, I was wondering if you could help? I'm looking to invert the colours on my settings menu (see screenshot) from a white background with black script to a black background with white script.
Thing is, I really don't know what does what in the background holo dark/holo light xml files. Does one xml file control the background colour and the other the script colour? Here's what each xml file reads - can you advise what I should change to end up with a black background and white script?
background_holo_light.xml
<?xml version="1.0" encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android">
<gradient android:startColor="#ffe8e8e8" android:endColor="#ffffffff" android:angle="270.0" />
</shape>
background_holo_dark.xml
<?xml version="1.0" encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android">
<gradient android:startColor="#ff000000" android:endColor="#ff272d33" android:angle="270.0" />
</shape>
Would really appreciate any help you can give.

What is cliprect?

When I was looking into the Android 9.0 Pixel 2 factory image (9.0.0 (PPR2.180905.005, Sep 2018)) I found this thing in decompiled framework-res.apk/res/anim/activity_open_enter.xml,
Code:
<?xml version="1.0" encoding="utf-8"?>
<set android:shareInterpolator="false"
xmlns:android="http://schemas.android.com/apk/res/android">
<translate android:interpolator="@interpolator/fast_out_slow_in" android:duration="425" android:fromYDelta="4.100001%" android:toYDelta="0.0" />
<cliprect android:interpolator="@interpolator/fast_out_extra_slow_in" android:duration="425" android:fromBottom="100.0%" android:fromLeft="0.0%" android:fromRight="100.0%" android:fromTop="95.9%" android:toBottom="100.0%" android:toLeft="0.0%" android:toRight="100.0%" android:toTop="0.0%" />
</set>
In line5 you can see there is this "Cliprect" thing which I never know existed before, can someone tell me what is that?

Categories

Resources