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

发表回复

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

app主要包括:线上物业缴费、绿植、家政、智能家居、及时送、社区周边等…

继续阅读 →

售价:¥ 19.90 销量: 57 6938
推荐

作品介绍 作品名称:ERP进销存系统原型V1.0 软件版本:Axure…

继续阅读 →

售价:¥ 49.00 销量: 79 14672
推荐

【思维导图】 【主要功能】 在线视频课程、文档课程、随堂练习 个人刷题…

继续阅读 →

售价:¥ 68.00 销量: 22 3810
推荐

6.18日更新:增加【机器人设置-自定义标签】 5.30日更新:部分图…

继续阅读 →

售价:¥ 66.60 销量: 46 11953
推荐

一次购买,后续免费更新!免费更新下载!免费更新下载! 作品名称:106…

继续阅读 →

售价:¥ 89.90 销量: 634 79333
推荐

本原型包含招聘网站个人用户使用前端页面以及网站运营者管理后台  

售价:¥ 29.99 销量: 50 4062