整洁的库,提供了一种简单的方法来实现断头台风格的动画
检查这个[Dribbble 上的项目] (https://dribbble.com/shots/2018249-Guillotine-Menu)
另外,请在[我们的博客]中阅读它是如何完成的(https://yalantis.com/blog/how-we-development-the-guillotine-menu-animation-for-android/?utm_source=github)
对于有效的实现,请查看应用程序模块
在存储库末尾的根 build.gradle 中添加 JitPack 存储库:
allprojects {
repositories {
...
maven { url "https://jitpack.io" }
}
}
将依赖项添加到您的应用程序 build.gradle
dependencies {
compile 'com.github.Yalantis:GuillotineMenu-Android:1.2'
}
您需要为导航菜单创建一个布局(示例应用程序中的guillotine.xml
),稍后它将以断头台样式打开和关闭。这里唯一棘手的部分是导航布局应该位于任何其他内容之上,并且在关闭动画结束后会消失。这就是为什么内容布局(示例应用程序中的activity.xml
)也应该在与导航菜单相同的坐标处具有汉堡包图标。
之后,您需要做的就是通过将导航布局对象、导航和内容布局汉堡包对象传递给onCreate
方法中的GuillotineAnimation.GuillotineBuilder
来构建动画
new GuillotineAnimation . GuillotineBuilder ( guillotineMenu , guillotineMenu . findViewById ( R . id . guillotine_hamburger ), contentHamburger )
. setActionBarViewForAnimation ( toolbar )
. build ();
这里setActionBarViewForAnimation
方法启用了工具栏在断头台关闭动画结束时的弹跳效果。
Builder 允许您自定义开始延迟、持续时间、插值,如果您想在菜单打开或关闭时进行工作,您可以设置侦听器。
如果您向我们发送使用我们组件的项目的链接,我们将非常高兴。只需发送电子邮件至 [email protected] 如果您对动画有任何疑问或建议,请告诉我们。
PS 我们将发布更多包含在代码中的精彩内容以及关于如何使 Android (iOS) 的 UI 变得更好的教程。敬请关注!
Copyright 2017, 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
http://www.apache.org/licenses/LICENSE-2.0
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.