android 复用标题栏,Android基础---使用ToolBar教你打造一个通用的标题栏

现在项目中一般都会使用标题栏,谷歌在2014年推出了新的app bar---ToolBar,代替了以前使用的ActionBar。在做项目中会经常用到这个ToolBar,虽然用的很多,但是自己对它如何用还不是很明白,今天就来简单的学习下这个控件的使用。

效果图

428b82f3157e

效果图

1. 修改app的style

我们如果要使用ToolBar,需要先把原来的ActionBar隐藏起来,就先要设置App的主题为Theme.AppCompat.Light.NoActionBar这种主题,就需要在values/style.xml里面修改Apptheme

的Parent或者parent的parent为Theme.AppCompat.Light.NoActionBar,这样的话才能使用ToolBar得到我们想要的效果。

2. 在布局中使用ToolBar达到效果图

1.标题

首先在布局文件activity_main.xml中:

android:id="@+id/toolbar"

android:layout_width="match_parent"

android:layout_height="48dp"

android:background="#ffffff"

android:gravity="center"

app:titleTextColor="#1d1d1d">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:text="工作"

android:textColor="#1d1d1d"

android:textSize="16sp" />

需要说明的是,ToolBar其实也是一个ViewGroup,他的布局和LinearLayout类似,所以在使用的过程中,可以使用android:layout_gravity="center"来让TextView居中显示

这个时候的标题栏是这样的:

428b82f3157e

标题栏-无返回箭头-无右侧按钮

2. 右侧按钮

标题栏已经居中显示了,但是我们可能还需要在右侧需要一个按钮来进行一定的操作,比如下面的按钮操作

428b82f3157e

标题栏-无返回箭头

这个怎么实现呢,看下面的代码:

第一种实现

android:id="@+id/toolbar"

android:layout_width="match_parent"

android:layout_height="48dp"

android:background="#ffffff"

android:gravity="center"

app:titleTextColor="#1d1d1d">

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:layout_gravity="center"

android:text="工作"

android:textColor="#1d1d1d"

android:textSize="16sp" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:layout_alignParentRight="true"

android:layout_marginRight="12dp"

android:text="按钮"

android:textColor="#1d1d1d"

android:textSize="14sp" />

这里在ToolBar的自定义区放入了一个RelativeLayout,在RelativeLayout里面放置了一个标题和右侧的按钮,右侧的按钮是可以随意定制的,

第二种实现

我们可以利用菜单选项menu来实现这种效果,

首先在res目录下新建menu文件夹,在该文件夹下面建立menu.main.xml,代码如下:

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

tools:context=".MainActivity">

android:id="@+id/action_share"

android:orderInCategory="90"

android:title="按钮"

app:showAsAction="ifRoom" />

在MainActivity.java中重写onCreateOptionsMenu方法如下所示:

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.menu_main, menu);

return true;

}

3. 左侧的返回箭头

首先,你得先准备一个返回箭头的图标,然后以下两种都行,都可以实现显示小箭头,并且点击小箭头返回

第一种方案

//设置小箭头

toolbar.setNavigationIcon(R.drawable.common_back_ic);

//设置小箭头点击事件

toolbar.setNavigationOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

finish();

}

});

这种方案是只能在当前的Activity中使用,达不到复用的目的。

第二种方案

在日常的开发中,通常我们会写一个基类,让所有的Activity都继承于这个基类,便于统一管理和减少代码量。

所以我们可以在改基类(比如:BaseActivity.java)中写入以下方法:

/**

* 设置左上角back按钮

*/

public void setBackArrow() {

final Drawable upArrow = getResources().getDrawable(R.drawable.common_back_ic);

//给ToolBar设置左侧的图标

getSupportActionBar().setHomeAsUpIndicator(upArrow);

// 给左上角图标的左边加上一个返回的图标 。对应ActionBar.DISPLAY_HOME_AS_UP

getSupportActionBar().setDisplayHomeAsUpEnabled(true);

//设置actionBar的标题是否显示,对应ActionBar.DISPLAY_SHOW_TITLE。

getSupportActionBar().setDisplayShowTitleEnabled(false);

}

/**

* 点击左上角的返回按钮,结束本Activity

* home就是左上角的小箭头,在toolbar上

*

* @param item

* @return

*/

@Override

