axure中怎么制做切换效果

 时间:2024-10-16 20:23:58

我们在网站中经常可以看到一些可以来回切换的菜单,这种菜单因为不要转场所以,在页面设计中广泛应用。

axure中怎么制做切换效果

工具/原料

axure

px、Mac电脑

方法/步骤

1、在页面中输入两个切换条,并在元件库中拖入一个动态面板(如图)。

axure中怎么制做切换效果

2、选择文字,鼠标右键选择“选中”分别为切换文字设置选中效果(如图)。

axure中怎么制做切换效果

3、设置完成后,鼠标右键选择“交互皱诣愚继样式”分别选择鼠标悬停和选中,为这俩种效果添加鼠标事件,并把选中时和经过时文字颜色设置为蓝色(如图)。

axure中怎么制做切换效果

4、双击动态面板,为动态面板添加内容,注意双击后看到到蓝色的框,内容需要放到蓝色框内,编辑好后禅旄褡瘦命名。然后复制一个动态面板也为它添加内容(如图)。

axure中怎么制做切换效果

5、在属性中选择“页面载入时”,选择“我是采购商”切换设置页面默认选项,取消选中“我是供应商”选项(如图)。

axure中怎么制做切换效果

6、选中“我是供应商”然后在属性中选择“鼠标点击时”同样选中“我是供应商”取消选中“我是采购商”(如图)。

axure中怎么制做切换效果

7、复制两条切换条,并设为隐藏(如图)然后分别为每一个切换条命名(如图)。

axure中怎么制做切换效果

8、分别选择“我是采购商”“我是供应商”为他们设置鼠标点击时,显示切换条一,隐藏切换条二(如图)。

axure中怎么制做切换效果

9、总结设置切换条把评鲦易纪文字设为选中设置选中效果编辑内容设置页面载入时设置切换时设计选中隐藏和显示设置另外

Axure设计:简单的图片细节局部放大 Animate如何制作单击显示文字的交互效果(AS3) AxureRP如何上下移动页面#校园分享# ih5怎样在场景中添加操作提示 Axure RP 8 设置按钮选中改变颜色
热门搜索
夜来香花图片 一个人的图片 猩猩图片 美女胸部图片 蛇盘疮初期图片