03-03 APP 控件定位

Android 基础知识

Android 是通过容器的布局属性来管理子控件的位置关系

布局过程就是把界面上的所有控件，根据其间距的大小，摆放在正确位置

Android 的七大布局

• LineLayout：线性布局
• RelativeLayout：相对布局
• FrameLayout：帧布局
• AbsoluteLayout：绝对布局
• TableLayout：表格布局
• GridLayout：网格布局
• ConstraintLayout：约束布局

Android 四大组件

• activity：与用户交互的可视化界面
• service：实现程序后台运行的解决方案
• content provider：内容提供者，提供程序所需要的数据
• broadcast receiver：广播接收器，监听外部事件的到来（例如来电）

常用控件

• TextView：文本控件
• EditText：可编辑文本控件
• Button：按钮
• ImageButton：图片按钮
• ToggleButton：开关按钮
• ImageView：图片控件
• CheckBox：复选框控件
• RadioButton：单选框控件

布局

一种可用于放置很多控件的容器；

可以按照一定的规律调整内部空间的位置，从而编写出精美的界面；

布局的内部除了防止空间外，也可以防止布局，通过多层布局的嵌套，能够完成一些比较不咋的界面

iOS 基础知识

布局

iOS 去掉了布局的概念，直接用变量间的相对关系完成位置的计算

开发环境

• 系统：MacOS X
• 开发工具：Xcode
• 开发语言：ObjectC
• 安装文件：.ipa / .app

使用 appium 测试 iOS 应用需要使用 MacOS 系统

控件基础知识

• dom：Document Object Model 文档对象模型
• dom 应用：最早应用于 HTML 与 js 的交互；用于表示界面的空间层级、界面的结构化描述、常见的格式为 HTML、xml；核心元素为节点和属性
• xpath：xml 路径语言，用于 xml 中的节点定位

Android 应用的层级结构与 HTML 不一样，是一个定制的 xml

APP source 类似于 dom，用于表示 APP 的层级，代表了界面里所有的空间树的结构

每个空间都有它的属性（resourceID，xpath，aid），但是没有 css 属性

基本属性

• clickable
• content-desc
• resource-id
• text
• bounds

iOS 与 Android 的区别

• dom 属性与节点结构类似
• 名字和属性的命名不同
• • Android：resourceid；iOS：name
  • Android：contest-desc；iOS：accessibility-id