Axure设计:跳转页面如何设置目标页面的动态面板的状态

在Axure设计中,确保跳转页面返回时动态面板保持特定状态是一个常见需求。通过在跳转链接处设置事件,可以更新变量OnLoadVariable的值,然后在目标页面的OnPageLoad事件中依据该变量值切换动态面板状态。具体操作包括在源页面设置变量值,目标页面设置条件判断和动态面板状态切换。这种方法能确保店铺数据模块在返回时显示初始面板。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天修改"咚咚钢琴"商户端的店铺数据模块,


从这里跳转到


这个界面之后,跳转回去原页面,是店铺数据的初始面板页面


经过网上资料查询

1、先在所要跳转的链接处添加用例,并设置两个事件,一个是页面间的跳转事件(简单略过),还有一个事件:“设置 变量/部件 值”

1
2
3

设置好值于变量 OnLoadVariable 等于 2 (没有用过的具体状态值,与下一页的值一致即可)。此步骤中需要注意跳转链接的用例事件当中,“设置值变量OnLoadVariable 等于 2”的事件必须位于跳转事件之前。2、在另一页面中的页面交互的OnPageLoad中添加相应的用例(你想跳转到动态面板的状态有几个,并创建几个用例),用例中需设置一个条件,添加两个事件。

a.设置条件如下图所示:

4

b.设置动态面板的状态到指定状态:

5

c.先在动态面板旁边添加一个“图像热区”,在添加“设置窗口到指定热区”事件(解决页面跳转间,你想到达页面的任何区域,在本例中没多大作用):




### 如何在 Axure设置动态面板内的跳转链接以返回到原有的动态面板状态 #### 设置动态面板的状态切换逻辑 为了实现从一个动态面板的特定状态跳转回原始状态的功能,可以通过配置交互事件来完成这一目标。具体来说,可以在动态面板上绑定「鼠标单击」或其他触发条件的动作,通过设定其行为为更改当前动态面板的状态至初始状态。 当需要创建这样的功能时,可以按照以下方式操作: 1. **选定动态面板**:先选中要定义跳转逻辑的目标动态面板组件。 2. **添加交互动作**:打开右侧属性窗口中的“交互”选项卡,在其中新建一条交互规则,比如针对鼠标的点击事件[^1]。 3. **指定状态变更**:对于所建立的新用例,将其动作设为修改动态面板的状态;接着于下拉菜单里挑选希望恢复成的那个原初状态(即 Value 或其他自定命名)。 #### 实现页面间的跳转返回机制 除了单纯改变同一控件内部的不同显示形式之外,如果涉及跨页之间的导航再加返程,则需利用更复杂的链接结构配合变量存储当前位置信息以便后续调用。例如: - 利用 `Set Variable` 动作保存源页面或者起始动态面板的相关数据到全局/局部变量当中去[^2]; - 当到达新界面之后再次运用这些已记录下来的信息作为参数重新定位回到之前的视图位置处。 另外值得注意的是,虽然目前即时设计(Figma)能够很好地支持多类型文件格式转换导入工作流其中包括像Sketch,Axure等等工具产生的成果物[^3],但是关于某些特殊交互效果尤其是涉及到复杂脚本编写部分可能仍存在一定程度上的差异性和局限性,因此建议尽可能保持简单明了的设计思路从而确保最终输出版本能够在不同平台上都能良好呈现预期的效果. ```javascript // 示例伪代码展示如何使用 JavaScript 来模拟上述过程 (仅用于理解概念) onPanelClick = function() { var originalState = "InitialState"; // 定义默认或先前记住的状态名 setDynamicPanelState(originalState); // 调整动态面板至该状态 } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值