百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

一篇文章搞懂Android组件化

yuyutoo 2025-01-13 18:58 2 浏览 0 评论

网上组件化的文章很多,我本人学习组建化的过程也借鉴了网上先辈们的文章。但大多数文章都从底层的细枝末节开始讲述,由下而上给人一种这门技术“博大精深”望而生畏的感觉。而我写这篇文章的初衷就是由上而下,希望别人在阅读的过程中能够觉得“组件化原来也就是这几个东西”的感觉。

首先我们来看一下组件化项目和传统项目的区别:

在传统的项目里

我们通常情况下会有一个commonLib的Libary模块和一个app的application模块,业务中的逻辑都写在app中各个功能模块放到不同的包下。这样做有以下几个主要的缺点:

1.无论分包做的再好,随着项目的增大,项目会逐渐失去层次感,别人来接手的时候会很吃力。

2.我们在debug一个小功能的时候每次修改代码都需要重新build整个项目,这样显的很不合理(不知道AS的热部署有没有解决这个问题)

3.多人联合开发在版本管理中很容易出现冲突和代码覆盖的问题

在组件化项目中

除了有commonLib和app模块外,我们按照功能划分各个业务组件模块(eg:微信可以划分出chat,contract,find,mine四个大模块),之前的包变成现在的模块,增加了层次感;每个功能模块可以单独编译,加快了编译速度,也为提供单元模块测试提供了支持;多人开发只负责自己的模块,直接避免了版本管理的冲突。

在明白了组件化为我们解决的主要问题后我们来看看需要怎么做

初步实现组建化其实我们最终要解决的问题就只有2个:

1.设置模块之间的依赖,且使得业务模块可单独编译--通过配置gradle即可解决
2.业务模块之间的页面跳转以及通信--使用阿里开源的ARouter即可解决
接下来我们具体来看一下如何操作


首先来看一下模块间依赖的问题
我们可以参照微信的四个模块(chat,contract,find,mine)来配置

首先我们项目基本结构如下:

我们一共需要建6个module,除了4个功能模块外还有一个基本的common库和一个作为启动的application。

在建好项目后我们需要给4个module配置一个是否单独编译的开关:


关于开关的配置位置这是一个问题,我们把它添加在gradle.properties文件中,这样我们每次修改值的时候就可以触发gradle的重新构建,便于我们单独编译module。

我们单独编译的开关配置好了,现在我们来配置6个module之间的依赖关系:

首先,为了方便各个module之间的交互我们借用了阿里的充分ARouter库,所以在每个非common的库(包括主Application)中我都强烈建议加入对ARouter和commonlib的依赖。

其次,4个功能模块库我们要为它装上我们之前配置的是否单独编译的开关,我们需要修改如下2个地方:

可以看到我们要修改的就是我红框框住的地方,当我们的开关打开的时候,我们就把他当成一个单独的application来编译,并且赋予它一个独一无二的applicationId,这样我们就可以通过刚刚在gradle.properties中配置的开关来控制它是否单独作为一个application来编译。

而对于我们的入口module--app模块我们则需要做如下的配置:


图1-5主module的gradle配置

我们除了需要配置基本的ARouter以及commonlib依赖以外还需要在app模块的gradle文件中根据开关选择是否需要依赖我们的功能模块,这个和各个功能模块中的配置是相呼应的。

而对于其他组件模块,重复上述步骤即可完成组件化框架的搭建:


在完成了组件化框架的搭建后我们来简单的看看框架中一些具有特色的使用方法。

我们首先来看一下各个模块的页面间是怎样跳转的。

