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

发表回复

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

作品名称:AxureUX后台业务管理系统原型模板 作品类型:模板类 发…

继续阅读 →

售价:¥ 99.00 销量: 317 29587
推荐

作品名称:智能工厂管理Axure原型交互设计稿模板 当前版本:v1.0…

继续阅读 →

售价:¥ 99.00 销量: 16 11710
推荐

作品名称:财务出纳管理系统Axure原型设计 软件版本:Axure 8…

继续阅读 →

售价:¥ 55.00 销量: 35 7780
推荐

【作品介绍】 本作品是项目管理系统高保真原型设计,主要包括了工作台(概…

继续阅读 →

售价:¥ 99.00 销量: 115 16638
推荐

2020-5-27 更新:新增教育后台 软件版本:Axure 9(8不…

继续阅读 →

售价:¥ 39.90 销量: 157 22109
推荐

小程序端B2C商城设计: 付费会员 三级分销:自购省钱 分享赚钱 拼团…

继续阅读 →

售价:¥ 66.00 销量: 27 6635