axure页面,Axure页面跳转?
20
2024-10-18
实现逻辑向下滑动页面,Tab导航栏由之一种状态切换成第二种状态;向上滑动页面,Tab导航栏由第二种状态切换成之一种状态;页面滑动一定距离,显示回到顶部按钮,点击回到顶部按钮,页面向上滚动回到页面顶部。
将“容器”下的元件“标签”拖至页面编辑区。双击“标签”元件顶部的三个标Tab栏,重命名。双击Panel区双击进入编辑状态,插入“样式”Tab的图片。勾选State2编辑“交互”Tab的内容。类似操作设置“说明”Tab的内容。点击“预览”按钮,在浏览器中可以实现Tab页内容的切换效果。
首先我们先拉取三个矩形作为tab栏,分别标注tabtabtab3作为备用,实际可根据需要标注。选中三个矩形,点击右键选取【选项组】,设置为同一选项组 选中三个矩形,点击右键选取【交互样式】,设置矩形的交互样式,在这里我只设置了一种样式:线段颜色,实际可根据需要进行设置。
〖壹〗、首先设置一个全局变量aX的单击事件产生的动作如下:『1』设置a=1,『2』页面跳转到B;Y的单击事件产生的动作如下:『1』设置a=2,『2』页面跳转到B设置B页面的“页面加载时”事件,在产生结果之前进行一个判断。『1』ifa=1,动态面板切换到State1,『2』elseifa=2,动态面板切换到State2。
〖贰〗、首先从空间栏中拖入一个动态面板,如果这个时候按F5预览是看不到什么的,因为就还没有添加状态,所以之一步就是加状态,为了简单起见,这里只加三个状态说明一下。命名什么的就不详细说明了,加好之后就是这个样子的。为了控制状态之间的切换,这里加了三个按钮形状控件,并按着所控制的状态命名。
〖叁〗、通过除法事件(例如:单击)设置选中,选中动态面板。设置需要的状态。
打开一份Axure文档,新增一张Page,命名为“Tab页面”。将“容器”下的元件“标签”拖至页面编辑区。双击“标签”元件顶部的三个标Tab栏,重命名。双击Panel区双击进入编辑状态,插入“样式”Tab的图片。勾选State2编辑“交互”Tab的内容。类似操作设置“说明”Tab的内容。
Axure *** Tab栏切换不同页面效果教程:首先我们先拉取三个矩形作为tab栏,分别标注tabtabtab3作为备用,实际可根据需要标注。
实现逻辑向下滑动页面,Tab导航栏由之一种状态切换成第二种状态;向上滑动页面,Tab导航栏由第二种状态切换成之一种状态;页面滑动一定距离,显示回到顶部按钮,点击回到顶部按钮,页面向上滚动回到页面顶部。
发表评论
暂时没有评论,来抢沙发吧~