请问用axure rp 6.5,怎么实现下图中的效果?

请问用axure rp 6.5,怎么实现下图中的效果?,第1张

使用动态面板就可以实现。
这是一个导航,你想实现的应该是选中一个后,下面的三角符号指向这个选中的栏目。
作法:1如上图,有五个栏目,你需要做使用五个动态面板
2每个动态面板都做上一个所选中的样式
3添加事件。选中一个时就切换动态面板到所选中的那个动太面板。
4生成看效果

动态面板:能够在一个固定的区域切换显示的内容。能实现很多动态效果。
其本身是一个透明的元件。一个动态面板里有若干个状态。“若动态面板是幻灯片的放映机,而状态则是幻灯片。” 打开状态的编辑界面,即可放置各种各样的元件,组成内容。
有几种特性:容器、多状态、 循环 、拖动、适应宽度、相对固定。

动态面板-循环:

放置一张,右键-转换为动态面板,复制5个State,添加用例载入时,勾选以下复选框

点我

若想实现以上场景,则需要用到 局部变量 的知识

axure做出类似百度经验页面的左侧步骤栏的效果,步骤:
1、制作页面
为了体现效果,需要做一个比较长(高)的页面,在Axure工作区中拖入4个矩形,分别为顶部标题、菜单、页面内容、底部。设置矩形宽度和高度,让其看起来像是一个页面布局;
2、制作随页面滚动的标题
为了让效果更加明显,将标题进行区别设置,设置矩形背景色为,也可以通过设置其他属性来进行区别。将标题命名为“标题1”;
3、制作固定的标题
滚动中固定在顶部的标题并非页面上的标题,是单独制作的。复制“标题1”,将复制的标题命名为“标题2”,设置“标题2”x坐标等于“标题1”的x坐标,y坐标等于0。修改“标题2”背景色为蓝色;
4、制作固定的标题
右键单击“标题2”,点击“转换为动态面板”,将动态面板命名为“固定菜单”,在元件属性与样式中点击“固定到浏览器”勾选“固定到浏览器窗口”,完成后隐藏动态面板;
5、制作固定锚点
在工作区中拖入一个动态面板,设置其x和y坐标等于0,调整其宽度和高度分别为60和20,将动态面板命名为“固定锚点”,设置其固定到浏览器;
6、制作滚动锚点
在工作区中拖入一个热区,设置其x坐标等于0,y坐标等于“菜单1”的y坐标加上固定锚点的高度,设置其宽度等于固定锚点的宽度,高度直接拖动到页面底部,命名为“滚动锚点”;
7、设置交互
打开页面交互面板,双击“窗口滚动时”事件,添加条件“元件范围 滚动锚点 接触到 元件范围 固定锚点”,确定,设置动作为“显示 固定菜单”。继续在“窗口滚动时”事件上添加动作,添加条件“元件范围 滚动锚点 未接触 元件范围 固定锚点”,确定,设置动作为“隐藏 固定菜单”;
8、预览效果

您好!
为了方便起见,建议您到联想的服务站查询诊断问题,在保修期内维修是免费的,主要部件保修2年,系统及软件保修1年,国外行货需要注册IWS全球联保,服务站的选择可以查询:
>有好几种方式可以设计。我就出其中一种把,把支付宝、QQ、新浪微博,这三个区域放在一个矩形里,然后设置其初始状态而隐藏。设置“合作帐号登陆”的“当鼠标移入时”动作,该动作产生的结果为矩形控件显示,“当鼠标移出时”动作,该动作产生的结果为矩形控件隐藏。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13388714.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-26
下一篇 2023-07-26

发表评论

登录后才能评论

评论列表(0条)

保存