Android修行手册 - Toolbar实践

举报
芝麻粒儿 发表于 2022/09/27 15:42:17 2022/09/27
【摘要】 👉关于作者众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)欢迎关注公众号【空名先生】获取更多资源和交流! 👉前提这是小空坚持写的Android新手向系列,欢迎...

👉关于作者

众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!

专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)

欢迎关注公众号【空名先生】获取更多资源和交流!

👉前提

这是小空坚持写的Android新手向系列,欢迎品尝。

新手(√√√)

大佬(√)

👉实践过程

首先我们需要将AndroidManifest.xml中设置的android:theme选择合适的无Bar的主题,防止和我们自己的冲突。

image.png
activity_tool_bar.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".ActivityToolBar">
    <androidx.appcompat.widget.Toolbar
        android:id="@+id/idToolBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#0000ff"
        app:logo="@mipmap/icon_xin_no"
        app:menu="@menu/menu"
        app:navigationIcon="@mipmap/icon_xin_yes"
        app:subtitle="ToolBar子标题"
        app:subtitleTextColor="#ffffff"
        app:title="ToolBar标题"
        app:titleTextColor="#ff0000" />
</LinearLayout>

在app/res下创建menu文件夹,里面创建个menu.xml,上面是利用app:menu属性引入的menu文件,其实也可以在代码中设置:

idToolBar.inflateMenu(R.menu.menu)
//或者
override fun onCreateOptionsMenu(menu: Menu?): Boolean {
    menuInflater.inflate(R.menu.menu, menu)
    return super.onCreateOptionsMenu(menu)
}

Menu属性

orderInCategory: 表示菜单排列的顺序,数值为int类型,数值越小表示越靠近前面,数值一样,按先后顺序排列,但要注意受showAsAction值的影响,比如下方示例title为【菜单】的itemorder是1而showAsAction是never,order为2的【芝麻粒儿】itemshowAsAction是ifRoom,如果不考虑showAsAction属性,应该是【菜单】显示出来【芝麻粒儿】在隐藏的三点中,但看图确是【芝麻粒儿】的item在前显示了。

showAsAction:表示显示规则,有五个可选值always-表示总是显示在界面上,同样会对UI界面造成影响、never-表示不会在界面上显示,只让出现在右边的三个点中、ifRoom-如果有位置才显示,不然就出现在右边的三个点中、withText-官方的介绍是,默认显示文本,但是会随着调整图标和文本都显示,可实际情况是我测试的都是文本显示从没有过图标、collapseActionView表示将折叠视图设置到了该item中,点击即可展开。

image.png

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/idTooBarMenuOne"
        android:icon="@mipmap/icon_xin_no"
        android:orderInCategory="1"
        android:title="菜单"
        app:showAsAction="ifRoom" />
    <item
        android:id="@+id/idTooBarMenuTwo"
        android:icon="@mipmap/icon_xin_yes"
        android:orderInCategory="1"
        android:title="菜单"
        app:showAsAction="never" />
    <item
        android:id="@+id/idTooBarMenuThree"
        android:icon="@mipmap/icon_xin_yes"
        android:orderInCategory="2"
        android:title="芝麻粒儿"
        app:showAsAction="ifRoom" />
    <item
        android:id="@+id/idTooBarMenuFour"
        android:icon="@mipmap/icon_xin_no"
        android:orderInCategory="3"
        android:title="公众号"
        app:showAsAction="ifRoom" />
    <item
        android:id="@+id/idTooBarMenuFive"
        android:icon="@mipmap/icon_xin_no"
        android:orderInCategory="4"
        android:title="空名先生"
        app:showAsAction="ifRoom" />
</menu>

👉其他

📢作者:小空和小芝中的小空

📢转载说明-务必注明来源:芝麻粒儿 的个人主页 - 专栏 - 掘金 (juejin.cn)

📢这位道友请留步☁️,我观你气度不凡,谈吐间隐隐有王者霸气💚,日后定有一番大作为📝!!!旁边有点赞👍收藏🌟今日传你,点了吧,未来你成功☀️,我分文不取,若不成功⚡️,也好回来找我。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。