├── app
    ├── .gitignore
    ├── src
    │   ├── main
    │   │   ├── res
    │   │   │   ├── values
    │   │   │   │   ├── strings.xml
    │   │   │   │   ├── colors.xml
    │   │   │   │   └── styles.xml
    │   │   │   ├── mipmap-hdpi
    │   │   │   │   ├── ic_launcher.png
    │   │   │   │   └── ic_launcher_round.png
    │   │   │   ├── mipmap-mdpi
    │   │   │   │   ├── ic_launcher.png
    │   │   │   │   └── ic_launcher_round.png
    │   │   │   ├── mipmap-xhdpi
    │   │   │   │   ├── ic_launcher.png
    │   │   │   │   └── ic_launcher_round.png
    │   │   │   ├── mipmap-xxhdpi
    │   │   │   │   ├── ic_launcher.png
    │   │   │   │   └── ic_launcher_round.png
    │   │   │   ├── mipmap-xxxhdpi
    │   │   │   │   ├── ic_launcher.png
    │   │   │   │   └── ic_launcher_round.png
    │   │   │   ├── mipmap-anydpi-v26
    │   │   │   │   ├── ic_launcher.xml
    │   │   │   │   └── ic_launcher_round.xml
    │   │   │   ├── drawable-v24
    │   │   │   │   └── ic_launcher_foreground.xml
    │   │   │   ├── layout
    │   │   │   │   └── activity_main.xml
    │   │   │   └── drawable
    │   │   │   │   └── ic_launcher_background.xml
    │   │   ├── java
    │   │   │   └── com
    │   │   │   │   └── ahmadrosid
    │   │   │   │       └── duolingoviewmove
    │   │   │   │           ├── Answer.kt
    │   │   │   │           └── MainActivity.kt
    │   │   └── AndroidManifest.xml
    │   ├── test
    │   │   └── java
    │   │   │   └── com
    │   │   │       └── ahmadrosid
    │   │   │           └── duolingoviewmove
    │   │   │               └── ExampleUnitTest.kt
    │   └── androidTest
    │   │   └── java
    │   │       └── com
    │   │           └── ahmadrosid
    │   │               └── duolingoviewmove
    │   │                   └── ExampleInstrumentedTest.kt
    ├── proguard-rules.pro
    └── build.gradle
├── settings.gradle
├── screen.png
├── gradle
    └── wrapper
    │   ├── gradle-wrapper.jar
    │   └── gradle-wrapper.properties
├── .idea
    ├── caches
    │   └── build_file_checksums.ser
    ├── vcs.xml
    ├── runConfigurations.xml
    ├── gradle.xml
    ├── misc.xml
    └── codeStyles
    │   └── Project.xml
├── .gitignore
├── README.md
├── gradle.properties
├── gradlew.bat
└── gradlew


/app/.gitignore:
--------------------------------------------------------------------------------
1 | /build
2 | 


--------------------------------------------------------------------------------
/settings.gradle:
--------------------------------------------------------------------------------
1 | include ':app'
2 | 


--------------------------------------------------------------------------------
/screen.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ar-android/duolingo-view-move/HEAD/screen.png


--------------------------------------------------------------------------------
/app/src/main/res/values/strings.xml:
--------------------------------------------------------------------------------
1 | <resources>
2 |     <string name="app_name">DuolingoViewMove</string>
3 | </resources>
4 | 


--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ar-android/duolingo-view-move/HEAD/gradle/wrapper/gradle-wrapper.jar


--------------------------------------------------------------------------------
/.idea/caches/build_file_checksums.ser:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ar-android/duolingo-view-move/HEAD/.idea/caches/build_file_checksums.ser


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-hdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ar-android/duolingo-view-move/HEAD/app/src/main/res/mipmap-hdpi/ic_launcher.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-mdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ar-android/duolingo-view-move/HEAD/app/src/main/res/mipmap-mdpi/ic_launcher.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ar-android/duolingo-view-move/HEAD/app/src/main/res/mipmap-xhdpi/ic_launcher.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ar-android/duolingo-view-move/HEAD/app/src/main/res/mipmap-xxhdpi/ic_launcher.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ar-android/duolingo-view-move/HEAD/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-hdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ar-android/duolingo-view-move/HEAD/app/src/main/res/mipmap-hdpi/ic_launcher_round.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-mdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ar-android/duolingo-view-move/HEAD/app/src/main/res/mipmap-mdpi/ic_launcher_round.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ar-android/duolingo-view-move/HEAD/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ar-android/duolingo-view-move/HEAD/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ar-android/duolingo-view-move/HEAD/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | *.iml
 2 | .gradle
 3 | /local.properties
 4 | /.idea/libraries
 5 | /.idea/modules.xml
 6 | /.idea/workspace.xml
 7 | .DS_Store
 8 | /build
 9 | /captures
10 | .externalNativeBuild
11 | 


--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="VcsDirectoryMappings">
4 |     <mapping directory="$PROJECT_DIR$" vcs="Git" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.properties:
--------------------------------------------------------------------------------
1 | #Wed May 30 18:25:56 WIB 2018
2 | distributionBase=GRADLE_USER_HOME
3 | distributionPath=wrapper/dists
4 | zipStoreBase=GRADLE_USER_HOME
5 | zipStorePath=wrapper/dists
6 | distributionUrl=https\://services.gradle.org/distributions/gradle-4.4-all.zip
7 | 


--------------------------------------------------------------------------------
/app/src/main/res/values/colors.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <resources>
3 |     <color name="colorPrimary">#3F51B5</color>
4 |     <color name="colorPrimaryDark">#303F9F</color>
5 |     <color name="colorAccent">#FF4081</color>
6 |     <color name="white">#FFFFFF</color>
7 | </resources>
8 | 


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
3 |     <background android:drawable="@drawable/ic_launcher_background" />
4 |     <foreground android:drawable="@drawable/ic_launcher_foreground" />
5 | </adaptive-icon>


