github
/
compose-jb
mirror of https://gitee.com/github-sync-mirror/compose-jb.git
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

Use official Jetpack Compose logo in images tutorial

pull/160/head
Igor Demin 4 years ago
parent
d4e423e98f
commit
6d2333502f
5 changed files with 145 additions and 213 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      tutorials/Image_And_Icons_Manipulations/README.md
  2. 142
      tutorials/Image_And_Icons_Manipulations/compose-logo.xml
  3. 169
      tutorials/Image_And_Icons_Manipulations/compose.svg
  4. 41
      tutorials/Image_And_Icons_Manipulations/compose.xml
  5. BIN
      tutorials/Image_And_Icons_Manipulations/loading_xml_vector_images.png

6
tutorials/Image_And_Icons_Manipulations/README.md
Unescape View File

@ -340,9 +340,9 @@ We implemented it on the desktop so we can use common resources in a cross-platf
SVG files can be converted to XML with [Android Studio](https://developer.android.com/studio/write/vector-asset-studio#svg) or with [third-party tools](https://www.google.com/search?q=svg+to+xml). SVG files can be converted to XML with [Android Studio](https://developer.android.com/studio/write/vector-asset-studio#svg) or with [third-party tools](https://www.google.com/search?q=svg+to+xml).
Suppose we have an XML image placed in the `resources/images` directory in our project. Suppose we have an XML image placed in the `resources/images` directory in our project.
SVG example: ![SVG](compose.svg) [SVG example](../../artwork/compose-logo.svg)
Converted XML: [compose.xml](compose.xml) [Converted XML](compose-logo.xml)
```kotlin ```kotlin
import androidx.compose.desktop.Window import androidx.compose.desktop.Window
@ -354,7 +354,7 @@ import androidx.compose.ui.res.vectorXmlResource
fun main() { fun main() {
Window { Window {
Image( Image(
imageVector = vectorXmlResource("images/compose.xml"), imageVector = vectorXmlResource("images/compose-logo.xml"),
modifier = Modifier.fillMaxSize() modifier = Modifier.fillMaxSize()
) )
} }

142
tutorials/Image_And_Icons_Manipulations/compose-logo.xml
Unescape View File

@ -0,0 +1,142 @@
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="600dp"
android:height="649.25dp"
android:viewportWidth="600"
android:viewportHeight="649.25">
<path
android:pathData="M217.85,372.88c-0.846,-1.433 -1.413,-3.031 -1.653,-4.708C216.437,369.849 217.004,371.446 217.85,372.88z"
android:fillColor="#083042"/>
<path
android:pathData="M217.707,279.602h-0c-0.798,1.901 -1.33,3.938 -1.535,6.071C216.377,283.54 216.909,281.503 217.707,279.602z"
android:fillColor="#083042"/>
<path
android:pathData="M219.897,375.503c0.797,0.784 1.703,1.471 2.703,2.034l68.187,38.515l-68.187,-38.515C221.6,376.973 220.694,376.287 219.897,375.503z"
android:fillColor="#083042"/>
<path
android:pathData="M301.274,464.738c-0.182,0.005 -0.364,0.021 -0.546,0.022c-4.984,0.041 -9.985,-1.206 -14.473,-3.74L184.531,403.561c-5.972,-3.361 -9.679,-9.662 -9.746,-16.509l-0.002,-116.833c-0.05,-4.986 0.936,-9.793 2.959,-14.028l-79.533,-44.557c-3.349,6.999 -4.979,14.944 -4.897,23.186l0.003,192.851c0.11,11.302 6.23,21.703 16.087,27.25l167.911,94.843c7.408,4.184 15.662,6.241 23.889,6.173l0.002,-0.136C301.393,543.776 301.333,495.262 301.274,464.738z"
android:fillColor="#083042"/>
<path
android:pathData="M381.24,277.467v-0c-0.191,-0.316 -0.385,-0.63 -0.593,-0.935c-0.464,-0.683 -0.97,-1.34 -1.513,-1.967c0.543,0.626 1.049,1.283 1.513,1.967C380.855,276.837 381.049,277.151 381.24,277.467z"
android:fillColor="#3DDB85"/>
<path
android:pathData="M218.641,277.617c0.416,-0.734 0.882,-1.438 1.399,-2.106C219.523,276.179 219.056,276.882 218.641,277.617z"
android:fillColor="#3DDB85"/>
<path
android:pathData="M297.365,230.757c0.458,-0.037 0.917,-0.061 1.377,-0.066C298.282,230.696 297.823,230.72 297.365,230.757z"
android:fillColor="#3DDB85"/>
<path
android:pathData="M177.75,256.173c2.179,-4.557 5.563,-8.447 10.169,-11.169l95.763,-56.493c8.909,-5.264 19.945,-5.366 28.957,-0.278l96.812,54.68c4.316,2.441 8.096,5.886 10.861,9.963c0.011,0.016 0.02,0.033 0.031,0.049l78.251,-46.732c-4.565,-6.731 -10.805,-12.418 -17.929,-16.446L320.864,99.49c-14.875,-8.398 -33.093,-8.231 -47.798,0.459l-158.071,93.249c-7.604,4.492 -13.188,10.913 -16.786,18.435l79.533,44.557C177.745,256.185 177.747,256.179 177.75,256.173z"
android:fillColor="#3DDC84"/>
<path
android:pathData="M293.387,231.507c0.205,-0.061 0.41,-0.121 0.616,-0.175C293.797,231.386 293.592,231.446 293.387,231.507z"
android:fillColor="#3DDB85"/>
<path
android:pathData="M218.055,278.741c0.183,-0.382 0.378,-0.757 0.586,-1.124c-0.208,0.367 -0.403,0.742 -0.586,1.124c-0.133,0.278 -0.228,0.576 -0.348,0.861h0C217.827,279.317 217.922,279.019 218.055,278.741z"
android:fillColor="#3DDB85"/>
<path
android:pathData="M498.594,206.194l-78.251,46.732c2.997,4.418 4.821,9.557 4.874,14.924l-0.002,111.183c0.094,10.352 -5.332,19.961 -14.24,25.216l-95.764,56.502c-4.306,2.545 -9.11,3.858 -13.938,3.987c0.059,30.524 0.118,79.038 -0.069,91.065l-0.002,0.136c8.273,-0.067 16.533,-2.258 23.908,-6.617l158.072,-93.265c14.705,-8.675 23.661,-24.535 23.506,-41.623l0.002,-183.524C506.604,222.018 503.573,213.503 498.594,206.194z"
android:fillColor="#4285F4"/>
<path
android:pathData="M383.032,367.104c-0.063,0.199 -0.129,0.397 -0.199,0.594C382.903,367.501 382.969,367.303 383.032,367.104z"
android:fillColor="#4285F4"/>
<path
android:pathData="M382.008,278.844c-0.235,-0.469 -0.496,-0.927 -0.768,-1.377v0C381.513,277.917 381.773,278.375 382.008,278.844z"
android:fillColor="#4285F4"/>
<path
android:pathData="M310.197,415.871l64.191,-37.874c0.373,-0.22 0.737,-0.452 1.092,-0.694c-0.355,0.242 -0.719,0.474 -1.092,0.694L310.197,415.871z"
android:fillColor="#4285F4"/>
<path
android:pathData="M382.162,369.36c-0.228,0.498 -0.469,0.99 -0.739,1.467C381.693,370.35 381.934,369.859 382.162,369.36z"
android:fillColor="#4285F4"/>
<path
android:pathData="M377.492,375.724c0.947,-0.85 1.802,-1.786 2.557,-2.793C379.294,373.938 378.438,374.874 377.492,375.724z"
android:fillColor="#4285F4"/>
<path
android:pathData="M381.424,370.827c-0.412,0.729 -0.871,1.432 -1.374,2.104C380.553,372.259 381.012,371.557 381.424,370.827z"
android:fillColor="#4285F4"/>
<path
android:pathData="M217.707,279.602c-0.798,1.901 -1.33,3.938 -1.535,6.071c-0.078,0.818 -0.114,1.647 -0.105,2.484l0.001,78.314c0.006,0.574 0.049,1.142 0.129,1.701c0.24,1.677 0.807,3.275 1.653,4.708c0.564,0.956 1.251,1.838 2.048,2.623c0.797,0.784 1.703,1.471 2.703,2.034l68.187,38.515c3.008,1.699 6.36,2.534 9.701,2.507c0.242,-0.002 0.484,-0.018 0.726,-0.029c3.115,-0.141 6.204,-1.015 8.983,-2.658l64.191,-37.874c0.373,-0.22 0.737,-0.452 1.092,-0.694c0.709,-0.485 1.381,-1.013 2.012,-1.579c0.947,-0.85 1.802,-1.786 2.557,-2.793c0.504,-0.671 0.963,-1.374 1.374,-2.104c0.269,-0.477 0.51,-0.969 0.739,-1.467c0.249,-0.543 0.473,-1.097 0.671,-1.662c0.069,-0.197 0.136,-0.395 0.199,-0.594c0.603,-1.917 0.92,-3.94 0.901,-6.009l0.001,-74.527c-0.013,-1.354 -0.195,-2.686 -0.523,-3.979c-0.219,-0.862 -0.503,-1.707 -0.846,-2.529c-0.171,-0.411 -0.358,-0.816 -0.558,-1.215c-0.235,-0.469 -0.496,-0.927 -0.768,-1.377c-0.191,-0.316 -0.385,-0.63 -0.593,-0.936c-0.464,-0.683 -0.97,-1.34 -1.513,-1.967c-1.63,-1.879 -3.598,-3.485 -5.768,-4.712l-64.894,-36.652c-1.133,-0.639 -2.313,-1.157 -3.523,-1.552c-1.613,-0.527 -3.278,-0.836 -4.952,-0.929c-0.418,-0.023 -0.837,-0.033 -1.256,-0.029c-0.459,0.004 -0.918,0.029 -1.377,0.066c-1.132,0.091 -2.256,0.285 -3.361,0.575c-0.206,0.054 -0.411,0.114 -0.616,0.175c-1.494,0.445 -2.949,1.066 -4.325,1.88l-64.191,37.867c-1.93,1.14 -3.539,2.586 -4.832,4.256c-0.517,0.668 -0.983,1.372 -1.399,2.106c-0.208,0.367 -0.403,0.742 -0.586,1.124C217.922,279.019 217.827,279.317 217.707,279.602z"
android:fillColor="#D6F0FF"/>
<path
android:pathData="M301.214,418.529c-0.242,0.011 -0.484,0.027 -0.726,0.029c-3.341,0.027 -6.693,-0.808 -9.701,-2.507l-68.187,-38.515c-1.001,-0.563 -1.907,-1.25 -2.703,-2.034c-0.797,-0.785 -1.484,-1.667 -2.048,-2.623c-0.846,-1.433 -1.413,-3.031 -1.653,-4.708c-0.08,-0.559 -0.124,-1.127 -0.129,-1.701l-0.001,-78.314c-0.008,-0.837 0.027,-1.666 0.105,-2.484c0.205,-2.133 0.737,-4.17 1.535,-6.071l-18.412,-11.337l-21.552,-12.074c-2.023,4.236 -3.008,9.042 -2.959,14.028l0.002,116.833c0.067,6.847 3.774,13.148 9.746,16.509l101.725,57.458c4.488,2.534 9.489,3.781 14.473,3.74c0.182,-0.001 0.364,-0.017 0.546,-0.022c-0.029,-14.893 -0.058,-25.504 -0.058,-25.504L301.214,418.529z"
android:fillColor="#083042"/>
<path
android:pathData="M301.214,418.529c-0.242,0.011 -0.484,0.027 -0.726,0.029c-3.341,0.027 -6.693,-0.808 -9.701,-2.507l-68.187,-38.515c-1.001,-0.563 -1.907,-1.25 -2.703,-2.034c-0.797,-0.785 -1.484,-1.667 -2.048,-2.623c-0.846,-1.433 -1.413,-3.031 -1.653,-4.708c-0.08,-0.559 -0.124,-1.127 -0.129,-1.701l-0.001,-78.314c-0.008,-0.837 0.027,-1.666 0.105,-2.484c0.205,-2.133 0.737,-4.17 1.535,-6.071l-18.412,-11.337l-21.552,-12.074c-2.023,4.236 -3.008,9.042 -2.959,14.028l0.002,116.833c0.067,6.847 3.774,13.148 9.746,16.509l101.725,57.458c4.488,2.534 9.489,3.781 14.473,3.74c0.182,-0.001 0.364,-0.017 0.546,-0.022c-0.029,-14.893 -0.058,-25.504 -0.058,-25.504L301.214,418.529z"
android:fillColor="#041619"/>
<path
android:pathData="M409.451,242.913l-96.812,-54.68c-9.012,-5.088 -20.049,-4.986 -28.957,0.278l-95.763,56.493c-4.606,2.721 -7.99,6.611 -10.169,11.169c-0.003,0.006 -0.005,0.012 -0.008,0.018l21.552,12.074l18.412,11.337c0.12,-0.285 0.215,-0.583 0.348,-0.861c0.183,-0.382 0.378,-0.757 0.586,-1.124c0.416,-0.734 0.882,-1.438 1.399,-2.106c1.293,-1.67 2.902,-3.116 4.832,-4.256l64.191,-37.868c1.377,-0.813 2.831,-1.434 4.325,-1.88c0.205,-0.061 0.41,-0.121 0.616,-0.175c1.105,-0.29 2.229,-0.484 3.361,-0.575c0.458,-0.037 0.917,-0.061 1.377,-0.066c0.419,-0.004 0.838,0.006 1.256,0.029c1.674,0.093 3.339,0.402 4.952,0.929c1.21,0.395 2.39,0.912 3.523,1.552l64.894,36.652c2.17,1.227 4.137,2.833 5.768,4.712c0.543,0.626 1.049,1.283 1.513,1.967c0.208,0.306 0.402,0.62 0.593,0.935l16.554,-11.074l22.55,-13.467c-0.011,-0.016 -0.02,-0.033 -0.031,-0.049C417.547,248.799 413.767,245.353 409.451,242.913z"
android:fillColor="#3DDB85"/>
<path
android:pathData="M409.451,242.913l-96.812,-54.68c-9.012,-5.088 -20.049,-4.986 -28.957,0.278l-95.763,56.493c-4.606,2.721 -7.99,6.611 -10.169,11.169c-0.003,0.006 -0.005,0.012 -0.008,0.018l21.552,12.074l18.412,11.337c0.12,-0.285 0.215,-0.583 0.348,-0.861c0.183,-0.382 0.378,-0.757 0.586,-1.124c0.416,-0.734 0.882,-1.438 1.399,-2.106c1.293,-1.67 2.902,-3.116 4.832,-4.256l64.191,-37.868c1.377,-0.813 2.831,-1.434 4.325,-1.88c0.205,-0.061 0.41,-0.121 0.616,-0.175c1.105,-0.29 2.229,-0.484 3.361,-0.575c0.458,-0.037 0.917,-0.061 1.377,-0.066c0.419,-0.004 0.838,0.006 1.256,0.029c1.674,0.093 3.339,0.402 4.952,0.929c1.21,0.395 2.39,0.912 3.523,1.552l64.894,36.652c2.17,1.227 4.137,2.833 5.768,4.712c0.543,0.626 1.049,1.283 1.513,1.967c0.208,0.306 0.402,0.62 0.593,0.935l16.554,-11.074l22.55,-13.467c-0.011,-0.016 -0.02,-0.033 -0.031,-0.049C417.547,248.799 413.767,245.353 409.451,242.913z"
android:fillColor="#37BF6E"/>
<path
android:pathData="M381.24,277.467c0.273,0.451 0.533,0.908 0.768,1.377c0.2,0.399 0.386,0.804 0.558,1.215c0.343,0.822 0.627,1.667 0.846,2.529c0.328,1.293 0.51,2.626 0.523,3.979l-0.001,74.527c0.019,2.07 -0.298,4.092 -0.902,6.009c-0.063,0.2 -0.129,0.397 -0.199,0.594c-0.198,0.565 -0.422,1.119 -0.671,1.662c-0.228,0.498 -0.469,0.99 -0.739,1.467c-0.412,0.729 -0.871,1.432 -1.374,2.104c-0.755,1.007 -1.611,1.943 -2.557,2.793c-0.631,0.567 -1.302,1.095 -2.012,1.579c-0.355,0.242 -0.719,0.474 -1.092,0.694l-64.191,37.874c-2.779,1.643 -5.868,2.518 -8.983,2.658l0.003,20.704c0,0 0.029,10.611 0.058,25.504c4.829,-0.129 9.633,-1.442 13.938,-3.987l95.764,-56.502c8.908,-5.255 14.334,-14.864 14.24,-25.216l0.002,-111.183c-0.053,-5.367 -1.877,-10.506 -4.874,-14.924l-22.55,13.467L381.24,277.467z"
android:fillColor="#4285F4"/>
<path
android:pathData="M381.24,277.467c0.273,0.451 0.533,0.908 0.768,1.377c0.2,0.399 0.386,0.804 0.558,1.215c0.343,0.822 0.627,1.667 0.846,2.529c0.328,1.293 0.51,2.626 0.523,3.979l-0.001,74.527c0.019,2.07 -0.298,4.092 -0.902,6.009c-0.063,0.2 -0.129,0.397 -0.199,0.594c-0.198,0.565 -0.422,1.119 -0.671,1.662c-0.228,0.498 -0.469,0.99 -0.739,1.467c-0.412,0.729 -0.871,1.432 -1.374,2.104c-0.755,1.007 -1.611,1.943 -2.557,2.793c-0.631,0.567 -1.302,1.095 -2.012,1.579c-0.355,0.242 -0.719,0.474 -1.092,0.694l-64.191,37.874c-2.779,1.643 -5.868,2.518 -8.983,2.658l0.003,20.704c0,0 0.029,10.611 0.058,25.504c4.829,-0.129 9.633,-1.442 13.938,-3.987l95.764,-56.502c8.908,-5.255 14.334,-14.864 14.24,-25.216l0.002,-111.183c-0.053,-5.367 -1.877,-10.506 -4.874,-14.924l-22.55,13.467L381.24,277.467z"
android:fillColor="#3870B2"/>
<path
android:pathData="M293.387,231.507c-1.494,0.445 -2.949,1.066 -4.325,1.88l-64.191,37.868l64.191,-37.867C290.439,232.574 291.893,231.953 293.387,231.507z"
android:fillColor="#D6F0FF"/>
<path
android:fillColor="#FF000000"
android:pathData="M293.387,231.507c-1.494,0.445 -2.949,1.066 -4.325,1.88l-64.191,37.868l64.191,-37.867C290.439,232.574 291.893,231.953 293.387,231.507z"
android:strokeAlpha="0.1"
android:fillAlpha="0.1"/>
<path
android:pathData="M379.134,274.565c-1.63,-1.879 -3.598,-3.485 -5.768,-4.712l-64.894,-36.652l64.894,36.652C375.536,271.08 377.503,272.685 379.134,274.565z"
android:fillColor="#D6F0FF"/>
<path
android:fillColor="#FF000000"
android:pathData="M379.134,274.565c-1.63,-1.879 -3.598,-3.485 -5.768,-4.712l-64.894,-36.652l64.894,36.652C375.536,271.08 377.503,272.685 379.134,274.565z"
android:strokeAlpha="0.1"
android:fillAlpha="0.1"/>
<path
android:pathData="M298.741,230.691c0.419,-0.004 0.838,0.006 1.256,0.029C299.579,230.697 299.16,230.687 298.741,230.691z"
android:fillColor="#D6F0FF"/>
<path
android:fillColor="#FF000000"
android:pathData="M298.741,230.691c0.419,-0.004 0.838,0.006 1.256,0.029C299.579,230.697 299.16,230.687 298.741,230.691z"
android:strokeAlpha="0.1"
android:fillAlpha="0.1"/>
<path
android:pathData="M294.004,231.332c1.105,-0.29 2.229,-0.484 3.361,-0.575C296.233,230.848 295.109,231.042 294.004,231.332z"
android:fillColor="#D6F0FF"/>
<path
android:fillColor="#FF000000"
android:pathData="M294.004,231.332c1.105,-0.29 2.229,-0.484 3.361,-0.575C296.233,230.848 295.109,231.042 294.004,231.332z"
android:strokeAlpha="0.1"
android:fillAlpha="0.1"/>
<path
android:pathData="M299.998,230.72c1.674,0.093 3.339,0.402 4.952,0.929C303.337,231.122 301.672,230.813 299.998,230.72z"
android:fillColor="#D6F0FF"/>
<path
android:fillColor="#FF000000"
android:pathData="M299.998,230.72c1.674,0.093 3.339,0.402 4.952,0.929C303.337,231.122 301.672,230.813 299.998,230.72z"
android:strokeAlpha="0.1"
android:fillAlpha="0.1"/>
<path
android:pathData="M382.833,367.698c-0.198,0.565 -0.422,1.119 -0.671,1.662C382.411,368.818 382.635,368.263 382.833,367.698z"
android:fillColor="#D6F0FF"/>
<path
android:fillColor="#FF000000"
android:pathData="M382.833,367.698c-0.198,0.565 -0.422,1.119 -0.671,1.662C382.411,368.818 382.635,368.263 382.833,367.698z"
android:strokeAlpha="0.1"
android:fillAlpha="0.1"/>
<path
android:pathData="M382.566,280.059c0.343,0.822 0.627,1.667 0.846,2.529C383.193,281.726 382.909,280.881 382.566,280.059z"
android:fillColor="#D6F0FF"/>
<path
android:fillColor="#FF000000"
android:pathData="M382.566,280.059c0.343,0.822 0.627,1.667 0.846,2.529C383.193,281.726 382.909,280.881 382.566,280.059z"
android:strokeAlpha="0.1"
android:fillAlpha="0.1"/>
<path
android:pathData="M383.032,367.104c0.603,-1.917 0.92,-3.94 0.902,-6.009l0.001,-74.527l-0.001,74.527C383.952,363.164 383.635,365.187 383.032,367.104z"
android:fillColor="#D6F0FF"/>
<path
android:fillColor="#FF000000"
android:pathData="M383.032,367.104c0.603,-1.917 0.92,-3.94 0.902,-6.009l0.001,-74.527l-0.001,74.527C383.952,363.164 383.635,365.187 383.032,367.104z"
android:strokeAlpha="0.1"
android:fillAlpha="0.1"/>
</vector>

169
tutorials/Image_And_Icons_Manipulations/compose.svg
Unescape View File

@ -1,169 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
sodipodi:docname="compose.svg"
id="svg4"
version="1.1"
fill="none"
viewBox="0 0 16 16"
height="128"
width="128">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8">
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter1782"
x="-0.13479282"
width="1.2695856"
y="-0.13909304"
height="1.2781861">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="104.8038"
id="feGaussianBlur1784" />
</filter>
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter1990"
x="-0.14341821"
width="1.2868364"
y="-0.12867041"
height="1.2573408">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="104.68082"
id="feGaussianBlur1992" />
</filter>
<filter
inkscape:collect="always"
style="color-interpolation-filters:sRGB"
id="filter1823"
x="-0.29199815"
width="1.5839963"
y="-0.10867695"
height="1.2173539">
<feGaussianBlur
inkscape:collect="always"
stdDeviation="104.511"
id="feGaussianBlur1825" />
</filter>
</defs>
<sodipodi:namedview
inkscape:current-layer="svg4"
inkscape:window-maximized="1"
inkscape:window-y="-10"
inkscape:window-x="0"
inkscape:cy="7.6206268"
inkscape:cx="4.0823914"
inkscape:zoom="37.830213"
showgrid="false"
id="namedview6"
inkscape:window-height="1053"
inkscape:window-width="1920"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
bordercolor="#666666"
pagecolor="#ffffff" />
<g
transform="matrix(3.5028169,0,0,3.5028169,30.378576,22.373724)"
id="g892">
<g
style="clip-rule:evenodd;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5"
id="g1014"
transform="matrix(-6.6902646e-4,0.00111512,-9.6747662e-4,-5.19253e-4,-4.544296,-2.9846895)">
<path
id="path1012"
style="fill:#c758d4"
d="M 1416,1167.98 C 1416,983.098 1292.83,833 1141.12,833 H 831.88 C 680.17,833 557,983.098 557,1167.98 V 2806.02 C 557,2990.9 680.17,3141 831.88,3141 h 309.24 c 151.71,0 274.88,-150.1 274.88,-334.98 z" />
</g>
<g
style="clip-rule:evenodd;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5"
id="g1018"
transform="matrix(-0.00135559,0,0,0.00105915,-3.7249327,-6.141968)">
<path
id="path1016"
style="fill:#e15c64"
d="M 1416,1165.75 C 1416,982.102 1292.83,833 1141.12,833 H 831.88 C 680.17,833 557,982.102 557,1165.75 v 1642.5 C 557,2991.9 680.17,3141 831.88,3141 h 309.24 c 151.71,0 274.88,-149.1 274.88,-332.75 z" />
</g>
<g
style="clip-rule:evenodd;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5"
id="g1022"
transform="matrix(6.6902646e-4,0.00111512,9.6429649e-4,-5.1754673e-4,-8.3287592,-2.9854666)">
<path
transform="matrix(0.91968658,0.0189408,0.01267053,0.93819614,35.945895,128.21248)"
d="m 1466.4401,983.28806 c 0,-185.48699 -123.17,-336.07998 -274.88,-336.07999 l -309.23998,-2e-5 c -151.70998,0 -274.87998,150.593 -274.87998,336.08001 V 2619.1281 c 0,185.49 123.17,336.08 274.87998,336.08 l 309.23998,1e-4 c 151.71,0 274.88,-150.5901 274.88,-336.0801 z"
style="clip-rule:evenodd;opacity:0.466334;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;filter:url(#filter1782)"
id="path1020-3" />
<path
id="path1020"
style="fill:#e15c64"
d="M 1416,1169.08 C 1416,983.593 1292.83,833 1141.12,833 H 831.88 C 680.17,833 557,983.593 557,1169.08 V 2804.92 C 557,2990.41 680.17,3141 831.88,3141 h 309.24 c 151.71,0 274.88,-150.59 274.88,-336.08 z" />
</g>
<g
style="clip-rule:evenodd;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5"
id="g1026"
transform="matrix(6.8196289e-4,0.00110809,9.6307775e-4,-5.3022743e-4,-9.7156282,-5.2229558)">
<path
id="path1024"
style="fill:#fce034"
d="M 1416,1167.39 C 1416,982.834 1292.83,833 1141.12,833 H 831.88 C 680.17,833 557,982.834 557,1167.39 V 2806.61 C 557,2991.17 680.17,3141 831.88,3141 h 309.24 c 151.71,0 274.88,-149.83 274.88,-334.39 z" />
</g>
<g
style="clip-rule:evenodd;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5"
id="g1030"
transform="matrix(6.8237504e-4,-0.00110786,-9.671053e-4,-5.3287682e-4,-4.4990877,-3.0272657)">
<path
transform="matrix(0.93067062,0.04879869,0.0332659,0.88498214,-26.963841,195.58012)"
d="m 1424.1162,973.45549 c 0,-183.7511 -123.17,-332.9301 -274.88,-332.93 l -309.24003,-10e-5 c -151.70994,0 -274.88001,149.1791 -274.87995,332.93 l -3e-5,1642.14011 c 0,183.75 123.17,332.93 274.88,332.93 h 309.24001 c 151.71,0 274.88,-149.18 274.88,-332.93 z"
style="clip-rule:evenodd;opacity:0.466;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;filter:url(#filter1990)"
id="path1028-6" />
<path
id="path1028"
style="fill:#fce034"
d="M 1416,1165.93 C 1416,982.179 1292.83,833 1141.12,833 H 831.88 C 680.17,833 557,982.179 557,1165.93 V 2808.07 C 557,2991.82 680.17,3141 831.88,3141 h 309.24 c 151.71,0 274.88,-149.18 274.88,-332.93 z" />
</g>
<path
transform="matrix(0.00126058,0,0,9.2273648e-4,-9.051421,-5.8908802)"
d="m 1410.3291,935.48864 c 0,-182.439 -123.1699,-330.56 -274.8799,-330.56 H 826.20925 c -151.71,0 -274.88,148.121 -274.88,330.56 V 2582.3686 c 0,182.44 123.17,330.56 274.88,330.56 h 309.23995 c 151.71,0 274.8799,-148.12 274.8799,-330.56 z"
style="clip-rule:evenodd;opacity:0.466;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.999998;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;filter:url(#filter1823)"
id="path1032-6" />
<path
id="path1032"
style="clip-rule:evenodd;fill:#c758d4;fill-rule:evenodd;stroke-width:0.00120221;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5"
d="m -7.2300247,-4.9188302 c 0,-0.1945027 -0.1669713,-0.352433 -0.3726278,-0.352433 h -0.4192057 c -0.2056573,0 -0.3726275,0.1579141 -0.3726275,0.352433 v 1.7558517 c 0,0.1945027 0.1669712,0.3524331 0.3726275,0.3524331 h 0.4192057 c 0.2056574,0 0.3726278,-0.1579142 0.3726278,-0.3524331 z" />
<g
transform="matrix(0.00122316,0,0,0.0011569,-8.8823484,-6.3674527)"
style="clip-rule:evenodd;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5"
id="g1698">
<path
d="m 1990.4512,909.12891 c -23.0877,0.17199 -46.4709,6.22331 -67.92,18.74218 l -815.8593,476.18161 c -32.3253,18.8669 -54.0152,48.7859 -63.0781,82.1153 -4.2202,13.2994 -6.504,27.4766 -6.504,42.209 v 958.3769 c 0,3.2599 0.1206,6.489 0.3399,9.6914 1.5009,46.1306 26.4207,90.2745 69.7637,114.6172 l 823.6445,462.584 c 10.6347,5.9728 21.7117,10.3693 32.9648,13.2812 33.8174,9.6997 71.3618,6.3502 104.6016,-12.3183 l 823.6445,-462.586 c 48.6622,-27.3302 74.0998,-79.6179 69.2461,-131.6562 V 1528.377 c 0,-27.767 -8.0875,-53.5741 -22.039,-75.211 -11.3966,-18.4102 -27.3633,-34.391 -47.4375,-46.1074 L 2075.957,930.87695 c -16.1836,-9.44568 -33.4681,-15.20631 -50.8965,-17.54101 -11.2664,-2.8616 -22.8992,-4.29427 -34.6093,-4.20703 z m 6.2187,339.72459 650.0352,379.3965 v 760.7559 l -646.2266,362.9414 -648.7988,-364.3848 v -762.2559 z"
inkscape:label="1"
style="opacity:0.34;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.653897;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
id="rect1612" />
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 8.7 KiB

41
tutorials/Image_And_Icons_Manipulations/compose.xml
Unescape View File

@ -1,41 +0,0 @@
<vector android:height="200dp" android:viewportHeight="16"
android:viewportWidth="16" android:width="200dp" xmlns:android="http://schemas.android.com/apk/res/android">
<path android:fillColor="#c758d4" android:fillType="evenOdd"
android:pathData="M7.1842,15.3255C7.8108,15.6618 8.6081,15.4537 8.9636,14.8611L9.6883,13.6532C10.0438,13.0606 9.8238,12.3065 9.1973,11.9702L3.6461,8.9909C3.0196,8.6546 2.2223,8.8627 1.8667,9.4553l-0.7247,1.2079c-0.3555,0.5926 -0.1355,1.3467 0.491,1.683z"
android:strokeLineCap="round" android:strokeLineJoin="round"/>
<path android:fillColor="#e15c64" android:fillType="evenOdd"
android:pathData="M10.6071,5.1845C10.6071,4.5031 11.192,3.95 11.9123,3.95L13.3807,3.95C14.1011,3.95 14.686,4.5031 14.686,5.1845l-0,6.0937C14.686,11.9595 14.1011,12.5127 13.3807,12.5127l-1.4684,0c-0.7204,0 -1.3052,-0.5532 -1.3052,-1.2345z"
android:strokeLineCap="round" android:strokeLineJoin="round"/>
<path android:fillAlpha="0.466334" android:fillColor="#000000"
android:fillType="evenOdd"
android:pathData="m8.1214,15.418c-0.5933,0.3063 -1.3484,0.1167 -1.685,-0.423l-0.6863,-1.1003c-0.3367,-0.5398 -0.1283,-1.2267 0.465,-1.533L11.4476,9.6604c0.5933,-0.3063 1.3484,-0.1167 1.685,0.423l0.6863,1.1003c0.3367,0.5398 0.1283,1.2267 -0.465,1.533z"
android:strokeAlpha="0.466334" android:strokeLineCap="round"
android:strokeLineJoin="round" android:strokeWidth="1"/>
<path android:fillColor="#e15c64" android:fillType="evenOdd"
android:pathData="M8.4717,15.3278C7.8452,15.664 7.0478,15.4559 6.6923,14.8633L5.9676,13.6554C5.6121,13.0628 5.8321,12.3087 6.4586,11.9725L11.9841,9.0069C12.6106,8.6706 13.4079,8.8787 13.7635,9.4713l0.7247,1.2079c0.3555,0.5926 0.1355,1.3467 -0.491,1.683z"
android:strokeLineCap="round" android:strokeLineJoin="round"/>
<path android:fillColor="#fce034" android:fillType="evenOdd"
android:pathData="M3.6672,7.4066C3.0446,7.7494 2.2449,7.5496 1.8825,6.9607L1.1438,5.7604C0.7814,5.1716 0.9926,4.4152 1.6152,4.0724L7.1451,1.0279C7.7677,0.6852 8.5674,0.885 8.9298,1.4738l0.7387,1.2003c0.3624,0.5889 0.1512,1.3452 -0.4714,1.688z"
android:strokeLineCap="round" android:strokeLineJoin="round"/>
<path android:fillAlpha="0.466" android:fillColor="#000000"
android:fillType="evenOdd"
android:pathData="m13.9837,4.5026c0.5363,0.3273 0.718,1.049 0.4056,1.6107l-0.6368,1.145c-0.3124,0.5617 -1.0014,0.7521 -1.5377,0.4249l-4.7925,-2.9246c-0.5363,-0.3273 -0.718,-1.049 -0.4056,-1.6107l0.6368,-1.145c0.3124,-0.5617 1.0014,-0.7521 1.5377,-0.4249z"
android:strokeAlpha="0.466" android:strokeLineCap="round"
android:strokeLineJoin="round" android:strokeWidth="1"/>
<path android:fillColor="#fce034" android:fillType="evenOdd"
android:pathData="M14.054,4.0985C14.6764,4.4415 14.8874,5.1979 14.5248,5.7866L13.7856,6.9867C13.423,7.5754 12.6232,7.7749 12.0008,7.432L6.4379,4.3668C5.8154,4.0238 5.6044,3.2674 5.9671,2.6787l0.7392,-1.2c0.3626,-0.5887 1.1624,-0.7883 1.7849,-0.4453z"
android:strokeLineCap="round" android:strokeLineJoin="round"/>
<path android:fillAlpha="0.466" android:fillColor="#000000"
android:fillType="evenOdd"
android:pathData="m4.9005,4.7627c0,-0.5897 -0.5439,-1.0684 -1.2138,-1.0684L2.3213,3.6943c-0.6699,0 -1.2138,0.4788 -1.2138,1.0684L1.1075,10.0857c0,0.5897 0.5439,1.0684 1.2138,1.0684l1.3655,0c0.6699,0 1.2138,-0.4788 1.2138,-1.0684z"
android:strokeAlpha="0.466" android:strokeLineCap="round"
android:strokeLineJoin="round" android:strokeWidth="0.999998"/>
<path android:fillColor="#c758d4" android:fillType="evenOdd"
android:pathData="m5.0531,5.144c0,-0.6813 -0.5849,-1.2345 -1.3052,-1.2345l-1.4684,0c-0.7204,0 -1.3052,0.5531 -1.3052,1.2345l0,6.1504c0,0.6813 0.5849,1.2345 1.3052,1.2345l1.4684,0c0.7204,0 1.3052,-0.5531 1.3052,-1.2345z"
android:strokeLineCap="round" android:strokeLineJoin="round" android:strokeWidth="0.00120221"/>
<path android:fillAlpha="0.34" android:fillColor="#000000"
android:fillType="evenOdd"
android:pathData="m7.7934,3.7539c-0.0989,0.0007 -0.1991,0.0252 -0.291,0.076l-3.4956,1.9297c-0.1385,0.0765 -0.2314,0.1977 -0.2703,0.3328 -0.0181,0.0539 -0.0279,0.1113 -0.0279,0.171l0,3.8837c0,0.0132 0.0005,0.0263 0.0015,0.0393 0.0064,0.1869 0.1132,0.3658 0.2989,0.4645l3.5289,1.8746c0.0456,0.0242 0.093,0.042 0.1412,0.0538 0.1449,0.0393 0.3058,0.0257 0.4482,-0.0499l3.5289,-1.8746c0.2085,-0.1108 0.3175,-0.3226 0.2967,-0.5335L11.953,6.2633c0,-0.1125 -0.0347,-0.2171 -0.0944,-0.3048 -0.0488,-0.0746 -0.1172,-0.1394 -0.2032,-0.1868L8.1598,3.842c-0.0693,-0.0383 -0.1434,-0.0616 -0.2181,-0.0711 -0.0483,-0.0116 -0.0981,-0.0174 -0.1483,-0.017zM7.8201,5.1306 L10.6052,6.668l0,3.0829l-2.7688,1.4708 -2.7798,-1.4766l0,-3.089z"
android:strokeAlpha="0.34" android:strokeColor="#00000000"
android:strokeLineCap="square" android:strokeLineJoin="miter" android:strokeWidth="0.653897"/>
</vector>

BIN
tutorials/Image_And_Icons_Manipulations/loading_xml_vector_images.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 28 KiB

Write Preview
Loading…
Cancel
Save