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 条评论 发表评论

发表回复

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

本作品依据Antdesign4.0制作,作品包含Antdesign组件…

继续阅读 →

售价:¥ 99.00 销量: 35 3536
推荐

智驾园区数字孪生平台是基于V2X技术和数字孪生技术,对园区内的车辆、设…

继续阅读 →

售价:¥ 69.00 销量: 19 7650
推荐

本原型模板是用Axure9制作的高度仿制小红书App原型,另外结合了一…

继续阅读 →

售价:¥ 22.88 销量: 98 11441
推荐

2021-05-28 更新 更新内容:修复缺少的系统管理功能菜单; 更…

继续阅读 →

售价:¥ 99.00 销量: 44 7454
推荐

售价:¥ 30.99 销量: 69 13183
推荐

1、应用领域:协同办公管理、OA管理、企业管理 2、工具:Axure …

继续阅读 →

售价:¥ 59.00 销量: 27 11508