--------------------------------------------------------------------------------
/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
3 |     <background android:drawable="@drawable/ic_launcher_background" />
4 |     <foreground android:drawable="@drawable/ic_launcher_foreground" />
5 | </adaptive-icon>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Duolingo Question Animation
 2 | 
 3 | View move animation just like duolingo app.
 4 | 
 5 | [![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/mhY_S7UoHQk/0.jpg)](https://www.youtube.com/watch?v=mhY_S7UoHQk)
 6 | 
 7 | # Tutorial
 8 | 
 9 | You can read the explanation on this [link](https://ahmadrosid.com/blog/membuat-animasi-android-dengan-layout-flexbox)
10 | 


--------------------------------------------------------------------------------
/app/src/main/res/values/styles.xml:
--------------------------------------------------------------------------------
 1 | <resources>
 2 | 
 3 |     <!-- Base application theme. -->
 4 |     <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
 5 |         <!-- Customize your theme here. -->
 6 |         <item name="colorPrimary">@color/colorPrimary</item>
 7 |         <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
 8 |         <item name="colorAccent">@color/colorAccent</item>
 9 |     </style>
10 | 
11 | </resources>
12 | 


--------------------------------------------------------------------------------
/app/src/test/java/com/ahmadrosid/duolingoviewmove/ExampleUnitTest.kt:
--------------------------------------------------------------------------------
 1 | package com.ahmadrosid.duolingoviewmove
 2 | 
 3 | import org.junit.Test
 4 | 
 5 | import org.junit.Assert.*
 6 | 
 7 | /**
 8 |  * Example local unit test, which will execute on the development machine (host).
 9 |  *
10 |  * See [testing documentation](http://d.android.com/tools/testing).
11 |  */
12 | class ExampleUnitTest {
13 |     @Test
14 |     fun addition_isCorrect() {
15 |         assertEquals(4, 2 + 2)
16 |     }
17 | }
18 | 


--------------------------------------------------------------------------------
/.idea/runConfigurations.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <project version="4">
 3 |   <component name="RunConfigurationProducerService">
 4 |     <option name="ignoredProducers">
 5 |       <set>
 6 |         <option value="org.jetbrains.plugins.gradle.execution.test.runner.AllInPackageGradleConfigurationProducer" />
 7 |         <option value="org.jetbrains.plugins.gradle.execution.test.runner.TestClassGradleConfigurationProducer" />
 8 |         <option value="org.jetbrains.plugins.gradle.execution.test.runner.TestMethodGradleConfigurationProducer" />
 9 |       </set>
10 |     </option>
11 |   </component>
12 | </project>


--------------------------------------------------------------------------------
/.idea/gradle.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <project version="4">
 3 |   <component name="GradleSettings">
 4 |     <option name="linkedExternalProjectsSettings">
 5 |       <GradleProjectSettings>
 6 |         <option name="distributionType" value="DEFAULT_WRAPPED" />
 7 |         <option name="externalProjectPath" value="$PROJECT_DIR$" />
 8 |         <option name="modules">
 9 |           <set>
10 |             <option value="$PROJECT_DIR$" />
11 |             <option value="$PROJECT_DIR$/app" />
12 |           </set>
13 |         </option>
14 |         <option name="resolveModulePerSourceSet" value="false" />
15 |       </GradleProjectSettings>
16 |     </option>
17 |   </component>
18 | </project>


--------------------------------------------------------------------------------
/app/src/main/java/com/ahmadrosid/duolingoviewmove/Answer.kt:
--------------------------------------------------------------------------------
 1 | package com.ahmadrosid.duolingoviewmove
 2 | 
 3 | import android.view.View
 4 | 
 5 | data class Answer(
 6 |         var view: View? = null,
 7 |         var actualPositionX: Float = 0F,
 8 |         var actualPositionY: Float = 0F,
 9 |         var text: String = "",
10 |         var removeListener: RemoveAnswerListener? = null
11 | ){
12 |     init {
13 |         view?.setOnClickListener {
14 |             it.animate()
15 |                 .x(actualPositionX)
16 |                 .y(actualPositionY)
17 |             removeListener?.onRemove(this)
18 |         }
19 |     }
20 | }
21 | 
22 | interface RemoveAnswerListener{
23 |     fun onRemove(answer: Answer)
24 | }


--------------------------------------------------------------------------------
/gradle.properties:
--------------------------------------------------------------------------------
 1 | # Project-wide Gradle settings.
 2 | # IDE (e.g. Android Studio) users:
 3 | # Gradle settings configured through the IDE *will override*
 4 | # any settings specified in this file.
 5 | # For more details on how to configure your build environment visit
 6 | # http://www.gradle.org/docs/current/userguide/build_environment.html
 7 | # Specifies the JVM arguments used for the daemon process.
 8 | # The setting is particularly useful for tweaking memory settings.
 9 | org.gradle.jvmargs=-Xmx1536m
10 | # When configured, Gradle will run in incubating parallel mode.
11 | # This option should only be used with decoupled projects. More details, visit
12 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
13 | # org.gradle.parallel=true
14 | 


--------------------------------------------------------------------------------
/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <manifest xmlns:android="http://schemas.android.com/apk/res/android"
 3 |     package="com.ahmadrosid.duolingoviewmove">
 4 | 
 5 |     <application
 6 |         android:allowBackup="true"
 7 |         android:icon="@mipmap/ic_launcher"
 8 |         android:label="@string/app_name"
 9 |         android:roundIcon="@mipmap/ic_launcher_round"
10 |         android:supportsRtl="true"
11 |         android:theme="@style/AppTheme">
12 |         <activity android:name=".MainActivity">
13 |             <intent-filter>
14 |                 <action android:name="android.intent.action.MAIN" />
15 | 
16 |                 <category android:name="android.intent.category.LAUNCHER" />
17 |             </intent-filter>
18 |         </activity>
19 |     </application>
20 | 
21 | </manifest>


--------------------------------------------------------------------------------
/app/src/androidTest/java/com/ahmadrosid/duolingoviewmove/ExampleInstrumentedTest.kt:
--------------------------------------------------------------------------------
 1 | package com.ahmadrosid.duolingoviewmove
 2 | 
 3 | import android.support.test.InstrumentationRegistry
 4 | import android.support.test.runner.AndroidJUnit4
 5 | 
 6 | import org.junit.Test
 7 | import org.junit.runner.RunWith
 8 | 
 9 | import org.junit.Assert.*
10 | 
11 | /**
12 |  * Instrumented test, which will execute on an Android device.
13 |  *
14 |  * See [testing documentation](http://d.android.com/tools/testing).
15 |  */
16 | @RunWith(AndroidJUnit4::class)
17 | class ExampleInstrumentedTest {
18 |     @Test
19 |     fun useAppContext() {
20 |         // Context of the app under test.
21 |         val appContext = InstrumentationRegistry.getTargetContext()
22 |         assertEquals("com.ahmadrosid.duolingoviewmove", appContext.packageName)
23 |     }
24 | }
25 | 


--------------------------------------------------------------------------------
/app/proguard-rules.pro:
--------------------------------------------------------------------------------
 1 | # Add project specific ProGuard rules here.
 2 | # You can control the set of applied configuration files using the
 3 | # proguardFiles setting in build.gradle.
 4 | #
 5 | # For more details, see
 6 | #   http://developer.android.com/guide/developing/tools/proguard.html
 7 | 
 8 | # If your project uses WebView with JS, uncomment the following
 9 | # and specify the fully qualified class name to the JavaScript interface
10 | # class:
11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview {
12 | #   public *;
13 | #}
14 | 
15 | # Uncomment this to preserve the line number information for
16 | # debugging stack traces.
17 | #-keepattributes SourceFile,LineNumberTable
18 | 
19 | # If you keep the line number information, uncomment this to
20 | # hide the original source file name.
21 | #-renamesourcefileattribute SourceFile
22 | 


--------------------------------------------------------------------------------
/app/build.gradle:
--------------------------------------------------------------------------------
 1 | apply plugin: 'com.android.application'
 2 | 
 3 | apply plugin: 'kotlin-android'
 4 | 
 5 | apply plugin: 'kotlin-android-extensions'
 6 | 
 7 | android {
 8 |     compileSdkVersion 27
 9 |     defaultConfig {
10 |         applicationId "com.ahmadrosid.duolingoviewmove"
11 |         minSdkVersion 15
12 |         targetSdkVersion 27
13 |         versionCode 1
14 |         versionName "1.0"
15 |         testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
16 |     }
17 |     buildTypes {
18 |         release {
19 |             minifyEnabled false
20 |             proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
21 |         }
22 |     }
23 | }
24 | 
25 | dependencies {
26 |     implementation fileTree(dir: 'libs', include: ['*.jar'])
27 |     implementation 'com.google.android:flexbox:1.0.0'
28 |     implementation"org.jetbrains.kotlin:kotlin-stdlib-jre7:$kotlin_version"
29 |     implementation 'com.android.support:appcompat-v7:27.1.1'
30 |     implementation 'com.android.support.constraint:constraint-layout:1.1.0'
31 |     testImplementation 'junit:junit:4.12'
32 |     androidTestImplementation 'com.android.support.test:runner:1.0.2'
33 |     androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
34 | }
35 | 


--------------------------------------------------------------------------------
/.idea/misc.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <project version="4">
 3 |   <component name="NullableNotNullManager">
 4 |     <option name="myDefaultNullable" value="android.support.annotation.Nullable" />
 5 |     <option name="myDefaultNotNull" value="android.support.annotation.NonNull" />
 6 |     <option name="myNullables">
 7 |       <value>
 8 |         <list size="5">
 9 |           <item index="0" class="java.lang.String" itemvalue="org.jetbrains.annotations.Nullable" />
10 |           <item index="1" class="java.lang.String" itemvalue="javax.annotation.Nullable" />
11 |           <item index="2" class="java.lang.String" itemvalue="javax.annotation.CheckForNull" />
12 |           <item index="3" class="java.lang.String" itemvalue="edu.umd.cs.findbugs.annotations.Nullable" />
13 |           <item index="4" class="java.lang.String" itemvalue="android.support.annotation.Nullable" />
14 |         </list>
15 |       </value>
16 |     </option>
17 |     <option name="myNotNulls">
18 |       <value>
19 |         <list size="4">
20 |           <item index="0" class="java.lang.String" itemvalue="org.jetbrains.annotations.NotNull" />
21 |           <item index="1" class="java.lang.String" itemvalue="javax.annotation.Nonnull" />
22 |           <item index="2" class="java.lang.String" itemvalue="edu.umd.cs.findbugs.annotations.NonNull" />
23 |           <item index="3" class="java.lang.String" itemvalue="android.support.annotation.NonNull" />
24 |         </list>
25 |       </value>
26 |     </option>
27 |   </component>
28 |   <component name="ProjectRootManager" version="2" languageLevel="JDK_1_8" project-jdk-name="JDK" project-jdk-type="JavaSDK">
29 |     <output url="file://$PROJECT_DIR$/build/classes" />
30 |   </component>
31 |   <component name="ProjectType">
32 |     <option name="id" value="Android" />
33 |   </component>
34 | </project>


--------------------------------------------------------------------------------
/.idea/codeStyles/Project.xml:
--------------------------------------------------------------------------------
 1 | <component name="ProjectCodeStyleConfiguration">
 2 |   <code_scheme name="Project" version="173">
 3 |     <Objective-C-extensions>
 4 |       <file>
 5 |         <option name="com.jetbrains.cidr.lang.util.OCDeclarationKind" value="Import" />
 6 |         <option name="com.jetbrains.cidr.lang.util.OCDeclarationKind" value="Macro" />
 7 |         <option name="com.jetbrains.cidr.lang.util.OCDeclarationKind" value="Typedef" />
 8 |         <option name="com.jetbrains.cidr.lang.util.OCDeclarationKind" value="Enum" />
 9 |         <option name="com.jetbrains.cidr.lang.util.OCDeclarationKind" value="Constant" />
10 |         <option name="com.jetbrains.cidr.lang.util.OCDeclarationKind" value="Global" />
11 |         <option name="com.jetbrains.cidr.lang.util.OCDeclarationKind" value="Struct" />
12 |         <option name="com.jetbrains.cidr.lang.util.OCDeclarationKind" value="FunctionPredecl" />
13 |         <option name="com.jetbrains.cidr.lang.util.OCDeclarationKind" value="Function" />
14 |       </file>
15 |       <class>
16 |         <option name="com.jetbrains.cidr.lang.util.OCDeclarationKind" value="Property" />
17 |         <option name="com.jetbrains.cidr.lang.util.OCDeclarationKind" value="Synthesize" />
18 |         <option name="com.jetbrains.cidr.lang.util.OCDeclarationKind" value="InitMethod" />
19 |         <option name="com.jetbrains.cidr.lang.util.OCDeclarationKind" value="StaticMethod" />
20 |         <option name="com.jetbrains.cidr.lang.util.OCDeclarationKind" value="InstanceMethod" />
21 |         <option name="com.jetbrains.cidr.lang.util.OCDeclarationKind" value="DeallocMethod" />
22 |       </class>
23 |       <extensions>
24 |         <pair source="cpp" header="h" fileNamingConvention="NONE" />
25 |         <pair source="c" header="h" fileNamingConvention="NONE" />
26 |       </extensions>
27 |     </Objective-C-extensions>
28 |   </code_scheme>
29 | </component>


--------------------------------------------------------------------------------
/app/src/main/res/drawable-v24/ic_launcher_foreground.xml:
--------------------------------------------------------------------------------
 1 | <vector xmlns:android="http://schemas.android.com/apk/res/android"
 2 |     xmlns:aapt="http://schemas.android.com/aapt"
 3 |     android:width="108dp"
 4 |     android:height="108dp"
 5 |     android:viewportHeight="108"
 6 |     android:viewportWidth="108">
 7 |     <path
 8 |         android:fillType="evenOdd"
 9 |         android:pathData="M32,64C32,64 38.39,52.99 44.13,50.95C51.37,48.37 70.14,49.57 70.14,49.57L108.26,87.69L108,109.01L75.97,107.97L32,64Z"
10 |         android:strokeColor="#00000000"
11 |         android:strokeWidth="1">
12 |         <aapt:attr name="android:fillColor">
13 |             <gradient
14 |                 android:endX="78.5885"
15 |                 android:endY="90.9159"
16 |                 android:startX="48.7653"
17 |                 android:startY="61.0927"
18 |                 android:type="linear">
19 |                 <item
20 |                     android:color="#44000000"
21 |                     android:offset="0.0" />
22 |                 <item
23 |                     android:color="#00000000"
24 |                     android:offset="1.0" />
25 |             </gradient>
26 |         </aapt:attr>
27 |     </path>
28 |     <path
29 |         android:fillColor="#FFFFFF"
30 |         android:fillType="nonZero"
31 |         android:pathData="M66.94,46.02L66.94,46.02C72.44,50.07 76,56.61 76,64L32,64C32,56.61 35.56,50.11 40.98,46.06L36.18,41.19C35.45,40.45 35.45,39.3 36.18,38.56C36.91,37.81 38.05,37.81 38.78,38.56L44.25,44.05C47.18,42.57 50.48,41.71 54,41.71C57.48,41.71 60.78,42.57 63.68,44.05L69.11,38.56C69.84,37.81 70.98,37.81 71.71,38.56C72.44,39.3 72.44,40.45 71.71,41.19L66.94,46.02ZM62.94,56.92C64.08,56.92 65,56.01 65,54.88C65,53.76 64.08,52.85 62.94,52.85C61.8,52.85 60.88,53.76 60.88,54.88C60.88,56.01 61.8,56.92 62.94,56.92ZM45.06,56.92C46.2,56.92 47.13,56.01 47.13,54.88C47.13,53.76 46.2,52.85 45.06,52.85C43.92,52.85 43,53.76 43,54.88C43,56.01 43.92,56.92 45.06,56.92Z"
32 |         android:strokeColor="#00000000"
33 |         android:strokeWidth="1" />
34 | </vector>
35 | 


--------------------------------------------------------------------------------
/app/src/main/res/layout/activity_main.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3 |     xmlns:app="http://schemas.android.com/apk/res-auto"
 4 |     xmlns:tools="http://schemas.android.com/tools"
 5 |     android:layout_width="match_parent"
 6 |     android:layout_height="match_parent"
 7 |     android:background="#eee"
 8 |     tools:context=".MainActivity">
 9 | 
10 |     <TextView
11 |         android:id="@+id/instruction"
12 |         android:layout_width="wrap_content"
13 |         android:layout_height="wrap_content"
14 |         android:layout_marginTop="24dp"
15 |         android:text="Terjemahkan kalimat ini"
16 |         android:textSize="30sp"
17 |         app:layout_constraintLeft_toLeftOf="parent"
18 |         app:layout_constraintRight_toRightOf="parent"
19 |         app:layout_constraintTop_toTopOf="parent" />
20 | 
21 |     <TextView
22 |         android:id="@+id/question"
23 |         android:layout_width="wrap_content"
24 |         android:layout_height="wrap_content"
25 |         android:layout_marginTop="8dp"
26 |         android:text="Apa kabar ?"
27 |         android:textSize="20sp"
28 |         app:layout_constraintLeft_toLeftOf="@+id/instruction"
29 |         app:layout_constraintTop_toBottomOf="@+id/instruction" />
30 | 
31 |     <com.google.android.flexbox.FlexboxLayout
32 |         android:id="@+id/answerBox"
33 |         android:layout_width="match_parent"
34 |         android:layout_height="wrap_content"
35 |         android:layout_margin="20dp"
36 |         app:flexDirection="row"
37 |         app:flexWrap="wrap"
38 |         app:justifyContent="center"
39 |         app:layout_constraintTop_toBottomOf="@+id/question">
40 | 
41 |         <View
42 |             android:id="@+id/lineFirst"
43 |             android:layout_width="match_parent"
44 |             android:layout_height="1dp"
45 |             android:layout_marginTop="50dp"
46 |             android:background="#b1b1b1"/>
47 | 
48 |         <View
49 |             android:id="@+id/lineSecond"
50 |             android:layout_width="match_parent"
51 |             android:layout_height="1dp"
52 |             android:layout_marginTop="50dp"
53 |             android:background="#b1b1b1"/>
54 | 
55 |     </com.google.android.flexbox.FlexboxLayout>
56 | 
57 | </android.support.constraint.ConstraintLayout>


--------------------------------------------------------------------------------
/gradlew.bat:
--------------------------------------------------------------------------------
 1 | @if "%DEBUG%" == "" @echo off
 2 | @rem ##########################################################################
 3 | @rem
 4 | @rem  Gradle startup script for Windows
 5 | @rem
 6 | @rem ##########################################################################
 7 | 
 8 | @rem Set local scope for the variables with windows NT shell
 9 | if "%OS%"=="Windows_NT" setlocal
10 | 
11 | set DIRNAME=%~dp0
12 | if "%DIRNAME%" == "" set DIRNAME=.
13 | set APP_BASE_NAME=%~n0
14 | set APP_HOME=%DIRNAME%
15 | 
16 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
17 | set DEFAULT_JVM_OPTS=
18 | 
19 | @rem Find java.exe
20 | if defined JAVA_HOME goto findJavaFromJavaHome
21 | 
22 | set JAVA_EXE=java.exe
23 | %JAVA_EXE% -version >NUL 2>&1
24 | if "%ERRORLEVEL%" == "0" goto init
25 | 
26 | echo.
27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
28 | echo.
29 | echo Please set the JAVA_HOME variable in your environment to match the
30 | echo location of your Java installation.
31 | 
32 | goto fail
33 | 
34 | :findJavaFromJavaHome
35 | set JAVA_HOME=%JAVA_HOME:"=%
36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe
37 | 
38 | if exist "%JAVA_EXE%" goto init
39 | 
40 | echo.
41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
42 | echo.
43 | echo Please set the JAVA_HOME variable in your environment to match the
44 | echo location of your Java installation.
45 | 
46 | goto fail
47 | 
48 | :init
49 | @rem Get command-line arguments, handling Windows variants
50 | 
51 | if not "%OS%" == "Windows_NT" goto win9xME_args
52 | 
53 | :win9xME_args
54 | @rem Slurp the command line arguments.
55 | set CMD_LINE_ARGS=
56 | set _SKIP=2
57 | 
58 | :win9xME_args_slurp
59 | if "x%~1" == "x" goto execute
60 | 
61 | set CMD_LINE_ARGS=%*
62 | 
63 | :execute
64 | @rem Setup the command line
65 | 
66 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
67 | 
68 | @rem Execute Gradle
69 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
70 | 
71 | :end
72 | @rem End local scope for the variables with windows NT shell
73 | if "%ERRORLEVEL%"=="0" goto mainEnd
74 | 
75 | :fail
76 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
77 | rem the _cmd.exe /c_ return code!
78 | if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
79 | exit /b 1
80 | 
81 | :mainEnd
82 | if "%OS%"=="Windows_NT" endlocal
83 | 
84 | :omega
85 | 


--------------------------------------------------------------------------------
/app/src/main/java/com/ahmadrosid/duolingoviewmove/MainActivity.kt:
--------------------------------------------------------------------------------
  1 | package com.ahmadrosid.duolingoviewmove
  2 | 
  3 | import android.animation.Animator
  4 | import android.graphics.Color
  5 | import android.support.v7.app.AppCompatActivity
  6 | import android.os.Bundle
  7 | import android.support.v7.app.AlertDialog
  8 | import android.view.View
  9 | import android.widget.TextView
 10 | import com.google.android.flexbox.FlexboxLayout
 11 | import kotlinx.android.synthetic.main.activity_main.*
 12 | 
 13 | class MainActivity : AppCompatActivity(), RemoveAnswerListener {
 14 | 
 15 |     var listAnswers = mutableListOf<Answer>()
 16 | 
 17 |     private lateinit var actualAnswer: List<String>
 18 | 
 19 |     override fun onCreate(savedInstanceState: Bundle?) {
 20 |         super.onCreate(savedInstanceState)
 21 |         setContentView(R.layout.activity_main)
 22 | 
 23 |         actualAnswer = listOf(
 24 |                 "How",
 25 |                 "are",
 26 |                 "you"
 27 |         )
 28 | 
 29 |         val answerOption = listOf(
 30 |                 "morning",
 31 |                 "are",
 32 |                 "where",
 33 |                 "not",
 34 |                 "have",
 35 |                 "How",
 36 |                 "you"
 37 |         )
 38 | 
 39 |         answerOption.forEach {
 40 |             val key = TextView(answerBox.context)
 41 |             with(key){
 42 |                 answerBox.addView(this)
 43 |                 setBackgroundColor(Color.WHITE)
 44 |                 text = it
 45 |                 textSize = 18F
 46 |                 setPadding(40, 20, 40, 20)
 47 |                 val margin = key.layoutParams as FlexboxLayout.LayoutParams
 48 |                 margin.setMargins(30, 30, 30, 30)
 49 |                 layoutParams = margin
 50 |                 setOnClickListener {
 51 |                     moveToAnswer(it)
 52 |                 }
 53 |             }
 54 |         }
 55 | 
 56 |     }
 57 | 
 58 |     private fun moveToAnswer(view: View) {
 59 |         if(listAnswers.size < actualAnswer.size){
 60 | 
 61 |             view.setOnClickListener(null)
 62 | 
 63 |             listAnswers.add(Answer(view, view.x, view.y, (view as TextView).text.toString(), this@MainActivity))
 64 | 
 65 |             val topPosition = lineFirst.y - 120F
 66 | 
 67 |             var leftPosition = lineFirst.x
 68 |             if (listAnswers.size > 1) {
 69 |                 var allWidth = 0F
 70 |                 listAnswers.forEach {
 71 |                     allWidth += (it.view?.width)?.toFloat()!! + 20F
 72 |                 }
 73 |                 allWidth -= (view.width).toFloat()
 74 |                 leftPosition = lineFirst.x + allWidth
 75 |             }
 76 | 
 77 |             val completeMove = object: Animator.AnimatorListener{
 78 |                 override fun onAnimationRepeat(p0: Animator?) {}
 79 | 
 80 |                 override fun onAnimationCancel(p0: Animator?) {}
 81 | 
 82 |                 override fun onAnimationStart(p0: Animator?) {}
 83 | 
 84 |                 override fun onAnimationEnd(p0: Animator?) {
 85 |                     if(listAnswers.size == actualAnswer.size){
 86 |                         showAnswer()
 87 |                     }
 88 |                 }
 89 |             }
 90 | 
 91 |             view.animate()
 92 |                     .setListener(completeMove)
 93 |                     .x(leftPosition)
 94 |                     .y(topPosition)
 95 |         }
 96 |     }
 97 | 
 98 |     fun showAnswer(){
 99 |         var isCorrect = true
100 |         actualAnswer.forEachIndexed {index, it ->
101 |             if (!listAnswers[index].text.equals(it)) {
102 |                 isCorrect = false
103 |             }
104 |         }
105 | 
106 |         val answerMessage = if(isCorrect) "Jawaban anda benar" else "Jawaban kamu salah silahkan coba lagi."
107 | 
108 |         val alert = AlertDialog.Builder(this)
109 |         alert.setTitle("Result")
110 |         alert.setMessage(answerMessage)
111 |         alert.setPositiveButton("OK", {dialog, a ->
112 |             dialog.dismiss()
113 |         })
114 |         alert.show()
115 |     }
116 | 
117 |     override fun onRemove(answer: Answer) {
118 |         listAnswers.remove(answer)
119 |         var allWidth = 0F
120 | 
121 |         listAnswers.forEach {
122 |             val view = it.view!!
123 |             allWidth += (it.view?.width)?.toFloat()!! + 20F
124 |             if (it == listAnswers.first()) {
125 |                 view.animate().x(0F)
126 |             } else {
127 |                 allWidth -= view.width
128 |                 view.animate().x(allWidth)
129 |             }
130 |         }
131 | 
132 |         answer.view?.setOnClickListener {
133 |             moveToAnswer(it)
134 |         }
135 |     }
136 | 
137 | }
138 | 


--------------------------------------------------------------------------------
/gradlew:
--------------------------------------------------------------------------------
  1 | #!/usr/bin/env sh
  2 | 
  3 | ##############################################################################
  4 | ##
  5 | ##  Gradle start up script for UN*X
  6 | ##
  7 | ##############################################################################
  8 | 
  9 | # Attempt to set APP_HOME
 10 | # Resolve links: $0 may be a link
 11 | PRG="$0"
 12 | # Need this for relative symlinks.
 13 | while [ -h "$PRG" ] ; do
 14 |     ls=`ls -ld "$PRG"`
 15 |     link=`expr "$ls" : '.*-> \(.*\)$'`
 16 |     if expr "$link" : '/.*' > /dev/null; then
 17 |         PRG="$link"
 18 |     else
 19 |         PRG=`dirname "$PRG"`"/$link"
 20 |     fi
 21 | done
 22 | SAVED="`pwd`"
 23 | cd "`dirname \"$PRG\"`/" >/dev/null
 24 | APP_HOME="`pwd -P`"
 25 | cd "$SAVED" >/dev/null
 26 | 
 27 | APP_NAME="Gradle"
 28 | APP_BASE_NAME=`basename "$0"`
 29 | 
 30 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
 31 | DEFAULT_JVM_OPTS=""
 32 | 
 33 | # Use the maximum available, or set MAX_FD != -1 to use that value.
 34 | MAX_FD="maximum"
 35 | 
 36 | warn () {
 37 |     echo "$*"
 38 | }
 39 | 
 40 | die () {
 41 |     echo
 42 |     echo "$*"
 43 |     echo
 44 |     exit 1
 45 | }
 46 | 
 47 | # OS specific support (must be 'true' or 'false').
 48 | cygwin=false
 49 | msys=false
 50 | darwin=false
 51 | nonstop=false
 52 | case "`uname`" in
 53 |   CYGWIN* )
 54 |     cygwin=true
 55 |     ;;
 56 |   Darwin* )
 57 |     darwin=true
 58 |     ;;
 59 |   MINGW* )
 60 |     msys=true
 61 |     ;;
 62 |   NONSTOP* )
 63 |     nonstop=true
 64 |     ;;
 65 | esac
 66 | 
 67 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
 68 | 
 69 | # Determine the Java command to use to start the JVM.
 70 | if [ -n "$JAVA_HOME" ] ; then
 71 |     if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
 72 |         # IBM's JDK on AIX uses strange locations for the executables
 73 |         JAVACMD="$JAVA_HOME/jre/sh/java"
 74 |     else
 75 |         JAVACMD="$JAVA_HOME/bin/java"
 76 |     fi
 77 |     if [ ! -x "$JAVACMD" ] ; then
 78 |         die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
 79 | 
 80 | Please set the JAVA_HOME variable in your environment to match the
 81 | location of your Java installation."
 82 |     fi
 83 | else
 84 |     JAVACMD="java"
 85 |     which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
 86 | 
 87 | Please set the JAVA_HOME variable in your environment to match the
 88 | location of your Java installation."
 89 | fi
 90 | 
 91 | # Increase the maximum file descriptors if we can.
 92 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
 93 |     MAX_FD_LIMIT=`ulimit -H -n`
 94 |     if [ $? -eq 0 ] ; then
 95 |         if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
 96 |             MAX_FD="$MAX_FD_LIMIT"
 97 |         fi
 98 |         ulimit -n $MAX_FD
 99 |         if [ $? -ne 0 ] ; then
