Android开发丶MaterialDesign实战のToolbar
来源:互联网 发布:mac上word文档丢失 编辑:程序博客网 时间:2024/05/19 15:39
1.先添加design的依赖
2.在AppTheme中改为NoActionBar
3.在xml文件里添加Toolbar控件
注意两个配置
android:theme=”@style/ThemeOverlay.AppCompat.Dark.ActionBar“
app:Theme="@style/ThemeOverlay.AppCompat.Light"
4.在MainActivity中onCreate()方法中设置
setSupportActionBar(toobar);
运行效果:
5.尝试更改Toolbar中默认的文字,在清单文件AndroidManifest中Activity增加节点
android:label=”Fantasychong丶”
运行结果:
6.给Toolbar添加多个菜单按钮
在res目录下新建一个menu文件,里面设置好item属性,其中showsAction属性有三种值,always、ifRoom、never,always表示如果toolbar有空间,菜单会一直在toobar中显示,如果没有空间则不显示,ifRoom表示有空间就显示,没空间就移到右边的弹窗菜单里,never则表示不在toolbar里显示,一直在右边的弹窗菜单里显示。
<item
android:id= “@+id/menu_search”
android:title= “没有你的地方”
android:icon= “@mipmap/ic_launcher”
showsAction= “always”/ ”ifRoom”/ “never”
/>
运行效果
点击右边的弹窗按钮,如图所示
弹窗遮挡了部分Toolbar,尝试给它移位置到Toolbar下面,看起来会比较协调。
打开values文件夹下的style.xml文件夹
<style name=”ToolbarMenuTheme” parent=”@style/ThemeOverlay.AppCompat.Dark”>
<item name=”android:colorBackground”>@color/colorPrimary</item>
<item name=”actionOverflowMenuStyle”>@style/overflowMenuStyle</item>
</style>
<style name=”overflowMenuStyle” parent=”Widget.AppCompat.Light.PopupMenu.Overflow”
<item name=”overlapAnchor”>false</item>
</style>
在XML文件中的toolbar中引用该属性app:popupTheme=“@style/ToolbarMenuTheme”
运行结果
7.设置menu的点击事件
在目标Activity中,设置onOptionsItemSelected方法
public boolean onOptionsItemSelected(MenuItem item){
switch(item.getItemId()){
case R.id.menu_search:
Toast.makeText(MainActivity.this, “没有你的地方”,LENGTH_SHORT);
break;
case R.id.menu_delete:
Toast.makeText(MainActivity.this, “都是他乡”,LENGTH_SHORT);
break;
case R.id.menu_setting:
Toast.makeText(MainActivity.this, “没有你的旅行”, LENGTH_SHORT);
break;
case R.id.menu_setting2:
Toast.makeText(MainActivity.this,”都是流浪”,LENGTH_SHORT);
break;
}
}
运行效果:
demo下载地址:
http://download.csdn.net/download/u014078990/9959833
点击打开链接
- Android开发丶MaterialDesign实战のToolbar
- Android开发丶MaterialDesign实战のDrawerLayout
- Android开发丶MaterialDesign实战のCardViewRecyclerView实现炫酷列表页
- MaterialDesign ToolBar
- 安卓开发——MaterialDesign实战
- 一步步走进Android MaterialDesign 之 ToolBar动画效果(1)
- 一步步走进Android MaterialDesign 之 ToolBar动画效果(2)
- MaterialDesign 之 ToolBar学习
- MaterialDesign-Toolbar(五)
- Android开发之MaterialDesign动画总结
- MaterialDesign的Toolbar以及Drawerlayout
- Android开发--toolbar定制
- android toolbar 开发总结
- 浅谈MaterialDesign之toolbar的简单使用
- Android开发----MaterialDesign设计下material-dialogs用法
- Android 5.x Theme 与 ToolBar 实战
- Android 5.x Theme 与 ToolBar 实战
- Android 5.x Theme 与 ToolBar 实战
- java中跟踪共享对象的调用数量
- hdu 2066 dijkstra
- 智能飞机杯 VR虚拟现实交互动作 宅男伴侣 功能介绍
- ROS自定义消息
- MySQL Too many connections 解决方案
- Android开发丶MaterialDesign实战のToolbar
- 【CSS实现正方形】CSS实现自适应正方形、等宽高比矩形
- 【网络基础 三】数据链路层
- openstack 最新版本ocata 详细安装指南
- Java正则表达式的使用和基本语法
- 折半搜索 poj3977
- 用户画像-方法
- 第十四篇: 最熟悉的陌生人:ListView 中的观察者模式
- @ModelAtribute用法