Neat library, that provides a simple way to implement guillotine-styled animation
Check this project on Dribbble
Also, read how it was done in our blog
<img src="https://d13yacurqjgara.cloudfront.net/users/495792/screenshots/2113314/draft-03.gif" alt="Guillotine animation gif" style="width:800;height:600">
For a working implementation, have a look at the app module
Include the library as local library project.
Your hamburger on navigation menu must have exactly same coordinates as hamburger on ActionBar.
onCreatemethod you need to config and build animation with GuillotineAnimation.GuillotineBuilder
new GuillotineAnimation.GuillotineBuilder(guillotineMenu, guillotineMenu.findViewById(R.id.guillotine_hamburger), contentHamburger) .setActionBarViewForAnimation(toolbar) .build();
setActionBarViewForAnimationmethod enables bounce effect of ActionBar at the end of the guillotine closing animation.
Builder allows you to customize start delay, duration, interpolation and you can set listener if you want to do staff at the moment when menu has been opened or closed.
- Android 4.0.3 Ice Cream Sandwich (API level 15)
- Initial Build
Let us know!
We’d be really happy if you sent us links to your projects where you use our component. Just send an email to email@example.com And do let us know if you have any questions or suggestion regarding the animation.
P.S. We’re going to publish more awesomeness wrapped in code and a tutorial on how to make UI for Android (iOS) better than better. Stay tuned!
Copyright 2015, Yalantis
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.