100 |             warn "Could not set maximum file descriptor limit: $MAX_FD"
101 |         fi
102 |     else
103 |         warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
104 |     fi
105 | fi
106 | 
107 | # For Darwin, add options to specify how the application appears in the dock
108 | if $darwin; then
109 |     GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
110 | fi
111 | 
112 | # For Cygwin, switch paths to Windows format before running java
113 | if $cygwin ; then
114 |     APP_HOME=`cygpath --path --mixed "$APP_HOME"`
115 |     CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
116 |     JAVACMD=`cygpath --unix "$JAVACMD"`
117 | 
118 |     # We build the pattern for arguments to be converted via cygpath
119 |     ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
120 |     SEP=""
121 |     for dir in $ROOTDIRSRAW ; do
122 |         ROOTDIRS="$ROOTDIRS$SEP$dir"
123 |         SEP="|"
124 |     done
125 |     OURCYGPATTERN="(^($ROOTDIRS))"
126 |     # Add a user-defined pattern to the cygpath arguments
127 |     if [ "$GRADLE_CYGPATTERN" != "" ] ; then
128 |         OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
129 |     fi
130 |     # Now convert the arguments - kludge to limit ourselves to /bin/sh
131 |     i=0
132 |     for arg in "$@" ; do
133 |         CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
134 |         CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
135 | 
136 |         if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
137 |             eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
138 |         else
139 |             eval `echo args$i`="\"$arg\""
140 |         fi
141 |         i=$((i+1))
142 |     done
143 |     case $i in
144 |         (0) set -- ;;
145 |         (1) set -- "$args0" ;;
146 |         (2) set -- "$args0" "$args1" ;;
147 |         (3) set -- "$args0" "$args1" "$args2" ;;
148 |         (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
149 |         (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
150 |         (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
151 |         (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
152 |         (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
153 |         (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
154 |     esac
155 | fi
156 | 
157 | # Escape application args
158 | save () {
159 |     for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
160 |     echo " "
161 | }
162 | APP_ARGS=$(save "$@")
163 | 
164 | # Collect all arguments for the java command, following the shell quoting and substitution rules
165 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
166 | 
167 | # by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
168 | if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
169 |   cd "$(dirname "$0")"
170 | fi
171 | 
172 | exec "$JAVACMD" "$@"
173 | 


--------------------------------------------------------------------------------
/app/src/main/res/drawable/ic_launcher_background.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <vector xmlns:android="http://schemas.android.com/apk/res/android"
  3 |     android:width="108dp"
  4 |     android:height="108dp"
  5 |     android:viewportHeight="108"
  6 |     android:viewportWidth="108">
  7 |     <path
  8 |         android:fillColor="#26A69A"
  9 |         android:pathData="M0,0h108v108h-108z" />
 10 |     <path
 11 |         android:fillColor="#00000000"
 12 |         android:pathData="M9,0L9,108"
 13 |         android:strokeColor="#33FFFFFF"
 14 |         android:strokeWidth="0.8" />
 15 |     <path
 16 |         android:fillColor="#00000000"
 17 |         android:pathData="M19,0L19,108"
 18 |         android:strokeColor="#33FFFFFF"
 19 |         android:strokeWidth="0.8" />
 20 |     <path
 21 |         android:fillColor="#00000000"
 22 |         android:pathData="M29,0L29,108"
 23 |         android:strokeColor="#33FFFFFF"
 24 |         android:strokeWidth="0.8" />
 25 |     <path
 26 |         android:fillColor="#00000000"
 27 |         android:pathData="M39,0L39,108"
 28 |         android:strokeColor="#33FFFFFF"
 29 |         android:strokeWidth="0.8" />
 30 |     <path
 31 |         android:fillColor="#00000000"
 32 |         android:pathData="M49,0L49,108"
 33 |         android:strokeColor="#33FFFFFF"
 34 |         android:strokeWidth="0.8" />
 35 |     <path
 36 |         android:fillColor="#00000000"
 37 |         android:pathData="M59,0L59,108"
 38 |         android:strokeColor="#33FFFFFF"
 39 |         android:strokeWidth="0.8" />
 40 |     <path
 41 |         android:fillColor="#00000000"
 42 |         android:pathData="M69,0L69,108"
 43 |         android:strokeColor="#33FFFFFF"
 44 |         android:strokeWidth="0.8" />
 45 |     <path
 46 |         android:fillColor="#00000000"
 47 |         android:pathData="M79,0L79,108"
 48 |         android:strokeColor="#33FFFFFF"
 49 |         android:strokeWidth="0.8" />
 50 |     <path
 51 |         android:fillColor="#00000000"
 52 |         android:pathData="M89,0L89,108"
 53 |         android:strokeColor="#33FFFFFF"
 54 |         android:strokeWidth="0.8" />
 55 |     <path
 56 |         android:fillColor="#00000000"
 57 |         android:pathData="M99,0L99,108"
 58 |         android:strokeColor="#33FFFFFF"
 59 |         android:strokeWidth="0.8" />
 60 |     <path
 61 |         android:fillColor="#00000000"
 62 |         android:pathData="M0,9L108,9"
 63 |         android:strokeColor="#33FFFFFF"
 64 |         android:strokeWidth="0.8" />
 65 |     <path
 66 |         android:fillColor="#00000000"
 67 |         android:pathData="M0,19L108,19"
 68 |         android:strokeColor="#33FFFFFF"
 69 |         android:strokeWidth="0.8" />
 70 |     <path
 71 |         android:fillColor="#00000000"
 72 |         android:pathData="M0,29L108,29"
 73 |         android:strokeColor="#33FFFFFF"
 74 |         android:strokeWidth="0.8" />
 75 |     <path
 76 |         android:fillColor="#00000000"
 77 |         android:pathData="M0,39L108,39"
 78 |         android:strokeColor="#33FFFFFF"
 79 |         android:strokeWidth="0.8" />
 80 |     <path
 81 |         android:fillColor="#00000000"
 82 |         android:pathData="M0,49L108,49"
 83 |         android:strokeColor="#33FFFFFF"
 84 |         android:strokeWidth="0.8" />
 85 |     <path
 86 |         android:fillColor="#00000000"
 87 |         android:pathData="M0,59L108,59"
 88 |         android:strokeColor="#33FFFFFF"
 89 |         android:strokeWidth="0.8" />
 90 |     <path
 91 |         android:fillColor="#00000000"
 92 |         android:pathData="M0,69L108,69"
 93 |         android:strokeColor="#33FFFFFF"
 94 |         android:strokeWidth="0.8" />
 95 |     <path
 96 |         android:fillColor="#00000000"
 97 |         android:pathData="M0,79L108,79"
 98 |         android:strokeColor="#33FFFFFF"
 99 |         android:strokeWidth="0.8" />
100 |     <path
101 |         android:fillColor="#00000000"
102 |         android:pathData="M0,89L108,89"
103 |         android:strokeColor="#33FFFFFF"
104 |         android:strokeWidth="0.8" />
105 |     <path
106 |         android:fillColor="#00000000"
107 |         android:pathData="M0,99L108,99"
108 |         android:strokeColor="#33FFFFFF"
109 |         android:strokeWidth="0.8" />
110 |     <path
111 |         android:fillColor="#00000000"
112 |         android:pathData="M19,29L89,29"
113 |         android:strokeColor="#33FFFFFF"
114 |         android:strokeWidth="0.8" />
115 |     <path
116 |         android:fillColor="#00000000"
117 |         android:pathData="M19,39L89,39"
118 |         android:strokeColor="#33FFFFFF"
119 |         android:strokeWidth="0.8" />
120 |     <path
121 |         android:fillColor="#00000000"
122 |         android:pathData="M19,49L89,49"
123 |         android:strokeColor="#33FFFFFF"
124 |         android:strokeWidth="0.8" />
125 |     <path
126 |         android:fillColor="#00000000"
127 |         android:pathData="M19,59L89,59"
128 |         android:strokeColor="#33FFFFFF"
129 |         android:strokeWidth="0.8" />
130 |     <path
131 |         android:fillColor="#00000000"
132 |         android:pathData="M19,69L89,69"
133 |         android:strokeColor="#33FFFFFF"
134 |         android:strokeWidth="0.8" />
135 |     <path
136 |         android:fillColor="#00000000"
137 |         android:pathData="M19,79L89,79"
138 |         android:strokeColor="#33FFFFFF"
139 |         android:strokeWidth="0.8" />
140 |     <path
141 |         android:fillColor="#00000000"
142 |         android:pathData="M29,19L29,89"
143 |         android:strokeColor="#33FFFFFF"
144 |         android:strokeWidth="0.8" />
145 |     <path
146 |         android:fillColor="#00000000"
147 |         android:pathData="M39,19L39,89"
148 |         android:strokeColor="#33FFFFFF"
149 |         android:strokeWidth="0.8" />
150 |     <path
151 |         android:fillColor="#00000000"
152 |         android:pathData="M49,19L49,89"
153 |         android:strokeColor="#33FFFFFF"
154 |         android:strokeWidth="0.8" />
155 |     <path
156 |         android:fillColor="#00000000"
157 |         android:pathData="M59,19L59,89"
158 |         android:strokeColor="#33FFFFFF"
159 |         android:strokeWidth="0.8" />
160 |     <path
161 |         android:fillColor="#00000000"
162 |         android:pathData="M69,19L69,89"
163 |         android:strokeColor="#33FFFFFF"
164 |         android:strokeWidth="0.8" />
165 |     <path
166 |         android:fillColor="#00000000"
167 |         android:pathData="M79,19L79,89"
168 |         android:strokeColor="#33FFFFFF"
169 |         android:strokeWidth="0.8" />
170 | </vector>
171 | 


--------------------------------------------------------------------------------