Animated FAB
This commit is contained in:
parent
3153299592
commit
35dbb1ee95
17 changed files with 179 additions and 10 deletions
20
app/src/main/res/drawable-v21/ic_pause.xml
Normal file
20
app/src/main/res/drawable-v21/ic_pause.xml
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<vector xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
android:width="24dp"
|
||||
android:height="24dp"
|
||||
android:viewportWidth="24"
|
||||
android:viewportHeight="24">
|
||||
<group
|
||||
android:name="rotationGroup"
|
||||
android:pivotX="12"
|
||||
android:pivotY="12">
|
||||
<path
|
||||
android:name="left"
|
||||
android:fillColor="@android:color/white"
|
||||
android:pathData="@string/drawable_vector_pause_left" />
|
||||
<path
|
||||
android:name="right"
|
||||
android:fillColor="@android:color/white"
|
||||
android:pathData="@string/drawable_vector_pause_right" />
|
||||
</group>
|
||||
</vector>
|
||||
30
app/src/main/res/drawable-v21/ic_pause_resume.xml
Normal file
30
app/src/main/res/drawable-v21/ic_pause_resume.xml
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<animated-selector xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
android:constantSize="true">
|
||||
|
||||
<item
|
||||
android:id="@+id/pressed_selected"
|
||||
android:state_selected="true"
|
||||
android:state_pressed="true"
|
||||
android:drawable="@drawable/ic_resume" />
|
||||
|
||||
<item
|
||||
android:id="@+id/action_resume_state"
|
||||
android:drawable="@drawable/ic_resume"
|
||||
android:state_selected="true" />
|
||||
|
||||
<item
|
||||
android:id="@+id/action_pause_state"
|
||||
android:drawable="@drawable/ic_pause" />
|
||||
|
||||
<transition
|
||||
android:fromId="@id/pressed_selected"
|
||||
android:toId="@id/action_resume_state"
|
||||
android:drawable="@drawable/ic_pause_to_ic_resume" />
|
||||
|
||||
<transition
|
||||
android:fromId="@id/pressed_selected"
|
||||
android:toId="@id/action_pause_state"
|
||||
android:drawable="@drawable/ic_resume_to_ic_pause" />
|
||||
|
||||
</animated-selector>
|
||||
13
app/src/main/res/drawable-v21/ic_pause_to_ic_resume.xml
Normal file
13
app/src/main/res/drawable-v21/ic_pause_to_ic_resume.xml
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
android:drawable="@drawable/ic_pause">
|
||||
<target
|
||||
android:name="rotationGroup"
|
||||
android:animation="@anim/drawable_pause_to_resume_group" />
|
||||
<target
|
||||
android:name="left"
|
||||
android:animation="@anim/drawable_pause_to_resume_left" />
|
||||
<target
|
||||
android:name="right"
|
||||
android:animation="@anim/drawable_pause_to_resume_right" />
|
||||
</animated-vector>
|
||||
21
app/src/main/res/drawable-v21/ic_resume.xml
Normal file
21
app/src/main/res/drawable-v21/ic_resume.xml
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<vector xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
android:width="24dp"
|
||||
android:height="24dp"
|
||||
android:viewportWidth="24"
|
||||
android:viewportHeight="24">
|
||||
<group
|
||||
android:name="rotationGroup"
|
||||
android:pivotX="12"
|
||||
android:pivotY="12"
|
||||
android:rotation="90">
|
||||
<path
|
||||
android:name="left"
|
||||
android:fillColor="@android:color/white"
|
||||
android:pathData="@string/drawable_vector_resume_left" />
|
||||
<path
|
||||
android:name="right"
|
||||
android:fillColor="@android:color/white"
|
||||
android:pathData="@string/drawable_vector_resume_right" />
|
||||
</group>
|
||||
</vector>
|
||||
13
app/src/main/res/drawable-v21/ic_resume_to_ic_pause.xml
Normal file
13
app/src/main/res/drawable-v21/ic_resume_to_ic_pause.xml
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
android:drawable="@drawable/ic_resume">
|
||||
<target
|
||||
android:name="rotationGroup"
|
||||
android:animation="@anim/drawable_resume_to_pause_group" />
|
||||
<target
|
||||
android:name="left"
|
||||
android:animation="@anim/drawable_resume_to_pause_left" />
|
||||
<target
|
||||
android:name="right"
|
||||
android:animation="@anim/drawable_resume_to_pause_right" />
|
||||
</animated-vector>
|
||||
Loading…
Add table
Add a link
Reference in a new issue