WEB选择器高保真交互案例【下拉框、级联、树形、时间、日期选择器】 中继器,动态面板、时间日期、字符串函数的综合应用

编辑推荐

兼容性提醒:此作品只兼容Axure RP 9.0及以上版本,低版本软件无法使用。

20240730更新内容

1、替换部分iconfont字体图标为符号,这样更方便展示。

2、下拉框增加删除功能

3、树形增加:树形多选案例,树型V2版本中继器的内容更简单,方便使用。

4、日期增加月选择器、季选择器、年选择器

在网上查了一下,选择器做到仿真高保真比较少,就来了兴趣做一下。还有其它组件需求可以留言,有空再更新。

案例说明:

以下都为高保真选择器下拉框库,直接引入axure库中就可以使用。有使用文字图标在原型文件里有具体使用说明。

主要使用到:中继器,动态面板、时间日期、字符串函数。中继器是我的最爱已经不能用它了,尽量减少动态面板的使用让文件层级更简单,函数的使用可以先一些操作更捷。

1、下拉选择器。当选项过多时,使用下拉菜单展示并选择内容。

axure选择器

2、需要从一组相关联的数据集合进行选择,例如省市区,公司层级,事物分类等。

axure级联选择器

3、树形选择控件。

axure树形选择器

4、点击标准输入框,弹出时间面板进行选择。

axure时间选择器

5、点击标准输入框,弹出日期面板进行选择。

axure日期选择器

20221009 更新iconfont字体图标的下载地址,字体图标详细使用方法在原型文件里

axure 10.0.0.3851 在中继器的操作上有不兼容,需要手要修改文本值为:[[Item.Column0]]

这个属于axure兼容问题,希望后续axure10升级后能解决这个问题

12 条评论 发表评论

发表回复

以下作品你可能也喜欢:
推荐

作品名称:移动端通用元件组件合集 作品编号:LIB001 当前版本:V…

继续阅读 →

售价:¥ 99.00 销量: 251 17861
推荐

APP简介: 一款拟物UI风格的智能家居、家电控制APP。 主要功能:…

继续阅读 →

售价:¥ 49.90 销量: 22 5629
推荐

1. 客户信息管理 客户档案:记录客户的详细信息,如联系方式、购买历史…

继续阅读 →

售价:¥ 68.88 销量: 22 4099
推荐

全套电商SaaS:PC后台、商家APP、用户小程序,部分截图:

售价:¥ 169.00 销量: 10 6061
推荐

公司官网原型模板 版本:V1.0 主要适用:web 软件版本:Axur…

继续阅读 →

售价:¥ 29.90 销量: 45 5818
推荐

作品基本信息 作品名称:数据决策平台&项目管理系统 作品类型:…

继续阅读 →

售价:¥ 100.00 销量: 20 10625