public boolean onOptionsItemSelected(MenuItem item) {

if (item.getItemId() == android.R.id.home) {

basefinish();

return true;

}

return super.onOptionsItemSelected(item);

}

/**

* 抽象方法,用于结束activity

*/

public abstract void basefinish();

@Override

public void onBackPressed() {

basefinish();

}

这样的话,我们在的其他Activity只要继承于这个BaseActivity,就需要实现抽象方法,抽象方法会实现返回操作,我们每次只用调用 setBackArrow()这个方法就可以很方便的实现返回小箭头的功能了。简直不能更方便啦!

到此就实现了ToolBar的基本使用,建立了自己的一个标题栏,效果和上面是一样的:

428b82f3157e

标题栏-最终

特此记录!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/527700.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

android html 显示表格边框,tablelayout表格布局详解

如果你已经下载好MT4软件(很多专业外汇平台都有提供下载的),在手机桌面找到图表打开,然后选择好交易商,输入账号密码就可以了。TableLayout怎样实现表格布局表格布局的子对象不能指定 layout_width 属性.宽度永远是 MATCH_PARENT。不过子对象…

android jdbc 连接mysql数据库,android怎么用JDBC方法连接mysql数据库

2016-11-21 回答用android程序去直连mysql数据库,觉得这样做不好,出于安全等方面考虑。数据库地址,用户名密码,查询sql什么的都存在程序里,很容易被反编译等方法看到。建议把表示层和数据层逻辑分开,数据层…

华为注册鸿蒙商标与三海经,华为注册了一本《山海经》?除了鸿蒙商标,还有很多...

原标题:华为注册了一本《山海经》?除了鸿蒙商标,还有很多5月25日消息 昨天IT之家报道, 国家知识产权商标局网站显示,,适用于第9类别和第42类别。申请日期为2018年8月24日。此前传闻称,华为OS操作…

android开机渲染视频太久,Android过度渲染优化解决方案

过度绘制是发生的每一次应用要求系统上别的画的东西。“调试GPU透支”工具覆盖上你的屏幕的色彩显示多少次像素被重绘。通过查看GPU透支来改善应用程序的渲染时间。方法1:打开手机设置—>开发人员工具选项—>调试GPU过度绘制—>显示GPU视图更新&#xff0c…

小米android停止,小米由于错误而停止将Android 10推广到MiA3

当小米上周宣布将为Mi A3和Redmi Note 8用户推出Android 10更新时,用户为最终升级他们的设备(至少在软件方面)感到非常兴奋。但是,这种喜悦似乎是短暂的。用户抱怨说,尽管收到更新通知,但他们仍无法下载更新。有些人甚至看到更新在…

html两张图片无缝合成一张,怎么用PS把两张图片合成一张 PS无缝拼图边缘如何处理...

PS怎么把两张图片合成一张?PS无缝贴图怎么用?PS无缝拼接要用什么工具?PS无缝拼图快捷键是什么?PS无缝拼图有色差怎么办?PS把两张图片合成一张边缘怎么修?PS无缝拼接图片边缘如何处理?PS把一张图…

html输入公式得到混合运算结果,excel表格如何用公式计算加减乘除混合运算-excel乘法如何计算,excel函数怎么计算乘法...

Excel支持数学中的四则运算,直接在目标单元格写相应的公式即可。例百如求A1减B1的差,在C1单元格可输入:A1-B1需注意:Excel里面任何公式(包括数学四则运算)都是需要以等号度开头。Excel里面的号用反斜杠/表示。乘法问中的x用星号*表…

汇编html文档,欢迎走进HTML的世界汇编.ppt

欢迎走进HTML的世界汇编在HTML里用和划分段落,可以不成对出现。 欢迎使用 HTML这会是一种很有趣的体验 另一个段落元素 段落划分 使用对齐属性修饰段落 学习HTML这会是一种很有趣的体验 右对齐 Left:左对齐 Center:居中 Right:右对齐 使用对…

html点击事件传参 php,HTML通过事件传递参数到js详解及实例

目标处理函数为selectAttr(test)1.直接传递给定参数如:οnclick"selectAttr(1);οnclick"selectAttr(a);2.传递某属性值οnclick"selectAttr(typeName.value);οnclick"selectAttr(nameId.value);3.传递this对象οnclick"selectAttr(this);通过this对…

