03-03 APP 控件定位
Android 基础知识
Android 是通过容器的布局属性来管理子控件的位置关系
布局过程就是把界面上的所有控件,根据其间距的大小,摆放在正确位置
Android 的七大布局
- LineLayout:线性布局
- RelativeLayout:相对布局
- FrameLayout:帧布局
- AbsoluteLayout:绝对布局
- TableLayout:表格布局
- GridLayout:网格布局
- ConstraintLayout:约束布局
- activity:与用户交互的可视化界面
- service:实现程序后台运行的解决方案
- content provider:内容提供者,提供程序所需要的数据
- broadcast receiver:广播接收器,监听外部事件的到来(例如来电)
- TextView:文本控件
- EditText:可编辑文本控件
- Button:按钮
- ImageButton:图片按钮
- ToggleButton:开关按钮
- ImageView:图片控件
- CheckBox:复选框控件
- RadioButton:单选框控件
可以按照一定的规律调整内部空间的位置,从而编写出精美的界面;
布局的内部除了防止空间外,也可以防止布局,通过多层布局的嵌套,能够完成一些比较不咋的界面
文章图片
iOS 基础知识
布局 iOS 去掉了布局的概念,直接用变量间的相对关系完成位置的计算
开发环境
- 系统:MacOS X
- 开发工具:Xcode
- 开发语言:ObjectC
- 安装文件:.ipa / .app
控件基础知识
- dom:Document Object Model 文档对象模型
- dom 应用:最早应用于 HTML 与 js 的交互;用于表示界面的空间层级、界面的结构化描述、常见的格式为 HTML、xml;核心元素为节点和属性
- xpath:xml 路径语言,用于 xml 中的节点定位
APP source 类似于 dom,用于表示 APP 的层级,代表了界面里所有的空间树的结构
每个空间都有它的属性(resourceID,xpath,aid),但是没有 css 属性
文章图片
基本属性
- clickable
- content-desc
- resource-id
- text
- bounds
- dom 属性与节点结构类似
- 名字和属性的命名不同
-
- Android:resourceid;iOS:name
- Android:contest-desc;iOS:accessibility-id