android 5.0 toolbar

来源:互联网 发布:windows mac地址 编辑:程序博客网 时间:2024/06/01 21:06

今年(2014) 的 google i/o 发表令多数人为之一亮的 material design,而 google 也从「google i/o 2014」 开始,大家也陆陆续续地看到其更新的 android app 皆套用了这个设计介面。当然,这个设计介面著实让大家感到惊艳外,更让 android 开发者开始担心未来 app 的界面处理了。

不过,所幸有着之前 actionbar 的经验后,android 也很快地在 support library 里面提供了相对应的 api 给开发者使用,本篇就为各位介绍 – toolbar,这是用来取代过去 actionbar 的控件,而现在于 material design 中也对之有一个统一名称:app bar,在未来的 android app 中,就以 toolbar 这个元件来实作之。

项目进行升级,就参考资料进行设置,中间遇到了的几个问题,再次分享出来

  1. toolbar 作为替换actionbar的一个控件出现,既然是代替。用toolsbar控件,就不可
    使用 actionbar 的主题了。

    2.style 设置,需要设置两份,一份在values 中的style 一份 values-v21下面,

   <style name="AppTheme" parent="AppBaseTheme">        <!-- Customize your theme here. -->        </style>        <style name="AppBaseTheme" parent="Theme.AppCompat.Light.NoActionBar">        <!-- customize the color palette -->        <!-- toolbar(actionbar)颜色 -->        <item name="colorPrimary">@color/material_blue_500</item>        <item name="colorPrimaryDark">@color/material_blue_700</item>        <item name="colorAccent">@color/material_green_A200</item>        <!-- 窗口的背景颜色 -->        <item name="android:windowBackground">@android:color/white</item>        <item name="android:textColorPrimary">@android:color/white</item>        <!--设置字体大小、颜色-->        <item name="android:actionMenuTextAppearance">@style/actionMenuTextAppearance</item>        <item name="android:actionMenuTextColor">@color/white</item>    </style>

  1. toolsbar 事件的监听,就需要使用 meum的监听方式了

         @Overridepublic boolean onCreateOptionsMenu(Menu menu) {    getMenuInflater().inflate(R.menu.menu_main, menu);    ##创建toolbar meum 菜单项    return super.onCreateOptionsMenu(menu);     }@Overridepublic boolean onOptionsItemSelected(MenuItem item) {    ##进行具体项的监听    return super.onOptionsItemSelected(item);}

4,关于toolsbar 更多信息请自行 google 相应信息

这里写图片描述

【源码下载】https://github.com/yatou252303/MaterialDesignToolsbar
作为一个module 加到android studio 进行效果查看

【参考】

   http://blog.mosil.biz/2014/10/android-toolbar/
0 0
原创粉丝点击