我们之前已经依赖了ARouter(详细用法参照https://github.com/alibaba/ARouter),我们要用它来帮我们实现跳转需要以下几步:

跳转的方法就如同图2-1中显示,我们需要标明目标页面,附带上要传送的参数,然后调用navigation()就可以跳转了,不过有人问目标页面怎么看着就是一个路径,它是怎样定义的?

  • 首先要用@Route注解标注页面,并在path变量中给页面定义一个路径
  • 对于传送过来的变量我们直接定义一个同名的字段用@Autowired变量标注,Arouter会对该字段自动赋值
  • 最后我们还需要将该页面注入到ARouter中(原理类似ButterKnife),让他帮我们完成我们需要的工作

这样,我们就完成了页面间的跳转了,是不是比起我们传统的方法更加简单合理?

最后我们来看一下组件间如何为彼此提供服务。

  • 这里我想在主module中调用home组件的sayHello方法来Toast一个人的名字
  • 那home里的方法怎样才能被其他模块(包括主模块和其他组件模块)调用

首先在commonlib模块里创建一个暴露方法的接口,并定义接口签名,同时继承 Iprovider 接口

然后在home模块中继承commonlib里定义的接口,并实现签名方法。

这里我们同样使用Arouter的 @Router注解来提供这次服务的路由。

最后,我们在其他模块使用 @Autowired 注解就可以调用该方法了

可以看到我们同样使用了@Autowired注解来初始定baseService服务,并将页面注入Arouter中即可调用服务中的方法,且对于服务的依赖是基于接口的依赖,大大提高了其灵活性!

基本组件化框架的搭建就完成了,希望认真看完的朋友能有所收获!如有不正之处还望指正!

以上项目的码云地(欢迎参与改进): https://gitee.com/zsq519/ARouterBaseProject

文章不易,如果大家喜欢这篇文章,或者对你有帮助不妨多多点赞转发关注哦。文章会持续更新的。绝对干货!!!

相关推荐

如何在HTML中使用JavaScript:从基础到高级的全面指南!

“这里是云端源想IT,帮你...

推荐9个Github上热门的CSS开源框架

大家好,我是Echa。...

前端基础知识之“CSS是什么?”_前端css js

...

硬核!知网首篇被引过万的论文讲了啥?作者什么来头?

整理|袁小华近日,知网首篇被引量破万的中文论文及其作者备受关注。知网中心网站数据显示,截至2021年7月23日,由华南师范大学教授温忠麟等人发表在《心理学报》2004年05期上的学术论文“中介效应检验...

为什么我推荐使用JSX开发Vue3_为什么用vue不用jquery

在很长的一段时间中,Vue官方都以简单上手作为其推广的重点。这确实给Vue带来了非常大的用户量,尤其是最追求需求开发效率,往往不那么在意工程代码质量的国内中小企业中,Vue占据的份额极速增长...

【干货】一文详解html和css,前端开发需要哪些技术?
【干货】一文详解html和css,前端开发需要哪些技术?

网站开发简介...

2025-02-20 18:34 yuyutoo

分享几个css实用技巧_cssli

本篇将介绍几个css小技巧,目录如下:自定义引用标签的符号重置所有标签样式...

如何在浏览器中运行 .NET_怎么用浏览器运行代码

概述:...

前端-干货分享:更牛逼的CSS管理方法-层(CSS Layers)

使用CSS最困难的部分之一是处理CSS的权重值,它可以决定到底哪条规则会最终被应用,尤其是如果你想在Bootstrap这样的框架中覆盖其已有样式,更加显得麻烦。不过随着CSS层的引入,这一...

HTML 基础标签库_html标签基本结构
HTML 基础标签库_html标签基本结构

HTML标题HTML标题(Heading)是通过-...

2025-02-20 18:34 yuyutoo

前端css面试20道常见考题_高级前端css面试题

1.请解释一下CSS3的flexbox(弹性盒布局模型),以及适用场景?display:flex;在父元素设置,子元素受弹性盒影响,默认排成一行,如果超出一行,按比例压缩flex:1;子元素设置...

vue引入外部js文件并使用_vue3 引入外部js

要在Vue中引入外部的JavaScript文件,可以使用以下几种方法:1.使用``标签引入外部的JavaScript文件。在Vue的HTML模板中,可以直接使用``标签来引入外部的JavaScrip...

网页设计得懂css的规范_html+css网页设计

在初级的前端工作人员,刚入职的时候,可能在学习前端技术,写代码不是否那么的规范,而在工作中,命名的规范的尤为重要,它直接与你的代码质量挂钩。网上也受很多,但比较杂乱,在加上每年的命名都会发生一变化。...

Google在Chrome中引入HTML 5.1标记

虽然负责制定Web标准的WorldWideWebConsortium(W3C)尚未宣布HTML5正式推荐规格,而Google已经迁移到了HTML5.1。即将发布的Chrome38将引入H...

HTML DOM 引用( ) 对象_html中如何引用js

引用对象引用对象定义了一个同内联元素的HTML引用。标签定义短的引用。元素经常在引用的内容周围添加引号。HTML文档中的每一个标签,都会创建一个引用对象。...

取消回复欢迎 发表评论: