移动端UI名词 - AxureMost

本文涉及的产品
智能开放搜索 OpenSearch行业算法版,1GB 20LCU 1个月
检索分析服务 Elasticsearch 版,2核4GB开发者规格 1个月
实时计算 Flink 版,5000CU*H 3个月
简介: 该文档介绍了多种UI组件的分类和功能,包括按钮、图标、宫格等基础组件,头像、徽标、轮播图等数据展示类组件,复选框、日期选择器、输入框等数据输入类组件,以及对话框、加载、消息通知等反馈类组件。此外,还涵盖了下拉菜单、导航栏、分页器等导航类组件。每个组件都有具体的应用场景和作用,帮助开发者快速构建界面。

组件分类

  • 按钮(Button):用于触发操作。
  • 图标(Icon):提供各种图标资源,用于界面装饰和操作指示1
  • 宫格(Grid):用于排列和展示多个项目,常用于列表和网格布局1

数据展示类

  • 头像(Avatar):用于展示用户头像。
  • 徽标(Badge):用于展示数字或状态标识。
  • 轮播图(Carousel):用于展示多张图片或内容。
  • 单元格(Cell):用于展示列表项或单个数据项。
  • 折叠面板(Collapse):用于展示可折叠的内容。
  • 倒计时(CountDown):用于展示倒计时。
  • 文本缩略(Ellipsis):用于展示文本溢出时的省略号。
  • 图片(Image):用于展示图片。
  • 图片预览(ImagePreview):用于预览图片。
  • 通知栏(NoticeBar):用于展示系统通知。
  • 气泡卡片(Popover):用于展示弹出式卡片。
  • 步骤条(Steps):用于展示步骤流程。
  • 标签(Tag):用于标记和分类1

数据输入类

  • 复选框(Checkbox):用于选择多个选项。
  • 日期时间选择器(DatePicker):用于选择日期和时间。
  • 图片选择器(ImagePicker):用于选择图片。
  • 输入框(Input):用于输入文本。
  • 选择器(Picker):用于选择列表项。
  • 单选框(Radio):用于选择一个选项。
  • 评分(Rate):用于评分。
  • 滑动输入条(Slider):用于选择数值。
  • 开关(Switch):用于切换开关状态。
  • 多行文本框(Textarea):用于输入多行文本1

反馈类

  • 动作面板(ActionSheet):用于展示操作菜单。
  • 环形进度条(CircleProgress):用于展示环形进度条。
  • 对话框(Dialog):用于展示对话框。
  • 加载更多(LoadMore):用于分页加载更多内容。
  • 加载(Loading):用于展示加载状态。
  • 消息通知(Notify):用于展示消息通知。
  • 弹出层(Popup):用于展示弹出层。
  • 可滑动弹出层(PopupSwiper):用于展示可滑动的弹出层。
  • 进度条(Progress):用于展示进度条。
  • 轻提示(Toast):用于展示轻提示1

导航类

  • 下拉面板(Dropdown):用于展示下拉面板。
  • 下拉选择菜单(DropdownMenu):用于展示下拉选择菜单。
  • 导航栏(NavBar):用于展示导航栏。
  • 分页器(Pagination):用于分页展示。
  • 标签栏(TabBar):用于展示标签栏。
  • 选项卡(Tabs):用于展示选项卡1

image.png

文档导航

< 桌面端UI名词 UI设计尺寸 >

相关文章
|
1月前
|
数据安全/隐私保护 开发者
产品经理-桌面端UI名词
AxureMost 提供了一套完整的桌面端 UI 组件库,涵盖通用、布局、导航、数据录入、数据展示、反馈及其他组件。每个组件都具备详细的设计规范和资源,帮助设计师和开发者快速构建功能丰富的用户界面。组件库包括按钮、表单、表格、对话框等,全面支持各类应用场景。
产品经理-桌面端UI名词
|
3月前
|
Java 测试技术 持续交付
【入门思路】基于Python+Unittest+Appium+Excel+BeautifulReport的App/移动端UI自动化测试框架搭建思路
本文重点讲解如何搭建App自动化测试框架的思路,而非完整源码。主要内容包括实现目的、框架设计、环境依赖和框架的主要组成部分。适用于初学者,旨在帮助其快速掌握App自动化测试的基本技能。文中详细介绍了从需求分析到技术栈选择,再到具体模块的封装与实现,包括登录、截图、日志、测试报告和邮件服务等。同时提供了运行效果的展示,便于理解和实践。
190 4
【入门思路】基于Python+Unittest+Appium+Excel+BeautifulReport的App/移动端UI自动化测试框架搭建思路
|
7月前
|
编解码 Android开发 iOS开发
|
9月前
|
移动开发
【实用】一组原创原生样式的基础控件、UI组件样式(偏向移动端H5页面的样式)
【实用】一组原创原生样式的基础控件、UI组件样式(偏向移动端H5页面的样式)
【实用】一组原创原生样式的基础控件、UI组件样式(偏向移动端H5页面的样式)
|
9月前
【实用】一个移动端简单的UI弹窗组件,虽算不上高大上,但至少耐看
【实用】一个移动端简单的UI弹窗组件,虽算不上高大上,但至少耐看
|
9月前
|
前端开发
element-ui组件DatePicker日期选择器移动端兼容
element-ui组件DatePicker日期选择器移动端兼容
element-ui组件DatePicker日期选择器移动端兼容
|
9月前
|
JSON 小程序 前端开发
小程序使用npm以及常用的移动端UI插件
小程序使用npm以及常用的移动端UI插件
67 0
|
9月前
在温系统下制作马克系统引导安装镜像启动U盘安装马克OS
在温系统下制作马克系统引导安装镜像启动U盘安装马克OS
在温系统下制作马克系统引导安装镜像启动U盘安装马克OS
|
JavaScript 前端开发 小程序
Vue移动端UI框架
Vue移动端UI框架
235 0
|
JavaScript
Vue移动端框架Mint UI教程-跳转新页面(四)
Vue移动端框架Mint UI教程-跳转新页面(四)
142 0