需求背景
首先,笔者在工作中(生产环境)使用的并非Tangram,而是公司内部的框架(未开源),不过原理都大同小异,本系列文章也不会精细到每一行源码,不求齐全,只求用尽可能小的篇幅讲明白。
页面定投
大家都知道,电商行业喜欢造节,从双11双12,到现在的321、618、921等,几乎一年四季都会有营销活动,这些活动能带动GMV持续造血。一场大促,通常会分预热期和正式期。预热期用来造势,着重透出主会场、活动等内容;正式期则在接近尾声时,着重透出倒计时内容增强紧迫感(再不剁手就没机会了),如下图:
可以看出,从预热期到正式期,着重透出的内容不同,结构也不同。也就是说,需要足够灵活的页面模板,满足不同时间,不同人群(如多人多面)展示不同结构的页面
。当然这点h5也能做到,但是h5体验要差于native,一般用于临时活动页或高度灵活的页面。像商城首页,商品详情等相对稳定的页面,对灵活性的要求并非无限制的,只要各模块足够抽象、细粒度,native也是可以满足日常和大促需求的。
数据聚合
如前边的商城首页,数据来源也是多渠道的,比如头部的banner、各类入口、类目模块,数据来源于一个个不同的资源位,由不同的人进行配置,而尾部的商品流数据则来源于推荐引擎,如下图,
客户端不可能去发起多个请求拉取不同资源位的数据,所以就有了聚合层
接口,客户端通过一个聚合接口
,获取聚合数据,
商品流不属于资源位数据,所以独立成一个接口。至此,我们会发现,页面模板不仅要描述页面结构,还要描述各模块所需的数据来源
。大概如下所示:
{
"template":[
{
"component":"banner", //轮播图模块
"data":"makeup:banner" //数据来源于聚合接口,key为banner
},
{
"component":"category", //类目模块
"data":"makeup:category" //数据来源于聚合接口,key为category
},
{
"component":"goods", //商品流模块
"data":"request:recommend" //数据来源于request,key为recommend
}
]
}
RecyclerView的异构和扁平
要实现前边商城首页的复杂布局,通常的思路是定义各种itemType
,然后根据itemType
来解析不同的布局文件,这么做往往需要进行一层嵌套,因为RecyclerView
自带的LayoutManager
不支持如此异构的布局,效果如下图左,
而使用vlayout
,可以免去这层嵌套,如上图右,让子view成为RecyclerView
的直接子view,具体我们运行vlayout
的官方Demo,然后使用AS的Tools - Layout inspector
功能查看view树,可见图中的39和43两个小模块都是RecyclerView
的直接子view,有着平级关系,
这就是用RecyclerView
实现异构和扁平化的基本概念,vlayout
通过自定义LayoutManager
进行了实现。关于异构和扁平,更详细的分析可见参考文章。
推荐阅读
-
需求背景
-
这项开源视频抠像技术火了!很难分辨背景变化方法和伪造方法之间的区别。
-
如何利用人工智能免费抠出任何视频背景?
-
基于智能电网全业务骨干光传输网络分层架构的通信网络需求预测 智能电网中的通信技术
-
iOS 音频背景播放和锁屏显示与控制
-
Plankton Embedded:用于飞思卡尔 Kinetis 开发板的 OpenSDA 调试器(第 1 部分)--背景和架构
-
35 岁实现财务*,腾讯程序员手握2300万提前退休?-1000万房产、1000万腾讯股票、加上300万的现金,一共2300万的财产。有网友算了一笔账,假设1000万的房产用于自住,剩下1300万资产按照平均税后20-50万不等进行计算,大约花上26-60年左右的时间才能赚到这笔钱。也就是说,普通人可能奋斗一辈子,才能赚到这笔钱。在很多人还在为中年危机而惶惶不可终日的时候,有的人的35岁,就已经安全着陆,试问哪个打工人不羡慕?但问题是有这样财富积累必然有像样的实力做靠山。没有人可以不劳而获。 看到这里,肯定有人说,那么对于普通人来说,卷可能真就成了唯一的出路。但是卷也有轻松的卷,“偷懒”的卷法,对于程序员而言,刨除掉一时无法改掉的开会传统占用的大部分时间,如何把有限的时间和精力放在真正重要的架构设计、需求设计上,而不是重复的造*,编码、改bug、手动测试。因此在科技改变生活的今天,学会使用AI工具成为程序员们的必备技能。 以全栈式全自动的软件开发工具飞算SoFlu软件机器人为例,作为全球首款面向微服务架构设计和最佳实践的软件机器人,SoFlu软件机器人改变了原来手工编码的作业模式,通过可视化拖拽方式以及参数配置就能实现等同于编写复杂代码的业务逻辑,在设计业务逻辑时就完成了微服务应用开发,做到“业务即图,图即代码”,实现“软件开发,十倍提效”。 而作为飞算SoFlu软件机器人的一个重要组成部分,FuncGPT(慧函数)支持所有类型函数创建。通过自然语言描述Java函数需求,实时生成高质量、高可读性的Java函数代码。生成代码可直接复制到IDEA,或一键导入Java全自动开发工具函数库。 FuncGPT(慧函数)具有五大核心能力: ● 自然语言:通过自然语言即可生成函数,降低软件开发门槛。 ● 秒级函数开发:全自动秒级开发函数,秒级完成,效率千倍提升。 ● 一站式函数开发应用:函数生成即可直接应用,效率、安全有保障。 ● 质量可靠:生成的函数代码符合业界规范、具备良好的可读性,符合最优解。 ● 灵活生成:可以根据开发人员的具体需求生成并支持调整和修改。 以“将文件流转换为File对象”这个需求为例,以下是FuncGPT(慧函数)秒级生成的代码: / 类名:FileConverter // 函数名:convertStreamToFile // 函数功能:将文件流转换为File对象 // POM依赖包:无 import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; public class FileConverter { /** * 将文件流转换为File对象 * @param inputStream 文件流 * @param filePath 文件路径 * @param fileName 文件名 * @return 转换后的File对象 * @throws IOException 如果发生I/O异常 */ public static File convertStreamToFile(InputStream inputStream, String filePath, String fileName) throws IOException { File file = new File(filePath + File.separator + fileName); // 创建File对象 try (FileOutputStream outputStream = new FileOutputStream(file)) { // 创建文件输出流 byte buffer = new byte[1024]; int bytesRead; while ((bytesRead = inputStream.read(buffer)) != -1) { // 从文件流读取数据并写入文件 outputStream.write(buffer, 0, bytesRead); } } return file; // 返回转换后的File对象 } } // 函数示例 // 将文件流转换为File对象示例 // 入参:inputStream,文件流 // 入参:filePath,文件路径 // 入参:fileName,文件名 // 出参:file,转换后的File对象 // 调用示例: // InputStream inputStream = new FileInputStream("example.txt"); // String filePath = "C:\\Users\\User\\Documents"; // String fileName = "example.txt"; // File file = FileConverter.convertStreamToFile(inputStream, filePath, fileName); // System.out.println(file.getAbsolutePath); // 输出结果:例如,将文件流转换为File对象后,文件的绝对路径为:C:\Users\User\Documents\example.txt // 则输出结果为:C:\Users\User\Documents\example.txt 通过分析,不难发现以上代码:
-
软件需求分析实践 - 需求拆分| 学习笔记
-
如何使用问卷星创建保险需求分析问卷
-
201571030301 / 201571030302 结对帮扶项目《小学四项操作练习软件需求说明书》报告