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

发表回复

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

持续更新,同步更新到 V 1.1.6,可以作为系统演示用,做了非常多的…

继续阅读 →

售价:¥ 99.00 销量: 246 33051
推荐

一、基本信息 作品名称:项目生命周期管理系统 软件版本:Axure9 …

继续阅读 →

售价:¥ 99.00 销量: 45 10994
推荐

作品名称:CMS通用型企业官网原型模版 作品类型:高保真后台运营端&a…

继续阅读 →

售价:¥ 59.90 销量: 39 2726
推荐

我是一名产品经理,本项目显示结果并非完善版本,请勿用于商业生产,所以转…

继续阅读 →

售价:¥ 29.00 销量: 53 8704
推荐

大数据应用-BI产品中的数据可视化部分,展示各色各样的图表。(原型临摹…

继续阅读 →

售价:¥ 30.00 销量: 116 21818
推荐

本作品一次购买,永久免费更新升级,版权归腾讯所有。 新冠肆虐,在线视频…

继续阅读 →

售价:¥ 59.90 销量: 39 7722