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

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

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

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

直接拖拽

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

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

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

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

手工详细设置

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

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

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

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

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

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

  • 如何使用CSS3中的属性选择器设置超链接样式
  • Mockplus中如何设置组件交互?
  • 利用css实现图片往两边展开的动画效果
  • 如何用css制作元素右下左上移动的效果
  • 【Axure】实现滚动网页右下角播放视频
  • 热门搜索
    四年级手抄报大全 生命手抄报 关于清明的手抄报内容 建国手抄报内容大全 5.1手抄报 经典诵读手抄报内容 科普小知识手抄报 祝福祖国手抄报 学生手抄报设计指南 英语手抄报花边