Android 快速开发（一），封装一个 TopBarBaseActivity

来源：互联网发布：java ee书籍编辑：程序博客网时间：2024/06/09 19:06

var write_sceen_time = (+new Date());

Android 快速开发（一），封装一个 TopBarBaseActivity

2017-04-27 陈铭卓 鸿洋鸿洋

鸿洋

微信号 hongyangAndroid

功能介绍你好，欢迎关注鸿洋的公众号，每天为您推送高质量文章，让你每天都能涨知识。点击历史消息，查看所有已推送的文章，喜欢可以置顶本公众号。此外，本公众号支持投稿，如果你有原创的文章，希望通过本公众号发布，欢迎投稿。

本文作者

本文由陈铭卓投稿。

陈铭卓的博客地址：

https://blog.ifmvo.cn

效果

什么是快速开发嘞，看这个效果

然而我只用了这么几行代码：

activity_main.xml 里面什么也没有！

其实说白了哈，就是我把 TopBar 封装在 TopBarBaseActivity 里面，然后 MainActivity 只需继承 TopBarBaseActivity 即可。你想一想，以后每个上面有 TopBar 的界面，只需让你的 XXActivity extends TopBarBaseActivity，就可以随意的设置你的 TopBar 了，多爽啊！。

下面跟着我一步一步的实现我们想要的 TopBarBaseActivity。

开始

（1）依赖 appcompat-v7

新建一个项目，因为 Toolbar 是在 appcompat-v7 包下，所以确保已经依赖 appcompat-v7。

如果没有请加上，例如：

compile 'com.android.support:appcompat-v7:25.3.0'

（2）设置 NoActionBar 主题

由于我们使用 Toolbar 代替 ActionBar，所以先把 ActionBar 去掉，我们通过设置 Application 的 theme 来隐藏，这样项目中所有的界面的 ActionBar 就都隐藏了。

先修改 style.xml 中的 AppTheme 继承自

Theme.AppCompat.Light.NoActionBar

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">    <item name="colorPrimary">@color/colorPrimary</item>    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>    <item name="colorAccent">@color/colorAccent</item></style>

AndroidManifest.xml 文件中默认就会设置主题的

<application    android:allowBackup="true"    android:icon="@mipmap/ic_launcher"    android:label="@string/app_name"    android:theme="@style/AppTheme">    ...</application>

（3）创建 TopBarBaseActivity

new 一个项目之后会默认创建一个 MainActivity.java 和 activity_main.xml ，然后我们再自己新建两个文件 TopBarBaseActivity.java 和 activity_base_top_bar.xml

然后 TopBarBaseActivity 继承 AppCompatActivity，MainActivity 继承 TopBarBaseActivity

（4）把 TopBar 封装在 TopBarBaseActivity

首先我们在 activity_base_top_bar.xml 中添加 Toolbar，然后在 TopBarBaseActivity 中获取并初始化设置 Toolbar

到这里，MainActivity 和 TopBarBaseActivity 还是显示它们各自自己的布局，所以我们要实现让 MainActivity 的布局显示在 TopBarBaseActivity 的布局中，我们先在 activity_base_top_bar.xml 中添加一个 FrameLayout ，这样我们就可以把 MainActivity 的布局解析到 FrameLayout 里面

然后我们修改下 TopBarBaseActivity

注意：为了设置两个抽象方法，我们将 TopBarBaseActivity 设置成了抽象类。

接下来让我们的 MainActivity 自动实现两个父类的抽象方法、删掉 onCreate 方法，并通过 getContentView 方法返回布局 activity_main 的 id。

现在你运行一下项目，我们并没有在 MainActivity 的布局中添加 ToolBar,但是运行出来的效果是 Toolbar 已经存在了。

（5）实现一句话添加标题

接下来我们要实现在 MainActivity 里面 setTitle(“标题”);一句话设置标题。

首先我们修改 activity_base_top_bar.xml 布局文件，在 Toolbar 中添加一个 TextView 用来显示标题

再修改 TopBarBaseActivity 添加一个 setTitle 方法

然后我们就可以在 MainActivity 中调用了 setTitle 方法了

效果图：

（6）实现一句话添加左上角按钮

接下来我们的目标是通过在 MainActivity 中一句话实现自定义 TopBar 左上角的图标和点击监听

首先修改 TopBarBaseActivity, 我们需要造一个接口并声明

接下来我们就可以在 MainActivity 中这样写

运行一下试试是不是只需一句话就设置了 TopBar 左按钮的图标和点击事件！

（7）实现一句话添加右上角按钮

先创建一个 menu 文件夹和一个 menu 资源文件

内容是这样的：

继续修改 TopBarBaseActivity ，添加如下代码：

现在我们再 MainActivity 调用 setTopRightButton 方法的姿势是这样的

现在运行看下效果

到这里我们的 TopBarBaseActivity 就封装完了，过程比较简单，重要的是这个封装的思路，其实还有很多我们常用的布局都是可以进行封装的。

最后

可能有些人还会有些疑问：为什么要用 ToolBar 进行封装呢，自己写一个 TopBar 不是更好吗？

是的，如果你用不惯 Toolbar 你就可以根据自己的习惯写一个扩展性更好的 TopBar。但是我觉得 Toolbar 其实也有一些优质的特点的：

官方提供，符合标准，界面统一。
自带点击效果。
自带点击热区。

接下来，我可能还会继续封装一些常用的 BaseActivity 。

Demo GitHub 地址

https://github.com/ifmvo/MatthewBases

ZZS

无论你是有 Java 基础希望学 Android 开发的程序员，还是想进一步提升能力的 Android 开发者，都可以在这个Udacity & Google 官方参与制作 的课程项目中找到适合自己的成长路径！

＊独家硅谷技术课程
＊行业领导者设计的实战项目
＊一对一学习辅导
＊名企颁发学习认证
＊毕业直达滴滴面试

如果你有想学习的文章直接留言，我会整理征稿。如果你有好的文章想和大家分享欢迎投稿，直接向我投递文章链接即可。

欢迎长按下图->识别图中二维码或者扫一扫关注我的公众号：

赞赏

长按二维码向我转账

受苹果公司新规定影响，微信 iOS 版的赞赏功能被关闭，可通过二维码转账支持公众号。

阅读原文

阅读

投诉

微信扫一扫
关注该公众号

即将打开”“小程序

取消打开

    <script nonce="310624551">var __DEBUGINFO = {    debug_js : "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/debug/console34c264.js",    safe_js : "//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/biz_wap/safe/moonsafe34c264.js",    res_list: []};

(function() { function _addVConsole(uri) { var url = '//res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/' + uri; document.write('

阅读全文

0 0