Axure RP 8学习之旅

系列文章目录

Axure RP 8学习之旅
例如:第一个案例 菜单目录


参考地址:https://www.bilibili.com/video/BV1Y4411C7Zj?from=search&seid=13959869945223873212

文章目录


前言

提示:这里可以添加本文要记录的大概内容:
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。


提示:以下是本篇文章正文内容,下面案例可供参考

一、Axure RP 8 收缩菜单

示例:原型绘制

1.菜单效果

推拉菜单效果Axure RP 8学习之旅
Axure RP 8学习之旅

在这里插入图片描述

2.操作步骤

部件选择和事件绑定:

1.Masters 新增左侧菜单
Axure RP 8学习之旅
2.设置模板固定位置
Axure RP 8学习之旅
3.操作面板绘制主菜单
Axure RP 8学习之旅
4.动态面板维护,进入动态面板准备编辑面板内容
Axure RP 8学习之旅
5.动态面板展示内容
Axure RP 8学习之旅

关键点,事件绑定:

1.动态面板切换事件
Axure RP 8学习之旅
2.菜单绑定页面地址
Axure RP 8学习之旅
3.子菜单加载时设置面板默认展开效果。
Axure RP 8学习之旅


3.总结

通过使用Toggle实现主菜单切换动态面板隐藏展示,注意需要Toggle和Show操作都需要勾选Push Widgets。不然会出现子菜单内容和下排主菜单内容重叠。
参考如下:
Axure RP 8学习之旅

二、商品自增实现(全部变量和函数使用)

1.展示效果

Axure RP 8学习之旅

Axure RP 8学习之旅
部件选择提示:

1.部件选择和事件绑定

部件选择
Axure RP 8学习之旅

创建全局全量(可以用于页面传值title,state等使用,当前页做自增数据记录)

全局变量管理
Axure RP 8学习之旅
新增变量GoodsCount,默认值为0
Axure RP 8学习之旅
单击添加商品,绑定事件
Axure RP 8学习之旅

注意绑定事件先后顺序,先自增,后设置文本值。
Axure RP 8学习之旅

备注:此处是详细操作步骤
1.自增加1实现
Axure RP 8学习之旅
2.
Axure RP 8学习之旅

3.总结

通过使用全局变量实现按钮单击自增和赋值操作,和前端html很像。不过全部都是拖拽和单选操作,看起来就两行代码变为10多个操作。代码可以复用,但是前端页面兼容支持复用性就很差。原型复用就是一个拖拽还包括事件,能极大的减少需求沟通和设计不确定的结果。

上一篇:原型-构造函数


下一篇:记录一下这几天的一些讨论