使用Android Lollipop导航动画

这里提供一个实例,可以模仿Google Play里的导航返回按键的效果,只需要使用Android Support V7兼容包,对Android5.0以下的设备同样兼容

理论效果

sample.gif

sample.gif

所需组件

Android Studio (版本0.92,推荐使用实验版本,效果非常好)

gradle 配置

需要掌握的新版UI对象

  • Toolbar(Actionbar已经成为了历史)
  • TintSpinner(下拉菜单)
  • NavigationDrawer(导航栏)
  • ActionBarDrawerToggle(这里就是动画的关键,旧版的ActionBarDrawerToggle同样不再支持了)

使用步骤

1. 升级Android Studio到开发版本(可选)

2. Gradle加入上面的依赖项目

3. 新建一个Activity,Android会智能的让你继承 ActionbarActivity ,主题也会继承 Theme.AppCompat,如果你发现系统没有为你自动建好,按如下检查设置

主程序必须继承 ActionbarActivity

主题选项(values/styles.xml),注意我们再也不要Actionbar了

尝试运行你的程序,如果没问题的话,你的程序应该已经以Android L的效果运行了

4. 安装Toolbar与NavagationDrawer

在你的MainActivity的布局中,改成如下的代码

你会发现有一个 NavigationFragment 还没有创建,这个嘛…现在创建吧,注意直接新建一个BlankFragment,不要自己新建Class慢慢写了….系统帮你建立好了后,你会发现已经自动给你了一个回调接口,你可以把回调接口改的更好看一些,下面是核心接口设计

NavigationFragment 里面的Listview和监听自己写吧….当你点击后,调用接口就可以了,我们回到Activity中,xml里面的 fragment 先修改好吧,然后再修改Activity的Java程序

源码下载

Github

现在,你就拥有了一个Lolipop动画效果的返回按钮啦!如果你更喜欢相关的材料设计的内容,请关注材料设计专题

1 1 收藏 评论

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部