html 属于mvvm框架,前端MVVM框架avalon揭秘 - HTML编译器

MVVM试图更加清晰的讲用户界面(UI)开发从应用程序的业务逻辑与行为中心分离,由于,不少这样的模式的实现都须要利用声明式数据绑定来实现讲View(视图)工做从其余层分离css因此出现了一大堆自定义的声明式的语法:html如:Avalonnode顾名思义,自定…

台式电脑怎么找不到计算机在哪,台式机没有蓝牙怎么办

台式机没有蓝牙,想上个蓝牙,该怎么样解决呢?下面由小编给你做出详细的台式机没有蓝牙解决方法介绍!希望对你有帮助!台式机没有蓝牙解决方法一:可以安装USB蓝牙设备知识延伸:给台式机安装USB蓝牙设备与台式机蓝牙连接1***先将电脑…

html的opacity标签,css中opacity是什么意思

css样式 给div样式opacity:0 是什么意思透明度 注意 ie低版本要实现透明度必须用ie特有的滤镜 而非简单的opacityCSS中 not(.active) { opacity: 0.3; } 是什么意思css的opacity让div和里面的div透明了怎样才让div里面的div不透明?不透明度会作用于整个元素以及它所…

使用计算机时 正确的关机顺序是( ),《计算机应用基础》半期考试卷

内容简介:《计算机应用基础》半期考试卷。一、选择题 (每题 2分)1.使用计算机时,正确的关机顺序是__A__________A先关主机,再关显示器,打印机 B先关显示器,再关主机,打印机C先关显示器,再关打印…

北交计算机学硕培养计划,北京交通大学硕士研究生培养方案——交通信息工程及控制...

交通信息工程及控制(专业代码:082302授予工学硕士学位)一、培养目标本专业研究生培养方案强调自动化与控制领域先进应用技术的研究与开发能力,但不忽略基础理论的培养。其培养目标是培养在控制与信息工程、自动化工程领域具有一定的理论基础、较宽的知识…

frm考试可以用计算机,FRM考试,考生自己可以携带计算器吗?

因为FRM考试有大量的计算题,是需要用到计算器的,近日有考生咨询,参加考试,可以自己携带FRM计算器吗?答案当然是肯定,考生是可以携带FRM计算器的,但是要携带协会官方要求的型号,不是什…

华为手机里html是什么意思,华为手机出现“HD”图标,究竟代表什么意思?看完这些你明白了...

华为手机信号栏为什么会出现“HD”的小图标? 华为手机出现“HD”代表什么意思?它的出现会给手机带来哪些影响和作用?今天就来为大家揭秘一下华为手机“HD”图标的含义及作用,还不知道的赶紧看过来吧!1、华为手机出现“…

手工编程是指利用计算机完成,西安交通大学17年3月课程考试《CAD CAM》作业考核试题...

B. 下层结点可与几个上层结点连接C. 上层结点只能与一个下层结点连接D. 上层结点与下层结点间没有连接关系正确答案:29. 计算机集成制造系统简称为( )A. CAEB. GTC. CIMSD. CMS正确答案:30. 在实体造型中以物体的边界为基础来定义和描述几何形体&#xf…

家长进课堂 计算机ppt,小学生家长进课堂ppt

家长进课堂作文450字——今天,我们班上了一堂非常有意义的课,是由我班同学陈静雅的爸爸来给我们上的课。她爸爸的工作是印刷,他给我们讲了很多关于印刷方面的知识,听了他的讲述后,我们才更深刻地了解了印刷。印刷术是中…

不能访问win7计算机,局域网win7无法访问win10,win7访问不了局域网其他电脑

相信大家都遇到过在访问局域网时遇到过很多错误,导致文件无法正常进行共享,共享打印机等情况,那么当我们遇到这样的问题时应该怎么处理呢?接下来是小编给大家介绍的具体解决方法,一起来看看吧!方法/步骤1、…

计算机开关机命令,电脑自动关机命令

有的时候我们需要让电脑在一段时间工作而不能关机,但是工作完成之后不关机会造成用电浪费,那么使用自动关机命令,就不用担心电脑一直开着会浪费电啦。那么电脑自动关机命令怎么设置呢?下面给大家介绍一下吧。电脑自动关机命令1、首…