SearchMenuAnim

Searching… The material design spec says¹ that “transitioning between two visual states should be clear, smooth and effortless and not confuse the user”. That's why when I came across this shot² on dribbble I thought it was a pretty funky way to transition from a search icon to a search field. I then thought that with AnimatedVectorDrawable's³ ability to animate paths, this would be simple. +Chris Banes said I was crazy so then I had to make it to prove him wrong.

https://gist.github.com/nickbutcher/b3962f0d14913e9746f2

#AndroidDev #materialdesign

¹ http://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-visual-continuity ² https://dribbble.com/shots/1945376-Search ³ https://developer.android.com/reference/android/graphics/drawable/AnimatedVectorDrawable.html

Source： https://plus.google.com/+NickButcher/posts/7mymoaNZbqY

You might also like...

Comments

Migrate to Android X
-This repository was migrate from Android to Android X due to outdated code. -Updated the dependencies to Android 29 and changed compile for implementation. Now the minimum Sdk version is now 24 instead of 21.

getResources().getDrawable() is now obsolete, so it was replace for ResourcesCompat.getDrawable()

The Gradle version is now 3.5.3

The folder for animation is no longer named anim, now we called animator.

On the main Activity we created a method to start the search bar on a close state.
opened by johnjeremih 2
Update the main activity
I figure out, you can use ViewAnimator to run the Search animation instead of FrameLayout. It optimized the animation process. But I think it's pretty slow. Do you have any idea to optimize this. I have upgrade the Gradle version and Android Build tool version too.

Changes:

Change FrameLayout in activity_main.xml to ViewAnimator

Upgrade Gradle, Android Build tool version
opened by hckhanh 1

SearchMenuAnim

Related tags

Overview

SearchMenuAnim

You might also like...

Comments

Migrate to Android X

Update the main activity

Owner

孔楠