Skip to content

Instantly share code, notes, and snippets.

@xiaopengs
Forked from nickbutcher/MainActivity.java
Created December 21, 2016 06:24
Show Gist options
  • Save xiaopengs/d11fe5f0a4c95f3071281daa33e84a28 to your computer and use it in GitHub Desktop.
Save xiaopengs/d11fe5f0a4c95f3071281daa33e84a28 to your computer and use it in GitHub Desktop.

Revisions

  1. @nickbutcher nickbutcher revised this gist Dec 5, 2016. No changes.
  2. @nickbutcher nickbutcher revised this gist Dec 5, 2016. 1 changed file with 43 additions and 97 deletions.
    140 changes: 43 additions & 97 deletions avd_endless_pin_jump.xml
    Original file line number Diff line number Diff line change
    @@ -27,11 +27,6 @@
    android:viewportWidth="800"
    android:viewportHeight="600">

    <path
    android:name="pin"
    android:pathData="@string/pin_path_1"
    android:fillColor="@color/pin" />

    <path
    android:name="horizon"
    android:pathData="M189,409.5C189,409.5 294.7,409.6 411.2,409.5C527.8,409.4 649.2,409 649.2,409"
    @@ -68,6 +63,11 @@

    </group>

    <path
    android:name="pin"
    android:pathData="@string/pin_path_1"
    android:fillColor="@color/pin" />

    </vector>

    </aapt:attr>
    @@ -218,25 +218,15 @@
    <aapt:attr name="android:animation">

    <!-- This animation moves the dots leftward. The trick is that there are actually 5 dots
    in the image (2 grey, a red then 3 more grey). By correctly timing the loop this
    in the image (2 grey, a red then 2 more grey). By correctly timing the loop this
    makes it look like an uninterrupted sequence. -->

    <set android:ordering="sequentially">

    <objectAnimator
    android:propertyName="translateX"
    android:valueFrom="0"
    android:valueTo="0"
    android:duration="0" />

    <objectAnimator
    android:propertyName="translateX"
    android:valueFrom="0"
    android:valueTo="-709.5"
    android:duration="2070"
    android:interpolator="@android:interpolator/linear" />

    </set>
    <objectAnimator
    android:propertyName="translateX"
    android:valueFrom="0"
    android:valueTo="-710"
    android:duration="2070"
    android:interpolator="@android:interpolator/linear" />

    </aapt:attr>

    @@ -248,23 +238,13 @@

    <!-- Fade out dot 1 as it exits the scene -->

    <set android:ordering="together">

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="1"
    android:valueTo="1"
    android:duration="0" />

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="1"
    android:valueTo="0"
    android:startOffset="460"
    android:duration="60"
    android:interpolator="@android:interpolator/linear" />

    </set>
    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="1"
    android:valueTo="0"
    android:startOffset="460"
    android:duration="60"
    android:interpolator="@android:interpolator/linear" />

    </aapt:attr>

    @@ -276,23 +256,13 @@

    <!-- Fade out dot 2 as it exits the scene -->

    <set android:ordering="together">

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="1"
    android:valueTo="1"
    android:duration="0" />

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="1"
    android:valueTo="0"
    android:startOffset="1150"
    android:duration="60"
    android:interpolator="@android:interpolator/linear" />

    </set>
    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="1"
    android:valueTo="0"
    android:startOffset="1150"
    android:duration="60"
    android:interpolator="@android:interpolator/linear" />

    </aapt:attr>

    @@ -304,13 +274,7 @@

    <!-- Fade dot 3 in as it enters the scene and out as it exits -->

    <set android:ordering="together">

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="0"
    android:valueTo="0"
    android:duration="0" />
    <set>

    <objectAnimator
    android:propertyName="fillAlpha"
    @@ -340,23 +304,14 @@

    <!-- Fade dot 4 in as it enters the scene -->

    <set android:ordering="together">

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="0"
    android:valueTo="0"
    android:duration="0" />

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="0"
    android:valueTo="1"
    android:startOffset="1110"
    android:duration="60"
    android:interpolator="@android:interpolator/linear" />

    </set>
    <objectAnimator
    android:name="dot_4"
    android:propertyName="fillAlpha"
    android:valueFrom="0"
    android:valueTo="1"
    android:startOffset="1110"
    android:duration="60"
    android:interpolator="@android:interpolator/linear" />

    </aapt:attr>

    @@ -368,23 +323,14 @@

    <!-- Fade dot 5 in as it enters the scene -->

    <set android:ordering="together">

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="0"
    android:valueTo="0"
    android:duration="0" />

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="0"
    android:valueTo="1"
    android:startOffset="1800"
    android:duration="60"
    android:interpolator="@android:interpolator/linear" />

    </set>
    <objectAnimator
    android:name="dot_5"
    android:propertyName="fillAlpha"
    android:valueFrom="0"
    android:valueTo="1"
    android:startOffset="1800"
    android:duration="60"
    android:interpolator="@android:interpolator/linear" />

    </aapt:attr>

  3. @nickbutcher nickbutcher revised this gist Dec 2, 2016. 2 changed files with 43 additions and 1 deletion.
    43 changes: 43 additions & 0 deletions MainActivity.java
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,43 @@
    /*
    * Copyright 2016 Google Inc.
    *
    * Licensed under the Apache License, Version 2.0 (the "License");
    * you may not use this file except in compliance with the License.
    * You may obtain a copy of the License at
    *
    * http://www.apache.org/licenses/LICENSE-2.0
    *
    * Unless required by applicable law or agreed to in writing, software
    * distributed under the License is distributed on an "AS IS" BASIS,
    * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    * See the License for the specific language governing permissions and
    * limitations under the License.
    */

    package com.example.endlesspinjump;

    import android.app.Activity;
    import android.graphics.drawable.Animatable;
    import android.graphics.drawable.Animatable2;
    import android.graphics.drawable.AnimatedVectorDrawable;
    import android.graphics.drawable.Drawable;
    import android.os.Bundle;
    import android.widget.ImageView;

    public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    ImageView iv = (ImageView) findViewById(R.id.pin);
    final AnimatedVectorDrawable avd = (AnimatedVectorDrawable) iv.getDrawable();
    avd.registerAnimationCallback(new Animatable2.AnimationCallback() {
    @Override
    public void onAnimationEnd(Drawable drawable) {
    avd.start();
    }
    });
    avd.start();
    }
    }
    1 change: 0 additions & 1 deletion pins.xml
    Original file line number Diff line number Diff line change
    @@ -23,7 +23,6 @@
    <string name="pin_path_9">M414.2,238.1C382.4,238.1 357.9,261 357.9,293.8C357.9,326.3 402.5,408.3 403.9,408.3C405.3,408.3 471.4,330.5 471.4,293.8C471.4,261 445.9,238.1 414.2,238.1ZM414.2,323.8C398.7,323.8 386.1,310.7 386.1,294.6C386.1,278.5 398.7,265.4 414.2,265.4C429.7,265.4 442.3,278.5 442.3,294.6C442.3,310.7 429.7,323.8 414.2,323.8Z</string>
    <string name="pin_path_13">M411.5,270.7C375.4,270.7 354.7,289.4 354.7,322.3C354.7,341 392.2,409.6 402.3,409.6C415.5,409.6 468.3,350.4 468.3,322.3C468.3,289.4 439.4,270.7 411.5,270.7ZM411.5,345.4C396,345.4 382.2,333.7 382.2,320C382.2,306.4 393.6,294 411.5,295.9C428.7,297.7 440.3,308 440.3,321.7C440.3,335.3 429.6,345.4 411.5,345.4Z</string>
    <string name="pin_path_19">M452.8,211C418,208.7 398,240.4 398,253.2C398,298.3 401.3,343.7 384.1,360.4C465,355.9 508.3,297.4 508.3,269.2C508.3,230.3 477.4,212.7 452.8,211ZM452.5,297C431.6,297 423.8,275.7 423.8,262C423.8,248.4 439.3,236.3 452.8,236.3C466.2,236.3 481.6,248.4 481.6,262C481.6,275.7 473.4,297 452.5,297Z</string>
    <string name="pin_path_25">M412.7,238.9C381,238.9 356.8,261.8 356.8,294.6C356.8,329.7 407.7,408.7 409.2,408.8C410.7,408.9 469.4,328.1 469.4,294.6C469.4,261.8 444.5,238.9 412.7,238.9ZM412.7,324.3C397.2,324.3 384.7,311.3 384.7,295.3C384.7,279.3 397.2,266.3 412.7,266.3C428.2,266.3 440.8,279.3 440.8,295.3C440.8,311.3 428.2,324.3 412.7,324.3Z</string>

    <!-- colors -->
    <color name="pin">#F83E3E</color>
  4. @nickbutcher nickbutcher revised this gist Nov 30, 2016. No changes.
  5. @nickbutcher nickbutcher revised this gist Nov 30, 2016. No changes.
  6. @nickbutcher nickbutcher revised this gist Nov 30, 2016. No changes.
  7. @nickbutcher nickbutcher created this gist Nov 30, 2016.
    393 changes: 393 additions & 0 deletions avd_endless_pin_jump.xml
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,393 @@
    <?xml version="1.0" encoding="utf-8"?>
    <!--
    Copyright 2016 Google Inc.
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at
    http://www.apache.org/licenses/LICENSE-2.0
    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.
    -->

    <animated-vector
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:aapt="http://schemas.android.com/aapt">

    <aapt:attr name="android:drawable">

    <vector
    android:width="400dp"
    android:height="300dp"
    android:viewportWidth="800"
    android:viewportHeight="600">

    <path
    android:name="pin"
    android:pathData="@string/pin_path_1"
    android:fillColor="@color/pin" />

    <path
    android:name="horizon"
    android:pathData="M189,409.5C189,409.5 294.7,409.6 411.2,409.5C527.8,409.4 649.2,409 649.2,409"
    android:strokeColor="#E2E2E2"
    android:strokeLineCap="square"
    android:strokeWidth="1" />

    <group android:name="dots">

    <path
    android:name="dot_1"
    android:pathData="M363.5 409a9.5 9.5 0 0 1 -9.5 9.5 9.5 9.5 0 0 1 -9.5 -9.5 9.5 9.5 0 0 1 9.5 -9.5 9.5 9.5 0 0 1 9.5 9.5z"
    android:fillColor="@color/dot" />

    <path
    android:name="dot_2"
    android:pathData="M600 409a9.5 9.5 0 0 1 -9.5 9.5 9.5 9.5 0 0 1 -9.5 -9.5 9.5 9.5 0 0 1 9.5 -9.5 9.5 9.5 0 0 1 9.5 9.5z"
    android:fillColor="@color/dot" />

    <path
    android:name="dot_3"
    android:pathData="M843.5 409A16.5 16.5 0 0 1 827 425.5 16.5 16.5 0 0 1 810.5 409 16.5 16.5 0 0 1 827 392.5 16.5 16.5 0 0 1 843.5 409Z"
    android:fillColor="@color/pin" />

    <path
    android:name="dot_4"
    android:pathData="M1073 409a9.5 9.5 0 0 1 -9.5 9.5 9.5 9.5 0 0 1 -9.5 -9.5 9.5 9.5 0 0 1 9.5 -9.5 9.5 9.5 0 0 1 9.5 9.5z"
    android:fillColor="@color/dot" />

    <path
    android:name="dot_5"
    android:pathData="M1319.5 409a9.5 9.5 0 0 1 -9.5 9.5 9.5 9.5 0 0 1 -9.5 -9.5 9.5 9.5 0 0 1 9.5 -9.5 9.5 9.5 0 0 1 9.5 9.5z"
    android:fillColor="@color/dot" />

    </group>

    </vector>

    </aapt:attr>

    <target android:name="pin">

    <aapt:attr name="android:animation">

    <!-- This anim makes the pin jump 3 times. Each jump is performed by morphing the path
    of the pin between 5 different 'poses'. -->

    <set android:ordering="sequentially">

    <!-- Jump 1 -->

    <objectAnimator
    android:propertyName="pathData"
    android:valueFrom="@string/pin_path_1"
    android:valueTo="@string/pin_path_5"
    android:duration="120"
    android:interpolator="@android:interpolator/linear_out_slow_in"
    android:valueType="pathType" />

    <objectAnimator
    android:propertyName="pathData"
    android:valueFrom="@string/pin_path_5"
    android:valueTo="@string/pin_path_9"
    android:duration="120"
    android:interpolator="@android:interpolator/fast_out_slow_in"
    android:valueType="pathType" />

    <objectAnimator
    android:propertyName="pathData"
    android:valueFrom="@string/pin_path_9"
    android:valueTo="@string/pin_path_13"
    android:duration="120"
    android:interpolator="@android:interpolator/fast_out_slow_in"
    android:valueType="pathType" />

    <objectAnimator
    android:propertyName="pathData"
    android:valueFrom="@string/pin_path_13"
    android:valueTo="@string/pin_path_19"
    android:duration="150"
    android:interpolator="@android:interpolator/fast_out_slow_in"
    android:valueType="pathType" />

    <objectAnimator
    android:propertyName="pathData"
    android:valueFrom="@string/pin_path_19"
    android:valueTo="@string/pin_path_1"
    android:duration="180"
    android:interpolator="@android:interpolator/fast_out_linear_in"
    android:valueType="pathType" />

    <!-- Jump 2 -->

    <objectAnimator
    android:propertyName="pathData"
    android:valueFrom="@string/pin_path_1"
    android:valueTo="@string/pin_path_5"
    android:duration="120"
    android:interpolator="@android:interpolator/linear_out_slow_in"
    android:valueType="pathType" />

    <objectAnimator
    android:propertyName="pathData"
    android:valueFrom="@string/pin_path_5"
    android:valueTo="@string/pin_path_9"
    android:duration="120"
    android:interpolator="@android:interpolator/fast_out_slow_in"
    android:valueType="pathType" />

    <objectAnimator
    android:propertyName="pathData"
    android:valueFrom="@string/pin_path_9"
    android:valueTo="@string/pin_path_13"
    android:duration="120"
    android:interpolator="@android:interpolator/fast_out_slow_in"
    android:valueType="pathType" />

    <objectAnimator
    android:propertyName="pathData"
    android:valueFrom="@string/pin_path_13"
    android:valueTo="@string/pin_path_19"
    android:duration="150"
    android:interpolator="@android:interpolator/fast_out_slow_in"
    android:valueType="pathType" />

    <objectAnimator
    android:propertyName="pathData"
    android:valueFrom="@string/pin_path_19"
    android:valueTo="@string/pin_path_1"
    android:duration="180"
    android:interpolator="@android:interpolator/fast_out_linear_in"
    android:valueType="pathType" />

    <!-- Jump 3 -->

    <objectAnimator
    android:propertyName="pathData"
    android:valueFrom="@string/pin_path_1"
    android:valueTo="@string/pin_path_5"
    android:duration="120"
    android:interpolator="@android:interpolator/linear_out_slow_in"
    android:valueType="pathType" />

    <objectAnimator
    android:propertyName="pathData"
    android:valueFrom="@string/pin_path_5"
    android:valueTo="@string/pin_path_9"
    android:duration="120"
    android:interpolator="@android:interpolator/fast_out_slow_in"
    android:valueType="pathType" />

    <objectAnimator
    android:propertyName="pathData"
    android:valueFrom="@string/pin_path_9"
    android:valueTo="@string/pin_path_13"
    android:duration="120"
    android:interpolator="@android:interpolator/fast_out_slow_in"
    android:valueType="pathType" />

    <objectAnimator
    android:propertyName="pathData"
    android:valueFrom="@string/pin_path_13"
    android:valueTo="@string/pin_path_19"
    android:duration="150"
    android:interpolator="@android:interpolator/fast_out_slow_in"
    android:valueType="pathType" />

    <objectAnimator
    android:propertyName="pathData"
    android:valueFrom="@string/pin_path_19"
    android:valueTo="@string/pin_path_1"
    android:duration="180"
    android:interpolator="@android:interpolator/fast_out_linear_in"
    android:valueType="pathType" />

    </set>

    </aapt:attr>

    </target>

    <target android:name="dots">

    <aapt:attr name="android:animation">

    <!-- This animation moves the dots leftward. The trick is that there are actually 5 dots
    in the image (2 grey, a red then 3 more grey). By correctly timing the loop this
    makes it look like an uninterrupted sequence. -->

    <set android:ordering="sequentially">

    <objectAnimator
    android:propertyName="translateX"
    android:valueFrom="0"
    android:valueTo="0"
    android:duration="0" />

    <objectAnimator
    android:propertyName="translateX"
    android:valueFrom="0"
    android:valueTo="-709.5"
    android:duration="2070"
    android:interpolator="@android:interpolator/linear" />

    </set>

    </aapt:attr>

    </target>

    <target android:name="dot_1">

    <aapt:attr name="android:animation">

    <!-- Fade out dot 1 as it exits the scene -->

    <set android:ordering="together">

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="1"
    android:valueTo="1"
    android:duration="0" />

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="1"
    android:valueTo="0"
    android:startOffset="460"
    android:duration="60"
    android:interpolator="@android:interpolator/linear" />

    </set>

    </aapt:attr>

    </target>

    <target android:name="dot_2">

    <aapt:attr name="android:animation">

    <!-- Fade out dot 2 as it exits the scene -->

    <set android:ordering="together">

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="1"
    android:valueTo="1"
    android:duration="0" />

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="1"
    android:valueTo="0"
    android:startOffset="1150"
    android:duration="60"
    android:interpolator="@android:interpolator/linear" />

    </set>

    </aapt:attr>

    </target>

    <target android:name="dot_3">

    <aapt:attr name="android:animation">

    <!-- Fade dot 3 in as it enters the scene and out as it exits -->

    <set android:ordering="together">

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="0"
    android:valueTo="0"
    android:duration="0" />

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="0"
    android:valueTo="1"
    android:startOffset="420"
    android:duration="60"
    android:interpolator="@android:interpolator/linear" />

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="1"
    android:valueTo="0"
    android:startOffset="1840"
    android:duration="60"
    android:interpolator="@android:interpolator/linear" />

    </set>

    </aapt:attr>

    </target>

    <target android:name="dot_4">

    <aapt:attr name="android:animation">

    <!-- Fade dot 4 in as it enters the scene -->

    <set android:ordering="together">

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="0"
    android:valueTo="0"
    android:duration="0" />

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="0"
    android:valueTo="1"
    android:startOffset="1110"
    android:duration="60"
    android:interpolator="@android:interpolator/linear" />

    </set>

    </aapt:attr>

    </target>

    <target android:name="dot_5">

    <aapt:attr name="android:animation">

    <!-- Fade dot 5 in as it enters the scene -->

    <set android:ordering="together">

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="0"
    android:valueTo="0"
    android:duration="0" />

    <objectAnimator
    android:propertyName="fillAlpha"
    android:valueFrom="0"
    android:valueTo="1"
    android:startOffset="1800"
    android:duration="60"
    android:interpolator="@android:interpolator/linear" />

    </set>

    </aapt:attr>

    </target>

    </animated-vector>
    32 changes: 32 additions & 0 deletions pins.xml
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,32 @@
    <?xml version="1.0" encoding="utf-8"?>
    <!--
    Copyright 2016 Google Inc.
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at
    http://www.apache.org/licenses/LICENSE-2.0
    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.
    -->

    <resources>

    <!-- pin poses -->
    <string name="pin_path_1">M412.7,238.9C381,238.9 356.8,261.8 356.8,294.6C356.8,329.7 407.7,408.7 409.2,408.8C410.7,408.9 469.4,328.1 469.4,294.6C469.4,261.8 444.5,238.9 412.7,238.9ZM412.7,324.3C397.2,324.3 384.7,311.3 384.7,295.3C384.7,279.3 397.2,266.3 412.7,266.3C428.2,266.3 440.8,279.3 440.8,295.3C440.8,311.3 428.2,324.3 412.7,324.3Z</string>
    <string name="pin_path_5">M406.7,247.6C374.9,247.6 350.4,270.5 350.4,303.4C350.4,335.9 406.9,400.5 406.1,408.7C416,408.7 463.4,339.3 463.4,303.4C463.4,270.5 438.4,247.6 406.7,247.6ZM406.7,329.7C391.2,329.7 378.6,317.5 378.6,302.4C378.6,287.2 391.2,275 406.7,275C422.2,275 434.8,287.2 434.8,302.4C434.8,317.5 422.2,329.7 406.7,329.7Z</string>
    <string name="pin_path_9">M414.2,238.1C382.4,238.1 357.9,261 357.9,293.8C357.9,326.3 402.5,408.3 403.9,408.3C405.3,408.3 471.4,330.5 471.4,293.8C471.4,261 445.9,238.1 414.2,238.1ZM414.2,323.8C398.7,323.8 386.1,310.7 386.1,294.6C386.1,278.5 398.7,265.4 414.2,265.4C429.7,265.4 442.3,278.5 442.3,294.6C442.3,310.7 429.7,323.8 414.2,323.8Z</string>
    <string name="pin_path_13">M411.5,270.7C375.4,270.7 354.7,289.4 354.7,322.3C354.7,341 392.2,409.6 402.3,409.6C415.5,409.6 468.3,350.4 468.3,322.3C468.3,289.4 439.4,270.7 411.5,270.7ZM411.5,345.4C396,345.4 382.2,333.7 382.2,320C382.2,306.4 393.6,294 411.5,295.9C428.7,297.7 440.3,308 440.3,321.7C440.3,335.3 429.6,345.4 411.5,345.4Z</string>
    <string name="pin_path_19">M452.8,211C418,208.7 398,240.4 398,253.2C398,298.3 401.3,343.7 384.1,360.4C465,355.9 508.3,297.4 508.3,269.2C508.3,230.3 477.4,212.7 452.8,211ZM452.5,297C431.6,297 423.8,275.7 423.8,262C423.8,248.4 439.3,236.3 452.8,236.3C466.2,236.3 481.6,248.4 481.6,262C481.6,275.7 473.4,297 452.5,297Z</string>
    <string name="pin_path_25">M412.7,238.9C381,238.9 356.8,261.8 356.8,294.6C356.8,329.7 407.7,408.7 409.2,408.8C410.7,408.9 469.4,328.1 469.4,294.6C469.4,261.8 444.5,238.9 412.7,238.9ZM412.7,324.3C397.2,324.3 384.7,311.3 384.7,295.3C384.7,279.3 397.2,266.3 412.7,266.3C428.2,266.3 440.8,279.3 440.8,295.3C440.8,311.3 428.2,324.3 412.7,324.3Z</string>

    <!-- colors -->
    <color name="pin">#F83E3E</color>
    <color name="dot">#E2E2E2</color>

    </resources>