axure9实用操作通过设置尺寸和移动交互事件实现页面大小和内容展示动态变化

1.需求说明

axure9实用操作通过设置尺寸和移动交互事件实现页面大小和内容展示动态变化
axure9实用操作通过设置尺寸和移动交互事件实现页面大小和内容展示动态变化
如以上两图,选择"总行"时,点击修改按钮打开修改组织弹窗,表单行"父级节点"消失,余下表单上移,弹窗尺寸变小,而选择"广州分行"时,点击修改按钮打开修改组织弹窗,表单行"父级节点"重新显示,其余表单行下移,弹窗尺寸变大

2.实现步骤

  1. 为"总行"选择按钮添加交互事件
    axure9实用操作通过设置尺寸和移动交互事件实现页面大小和内容展示动态变化
    如上图 添加"选中时-设置尺寸"交互事件,示例中是将原来高度520调整为450
    axure9实用操作通过设置尺寸和移动交互事件实现页面大小和内容展示动态变化
    如上图,添加"选中时-移动"交互事件,示例中移动方式To ,y轴方向-70

  2. 为"广州分行"选择按钮添加交互事件
    axure9实用操作通过设置尺寸和移动交互事件实现页面大小和内容展示动态变化
    如上图 添加"选中时-设置尺寸"交互事件,示例中是将高度还原为520
    axure9实用操作通过设置尺寸和移动交互事件实现页面大小和内容展示动态变化
    如上图,添加"选中时-移动"交互事件,示例中移动方式To ,y轴方向还原为0

至此配置完成,以上说明仅为实现编辑弹窗显示前弹窗大小和弹窗内容动态变化,弹窗的显示隐藏需通过修改按钮和关闭弹窗的按钮配置