资讯专栏INFORMATION COLUMN

UI组件功能设计指南

starsfun / 1256人阅读

摘要:组件能够大幅减轻开发的工作量,提升项目的可维护性,减少重复代码。本文主要讲解组件需要具备哪些功能主体功能主要功能是指这个组件是用来做什么的,如选择日期组件的目标是选择日期,下拉选择组件的目标是展示选项供用户选择等。

组件能够大幅减轻开发的工作量,提升项目的可维护性,减少重复代码。
本文主要讲解组件需要具备哪些功能

主体功能

主要功能是指这个组件是用来做什么的,如选择日期组件的目标是选择日期,下拉选择组件的目标是展示选项供用户选择等。这是最开始需要考虑的部分,也是组件的基础。

主体功能的颗粒度控制功能

主体功能的颗粒度控制功能是指对组件功能细化控制的功能,可以分为
1、功能开关,如日期选择组件有选择时间的功能,可以提供api用来控制是否开始开启时间选择功能、日期可选范围等;
2、行为控制功能,如控制弹框是否显示功能
3、内容控制功能,如表格的自定义列功能,时间选择器的单元自定义渲染功能,弹框的页脚自定义功能。
4、结构控制组件,如下拉框弹框可以自定义容器
5、样式控制功能,大部分情况下使用者都可以比较方便的修改组件的样式,但是再某些情况下

反馈

一个组件基础功能编写完成后,需要有恰当的反馈,告诉程序发生了什么,只有这样,程序餐能根据组件的反馈做出相应的处理,才能产生多样的交互,满足更多的场景。常见的反馈如:浏览器元素中许许多多的事件。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/103985.html

相关文章

  • UI组件功能设计指南

    摘要:组件能够大幅减轻开发的工作量,提升项目的可维护性,减少重复代码。本文主要讲解组件需要具备哪些功能主体功能主要功能是指这个组件是用来做什么的,如选择日期组件的目标是选择日期,下拉选择组件的目标是展示选项供用户选择等。 组件能够大幅减轻开发的工作量,提升项目的可维护性,减少重复代码。本文主要讲解组件需要具备哪些功能 主体功能 主要功能是指这个组件是用来做什么的,如选择日期组件的目标是选择日...

    546669204 评论0 收藏0
  • UI组件功能设计指南

    摘要:组件能够大幅减轻开发的工作量,提升项目的可维护性,减少重复代码。本文主要讲解组件需要具备哪些功能主体功能主要功能是指这个组件是用来做什么的,如选择日期组件的目标是选择日期,下拉选择组件的目标是展示选项供用户选择等。 组件能够大幅减轻开发的工作量,提升项目的可维护性,减少重复代码。本文主要讲解组件需要具备哪些功能 主体功能 主要功能是指这个组件是用来做什么的,如选择日期组件的目标是选择日...

    BlackFlagBin 评论0 收藏0
  • 干货:小程序开发文档和设计指南要点详解

    摘要:本文主要对微信官方发布的开发文档和设计指南进行详解小程序开发文档小程序开发方式的整体介绍,并提供了一个官方范例。一小程序开发文档文档中开头即提到支持调用微信原生,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等。 本文主要对微信官方发布的开发文档和设计指南进行详解: 小程序开发文档 小程序开发方式的整体介绍,并提供了一个官方范例。如果是受邀体验的开发者,可以扫码进行小...

    blair 评论0 收藏0
  • Oracle APEX 系列文章7:Oracle APEX 18.1 新特性

    摘要:提交表单页时,所有表单数据将被自动写回到数据库对应的表中,同时确保数据的完整性。所有这些都是运行时发生的,真正的所见即所得。字体集字体集是一整套图标库,旨在设计以便增强通用主题。两个家族,一个图标库新特性字体集有两种图标系列小和大。 showImg(https://segmentfault.com/img/remote/1460000015037005?w=1750&h=866); 引...

    mmy123456 评论0 收藏0
  • Oracle APEX 系列文章7:Oracle APEX 18.1 新特性

    摘要:提交表单页时,所有表单数据将被自动写回到数据库对应的表中,同时确保数据的完整性。所有这些都是运行时发生的,真正的所见即所得。字体集字体集是一整套图标库,旨在设计以便增强通用主题。两个家族,一个图标库新特性字体集有两种图标系列小和大。 showImg(https://segmentfault.com/img/remote/1460000015037005?w=1750&h=866); 引...

    testHs 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<