| <?xml version="1.0" encoding="utf-8"?> |
| <android.support.design.widget.CoordinatorLayout |
| xmlns:android="http://schemas.android.com/apk/res/android" |
| xmlns:app="http://schemas.android.com/apk/res-auto" |
| android:layout_width="match_parent" |
| android:layout_height="match_parent"> |
| <LinearLayout |
| android:id="@+id/root_view" |
| android:layout_width="match_parent" |
| android:layout_height="match_parent" |
| android:clipChildren="false" |
| android:orientation="vertical" |
| android:background="@android:color/white"> |
| |
| <android.support.design.widget.AppBarLayout |
| android:layout_width="match_parent" |
| android:layout_height="wrap_content"> |
| |
| <android.support.v7.widget.Toolbar |
| android:id="@+id/toolbar" |
| android:layout_width="match_parent" |
| android:layout_height="?attr/actionBarSize" |
| android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/> |
| </android.support.design.widget.AppBarLayout> |
| |
| <FrameLayout |
| android:id="@+id/animation_container" |
| android:layout_width="match_parent" |
| android:layout_height="0dp" |
| android:layout_weight="1" |
| android:background="@drawable/inverted_background"> |
| |
| <com.airbnb.lottie.LottieAnimationView |
| android:id="@+id/animation_view" |
| android:layout_width="wrap_content" |
| android:layout_height="wrap_content" |
| android:layout_gravity="center" |
| android:background="@drawable/outline" |
| android:scaleType="centerInside" |
| android:duplicateParentState="true"/> |
| |
| <LinearLayout |
| android:id="@+id/instructions" |
| android:layout_width="wrap_content" |
| android:layout_height="wrap_content" |
| android:layout_gravity="center" |
| android:orientation="vertical"> |
| |
| <TextView |
| android:layout_width="wrap_content" |
| android:layout_height="wrap_content" |
| android:layout_marginBottom="8dp" |
| android:textColor="@android:color/black" |
| android:text="Choose an option below"/> |
| |
| <TextView |
| android:id="@+id/qr_code" |
| android:layout_width="wrap_content" |
| android:layout_height="wrap_content" |
| android:layout_marginBottom="8dp" |
| android:drawablePadding="4dp" |
| android:textColor="@android:color/black" |
| android:text="Scan QR Code"/> |
| |
| <TextView |
| android:id="@+id/sample_animations" |
| android:layout_width="wrap_content" |
| android:layout_height="wrap_content" |
| android:layout_marginBottom="8dp" |
| android:drawablePadding="4dp" |
| android:textColor="@android:color/black" |
| android:text="Sample animations"/> |
| |
| <TextView |
| android:id="@+id/load_animation" |
| android:layout_width="wrap_content" |
| android:layout_height="wrap_content" |
| android:layout_marginBottom="8dp" |
| android:drawablePadding="4dp" |
| android:textColor="@android:color/black" |
| android:text="Load animation file"/> |
| |
| <TextView |
| android:id="@+id/load_from_json" |
| android:layout_width="wrap_content" |
| android:layout_height="wrap_content" |
| android:drawablePadding="4dp" |
| android:textColor="@android:color/black" |
| android:text="Load animation from json url"/> |
| |
| </LinearLayout> |
| </FrameLayout> |
| |
| <View |
| android:layout_width="match_parent" |
| android:layout_height="1dp" |
| android:background="#d4d4d4"/> |
| |
| <LinearLayout |
| android:layout_width="match_parent" |
| android:layout_height="wrap_content" |
| android:layout_marginBottom="8dp"> |
| |
| <ImageButton |
| android:background="?selectableItemBackgroundBorderless" |
| android:id="@+id/invert_colors" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_weight="1" |
| android:layout_gravity="center_vertical" |
| android:src="@drawable/ic_invert"/> |
| |
| <ImageButton |
| android:id="@+id/loop" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_weight="1" |
| android:layout_gravity="center_vertical" |
| android:background="?selectableItemBackgroundBorderless" |
| android:src="@drawable/ic_loop"/> |
| |
| |
| <ImageButton |
| android:id="@+id/qrscan" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_weight="1" |
| android:layout_gravity="center_vertical" |
| android:background="?selectableItemBackgroundBorderless" |
| app:srcCompat="@drawable/ic_qr_scan"/> |
| |
| <ImageButton |
| android:visibility="gone" |
| android:id="@+id/restart" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_weight="1" |
| android:layout_gravity="center_vertical" |
| android:background="?selectableItemBackgroundBorderless" |
| app:srcCompat="@drawable/ic_restart"/> |
| |
| <ImageButton |
| android:id="@+id/play_button" |
| android:layout_width="48dp" |
| android:layout_height="48dp" |
| android:layout_marginTop="12dp" |
| android:layout_marginBottom="12dp" |
| android:layout_marginLeft="12dp" |
| android:layout_marginRight="12dp" |
| android:layout_gravity="center_vertical" |
| android:background="@drawable/play_button_background" |
| android:src="@drawable/ic_play_pause"/> |
| |
| <ImageButton |
| android:id="@+id/load_asset" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_weight="1" |
| android:layout_gravity="center_vertical" |
| android:background="?selectableItemBackgroundBorderless" |
| app:srcCompat="@drawable/ic_assets"/> |
| |
| <ImageButton |
| android:id="@+id/load_file" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_weight="1" |
| android:layout_gravity="center_vertical" |
| android:background="?selectableItemBackgroundBorderless" |
| app:srcCompat="@drawable/ic_file"/> |
| |
| <ImageButton |
| android:id="@+id/load_url_or_json" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_weight="1" |
| android:layout_gravity="center_vertical" |
| android:background="?selectableItemBackgroundBorderless" |
| app:srcCompat="@drawable/ic_network"/> |
| |
| </LinearLayout> |
| |
| <LinearLayout |
| android:layout_width="match_parent" |
| android:layout_height="wrap_content" |
| android:orientation="horizontal" |
| android:layout_marginBottom="8dp"> |
| <TextView |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_weight="1" |
| android:layout_marginRight="16dp" |
| android:gravity="right" |
| android:text="Progress"/> |
| <android.support.v7.widget.AppCompatSeekBar |
| android:id="@+id/seek_bar" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_weight="3"/> |
| <Space |
| android:layout_width="0dp" |
| android:layout_height="0dp" |
| android:layout_marginLeft="16dp" |
| android:layout_weight="1"/> |
| </LinearLayout> |
| |
| |
| <LinearLayout |
| android:layout_width="match_parent" |
| android:layout_height="wrap_content" |
| android:orientation="horizontal" |
| android:layout_marginBottom="8dp"> |
| <TextView |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_weight="1" |
| android:layout_marginRight="16dp" |
| android:gravity="right" |
| android:text="Scale"/> |
| <android.support.v7.widget.AppCompatSeekBar |
| android:id="@+id/scale_seek_bar" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_weight="3"/> |
| <TextView |
| android:id="@+id/scale_text" |
| android:layout_width="0dp" |
| android:layout_height="wrap_content" |
| android:layout_weight="1" |
| android:layout_marginLeft="16dp" |
| android:gravity="left"/> |
| </LinearLayout> |
| |
| <TextView |
| android:id="@+id/animation_name" |
| android:layout_width="wrap_content" |
| android:layout_height="wrap_content" |
| android:layout_gravity="center_horizontal" |
| android:textColor="@android:color/black" |
| android:layout_marginBottom="8dp"/> |
| |
| <TextView |
| android:layout_width="wrap_content" |
| android:layout_height="wrap_content" |
| android:layout_gravity="center_horizontal" |
| android:textColor="@android:color/black" |
| android:textSize="8sp" |
| android:layout_marginBottom="8dp" |
| android:text="2.0.0"/> |
| |
| </LinearLayout> |
| </android.support.design.widget.CoordinatorLayout> |