如何在Mockplus 中设置页面链接实现页面交互

 时间:2024-10-30 01:13:32

页面链接是在制作原型时常用的一个功能,那么在Mockplus中怎么实现这一功能呢?

如何在Mockplus 中设置页面链接实现页面交互

直接拖拽

1、点击某个组件,此时组件上方出现小工具栏。

如何在Mockplus 中设置页面链接实现页面交互

2、拖拽(点击后不放手)小工具栏上的那个闪电图标,一直拖到右侧的项目树中某个页面上。

如何在Mockplus 中设置页面链接实现页面交互

手工详细设置

1、点击某个组件,此时组件上方出现小工具栏。

如何在Mockplus 中设置页面链接实现页面交互

2、直接点击(非拖拽)小工具栏上的那个闪电图标,此时出现链接面板。

3、在链接面板上选择一个目标页面。同时设置动作和动画。

如何在Mockplus 中设置页面链接实现页面交互

4、注意,目前,多链接的组件(比如树、列表、表格、选项卡等)不能直接拖拽,你得按照方法二,进行手工设置。实现页面链接之后,当你在预览原型的时候,点击具备链接的组件,就可以跳转页面了。

  • 如何使用CSS3中的属性选择器设置超链接样式
  • Mockplus中如何设置组件交互?
  • 利用css实现图片往两边展开的动画效果
  • 如何用css制作元素右下左上移动的效果
  • 【Axure】实现滚动网页右下角播放视频
  • 热门搜索
    香港明星大全 好玩的网页游戏大全 芭比动画片大全中文版 qq情侣头像大全 家里暖气不热怎么办 itunes怎么更新 川北医学院怎么样 万家乐壁挂炉怎么样 武侯祠简介 作文大全100字左右