网站首页 > 技术文章 正文
本文节选自霍格沃兹测试开发学社内部教材
app 的结构包含了 APK 结构和 app 页面结构两个部分
APK结构
APK 是 Android Package 的缩写,其实就是 Android 的安装包。通过将 APK 文件直接传到 Android 模拟器或 Android 手机中执行即可安装。
APK 文件其实是 zip 格式,但后缀名被修改为 apk,通过 Android Studio 可以看到 APK 内部的文件。
下面拿雪球 APK 来举例,APK 内部结构如图所示:
lib/ 目录
lib/ 目录存放的是一些 so 文件。so 文件是二进制文件,用来兼容各种类型的 CPU。
Android 开发中,在打包发布应用时会选择应用适配的 CPU 架构平台,在引用第三方库时也遇到根据不同 CPU 架构引入相应的 so 包。Android 主要包括这几种 CPU 架构:armeabi、armeabi-v7a、arm64-v8a、x86、x86_64、mips,大多数情况下只需要支持 armabi 与 x86 的架构即可。
不同的 CPU 架构决定了 app 可以运行在哪些设备上。比如手机设备一般来说用的是 arm 架构,而模拟器一般来说是 x86 架构。如果 app 只支持 arm 架构的话,那么就只能安装在真机上,模拟器上安装就会不成功。如果是两种架构都支持的话,那么就是真机和模拟器都可以安装了。
res/ 目录
res 目录是工程资源目录,存放的是各种资源文件,包括界面布局,图片,字符串等。
assets/ 目录
assets 目录用来存放配置文件。
classes(n).dex 文件
DEX 编译 Java 的 Class 文件,生成 classes.dex 文件。
resources.arsc 文件
resources.arsc 文件是编译后的二进制资源文件。
AndroidManifest.xml 文件
AndroidManifest.xml 文件是 Android 的清单文件,是每个应用都必须定义和包含的。它描述了应用的名字、版本、权限、引用的库文件等等信息。
app页面结构
移动端 app 分类
app 可以分为下面这些类型
- Native App:原生 app 手机应用程序,使用原生的语言开发的手机应用。比如系统自带的计算器、闹钟就是原生 app。
- Hybrid App:混合型 app 手机应用程序,混合使用原生的程序和 HTML5 页面开发的手机应用。现在大部分的 app 都是这种混合型的,比如微信,支付宝等等。
- Web App:基于 Web 的 app 手机应用程序,完全使用 HTML5 页面加前端 JS 框架开发的手机应用。比如在浏览器中打开美团,这个页面就是网页 Web App。
Native App
对于 Native APP 来说,一个页面上有下面这些类型的对象。
ACTIVITY
Activity 是 Android 四大组件之一,用于展示一个与用户交互的界面。Activity 是存放 View 对象的容器,也是界面的载体,可以用来展示一个界面。
WINDOW
Window 是 Android 中的窗口,表示顶级窗口,也就是主窗口。它提供标准的用户界面策略,如背景、标题、区域、默认按键处理等。
VIEW
View 就是一个个视图的对象。视图,是用户接口组件的基本构建块,它在屏幕中占用一个矩形区域,它是所有 UI 控件的基类,如一个按钮或文本框。View 负责图形界面渲染及事件处理。
VIEWGROUP
ViewGroup 是 Android 中的视图组。包含多个 View,也可以包含 ViewGroup。
查看界面元素
对于 Android 来说,要查看 app 界面的元素需要用到定位工具,常用的工具有 uiautomatorviewer。这是 Android SDK 自带的工具,使用起来非常简单。它可以获取到整个界面的布局,通过它就可以很容易的查看界面当中的元素和元素的属性了。
左侧就是同步过来的界面,可以在界面上直接选择元素,然后右面就会展示界面布局和对应元素的属性。
元素属性
布局
了解 app 的界面布局,做自动化测试的时候更容易去定位页面上的元素。
这里的布局就是指界面元素排布的方式。界面上的布局方式都有以下这些方式:
- 线性布局(LinearLayout):所有子视图在单个方向(垂直或水平)保持对齐
- 相对布局(RelativeLayout):每个视图的位置可以指定为相对于同级元素的位置。例如在另一个视图的左侧或下方,或相对于父级区域的位置,例如在底部、左侧或中心对齐
- 帧布局(FrameLayout):坐标原点是屏幕的左上角,位置固定,只需为控件指定大小即可,用来显示一个单一的视图
- 绝对布局(AbsoluteLayout):能够指定其子视图的确切位置
- 表格布局(TableLayout):通过画表表格的方式来实现布局,整个页面就相当于一张大的表格,控件就放在每个 Cell 中
常见属性
- index:元素索引
- text:显示文本
- resource-id:元素id
- class:类名
- package:包名
- content-desc:描述文案
- checkable:是否可以选择
- checked:是否已经选择
- clickable:是否可以点击
- enabled:是否可用
- focusable:是否可以聚焦
- fucused:是否已经聚焦
- scrollable:是否可以滚动
- long-clickable:是否可以长选择
- password:是否为密码输入框
- selected:是否已选择
- bounds:元素位置坐标
在这些属性当中,对于测试有意义的几个属性有 text、resource-id class 和 content-desc,其余的暂时不用太关注。这几个属性在后面做自动化的时候,可以用来定位元素。
获取更多相关资料:请添加vx,ceshiren001
https://qrcode.ceba.ceshiren.com/link?name=article&project_id=qrcode&from=toutiao×tamp=1653444752&author=MM
猜你喜欢
- 2024-12-18 比较 JavaScript 对象的四种方式「实践」
- 2024-12-18 我不知道还可以用 JS 做的 6 件事
- 2024-12-18 什么是 JavaScript? 什么是首发经济
- 2024-12-18 10 个常问的 JS 面试题 js面试题库
- 2024-12-18 理解 Next.js 中的 CSR、SSR、SSG、ISR 以及 Streaming
- 2024-12-18 逆天,纯 Go 编写的 ECMAScript/JS 引擎 Goja 火了
- 2024-12-18 JS 图片简易压缩【实践】 js压缩图片到指定大小
- 2024-12-18 好程序员web前端教程分享web前端都学些什么
- 2024-12-18 要深入 JavaScript,你需要掌握这 36 个概念
- 2024-12-18 帮你彻底搞懂 JS 中的 prototype、__proto__与constructor
你 发表评论:
欢迎- 最近发表
-
- 前端流行框架Vue3教程:13. 组件传递数据_Props
- 前端必看!10 个 Vue3 救命技巧,解决你 90% 的开发难题?
- JAVA和JavaScript到底是什么关系?是亲戚吗?
- Java和js有什么区别?(java和javascript的区别和联系)
- 东方标准|Web和Java的区别,如何选择这两个专业
- 前端面试题-JS 中如何实现大对象深度对比
- 360前端一面~面试题解析(360前端笔试)
- 加班秃头别慌!1 道 Vue 面试题,快速解锁大厂 offer 通关密码
- 焦虑深夜刷题!5 道高频 React 面试题,吃透 offer 稳了
- 2025Web前端面试题大全(整理版)面试题附答案详解,最全面详细
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端md5加密 (49)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- 前端懒加载 (45)
- 前端接口 (46)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle查询数据库 (45)
- oracle约束 (46)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- mac oracle (47)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)