应用中不同的场景、设计方案，不经过测试，你永远不知道消费者会更偏好哪一种。面对随时可能变更的产品需求，开发人员如何才能在保证测试进程的同时，让工作也变得高效、省力？

本章内容，网易严选Android资深开发张云龙为您解读《Android ABTest 的框架设计》

概述

什么是Android ABTest ？

AB测试是为web或app制作两个（A/B）或多个（A/B/n）版本，在同一时间维度，分别让组成成分相同或相似的访客群组随机访问这些版本，收集各群组的用户体验数据和业务数据，最后分析评估出最好版本正式采用。
在网易严选中，张云龙团队涉及的业务内容基本分为两类：

1、纯业务逻辑的测试。如：分享给微信好友、分享微信小程序、分享网页。

但由于我们无法预判不同的业务场景对用户拉新的助力效果如何，所以这种情况下，会进行AB测试。

2、UI变化。下图表现的就是一个UI的改变，“立即购买”和“加入购物车”的位置发生变化，当然属性也有变化，背景颜色也有替换。

1.png

本章内容将围绕四部分展开：

• A/B/n设计与实现
• ViewID实现与优化
• UI属性动态修改
• UI重排版与替换

A/B/n设计与实现

2.png

以上是一段常见的业务逻辑测试方案代码，从这个方案中可以发现存在以下问题：

• 业务上层开发的同学需要关心协议数据内容；
• if/else方案出现重复代码，当产品上线后，测试版本发生变化时，会出现一个协议多处代码随时变化的情况，解决起来费时费力；
• 另外也容易出现历史老版本两端表现不一致问题。
• 因此，做A/B/n的设计与实现时，要注意以下方面：设计协议对接层规避 if/else
• A/B/n 实例管理
• 后台数据同步
• 多种生效策略

下图是我写的ABTest的实例，这是协议对接层的代码，通过注解的方式，指定itemID。

3.png

在ABTest的更新逻辑中，涉及了立即更新、热启动更新、冷启动更新。

当数据处于立即更新策略时，会自动调用基类接口 onUpdateConfig，协议对接层的同学只需要通过这个接口就可以实现需求，并可以通过注解来指定不同caseld下的初始化方法。通过指定 defaultInit 注解，后台的AB协议即使撤销，业务层的执行逻辑也能明确。

这种通过协议对接层隔离业务上层和协议数据的做法，能保证在协议数据发生变化的时候，业务上层代码并不需要改动，避免了业务上层逻辑的频繁多处修改，以提高效率。

4.png

ViewID实现与优化

ViewID的实现有两点原则：

• 唯一性，是指同一界面中，各个控件的ID是唯一的、不同的
• 一致性，是指多次进入同一个界面，控件 ID 是相同的、不变的。
  初步有以下方案：
  1、View.getId()。该方案可以排除，因为大部分控件的 ID 是不会指定的，布局文件中指定了多次编译也会发生变化；
  2、XPath，根据场景树计算。大部分可视化埋点方案或无埋点方案都是用这种方法去做的，mixpanel、百分点、网易乐得和网易 HubbleData 使用的就是这种方案。
  XPath优点和缺点都非常明显：
• 优点是XPath对于业务层开发是完全无侵入的，无论是用xml生成布局还是通过动态生成，都可以计算XPath值；
• XPath缺点是在多版本开发过程中，如果布局发生变化，同一个控件的XPath值就会发生变化，无法保证跨版本的 ViewID 一致性，会对后台的数据分析产生麻烦。
  3、得到 Android 提出的 TouchTarget 方案，针对 XPath 的缺点做了改进：在用户点击时，可以根据当前的 Activity 名字加上控件所在布局的资源名、ID资源名，拼凑起来得到它的 ViewID。
  但这种方案会对业务开发产生入侵。
  考虑到 ABTest 的场景中，很可能不需要跨多版本收集数据分析，我们采用 XPath 的方案。

UI属性动态修改

如何动态地修改线上UI属性？

总结下来有以下几点：

• 利用 ViewID 定位控件；
• 修订数据协议，修改控件，修改属性；
• 把握作用时机。要保证在客户看到页面之前就修改完成；
• 可视化方式，生成数据和效果检查

• 自定义控件和属性。SDK 可以预置大部分常见属性；而自定义属性，可以让业务层开发制定，包含两方面：属性的设置、可视化编辑器增加编辑项。

  
  5.png
  6.png

UI 重排版与替换

7.jpg

可以从上图看到，A和B之间的修改并不只是属性修改，布局也在发生变化。这其中涉及了两点：

• 定位控件，原布局阻断，新布局算法应用；
• 重布局后需要属性设置继续生效，所以ViewID不能变化。

类似上述这种场景，假设有三个子控件，重新布局该如何做？

实现其实非常简单，我们只需要在中间加入StubCSSLayout（SDK 内置布局控件），插进去就可以起到承上启下的作用（承上：阻隔原布局算法，启下：应用新布局算法）。

8.png

想要 ViewID 在重布局前后不变，只需在计算 XPath 的过程中，将 StubCSSLayout 忽略掉，就能保证这一点。
在实际操作中，也可能遇到特殊需求，这就要求创建新的布局。
ndroid 开发中，常用的 setContentView(@LayoutRes int layoutResID) 方式创建布局有如下几点关键步骤：

• 根据ID得到文件路径，进行布局；
• 根据路径，获取long类型的xmlBlock；
• 构建Java类XmlBlock；
  清楚了原生流程，通过利用 XmlBlock(byte[] data) 构造函数，构建 XmlBlock 对象来实现布局下发和创建的功能。
  [图片上传失败...(image-eb243b-1553571100064)]