SearchMenuAnim

Overview

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

alt tag

You might also like...
Comments
  • Migrate to Android X

    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

    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
Owner
孔楠
Android Technical Manager
孔楠