按钮文本框图片列表这些控件分别用来做什么
iApp 的组件面板里控件不少,新手容易"看到什么点什么"。按用途给控件分类,选型思路会清晰很多。
展示类
- 文本(段落 / 行内):显示一段或多段文字,标题、说明、正文都靠它。段落元素独占一行,行内元素可以与其他内容排在同一行。
- 图像:显示本地图片或网络图片,头图、图标、插图用。
- 视图容器:本身不显示内容,用来圈一块区域、装其他控件。做卡片式布局、底部导航栏都要先用容器分区。
输入类
- 输入框:单行文本录入,账号、搜索词、短内容用它。
- 文本域:多行文本录入,留言、日记正文这类长内容用它。
- 下拉列表 + 选项:给用户一组固定选项挑一个,比让用户手输规范得多。
操作类
- 按钮:触发动作的核心控件,配合"点击事件"使用,几乎每个应用都离不开。
数据展示类
- 列表:展示重复结构的数据(消息列表、商品列表)。要注意列表控件通常不能直接拖子组件进去,需要专门设计列表项样式再动态加载——社区教程管这套流程叫列表项设计,是 V3 和 V7 都有的重点课题。
媒体类
- 音频 / 视频:内嵌播放器控件,做播放器界面、视频列表页用。官方教程里专门有"视频播放列表"的实操案例。
选控件的通用原则:能选窄的不选宽的,能少一层容器就少一层——控件树越简单,后面写事件、调位置越省事。摆控件的具体手法见尺寸与位置。