原型图工具Mockplus如何实现页面间的交互

最新推荐文章于 2020-11-26 16:33:42 发布

weixin_33832340

最新推荐文章于 2020-11-26 16:33:42 发布

阅读量1.3k

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/2008098/blog/367185

版权

2019独角兽企业重金招聘Python工程师标准>>>

Mockplus 目前提供了页面级的跳转，主要通过设置组件的链接来实现，大部分组件都有一个链接属性，可以在属性面板上设置要跳转到的页面。

设置好后使用工具栏上的 “全屏预览”的时候就可以直接跳转了：

也可以直接在网页上运行：

如果项目是手机或者平板平台，还可以直接扫描上图中左上角的二维码，直接在移动设备上查看。

转载于:https://my.oschina.net/u/2008098/blog/367185

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33832340

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

垂直选项卡竖版选项卡切换文字列表源码下载

11-22

垂直选项卡竖版选项卡切换文字列表源码下载

在 Mockplus 设置页面链接，实现页面交互

设计“1+2”，摹客就够了！

06-04

8082

在Mockplus中，可以轻松设置页面链接，方法有二：一、直接拖拽 1 点击某个组件，此时组件上方出现小工具栏。 2 拖拽（点击后不放手）小工具栏上的那个闪电图标，一直拖到右侧的项目树中某个页面上。 3 行了，链接已经设置好。如下视频：二、手工详细设置 1 点击某个组件，此时组件上方出现小工

参与评论您还未登录，请先登录后发表或查看评论

mockplus模板_UI设计工具比较：Sketch、Adobe XD、墨刀、Mockplus、Axure RP

weixin_39922394的博客

11-26

531

UI设计工具，分为2个派系。其中，最大、最主流的派系，是Sketch、Adobe XD、墨刀这个派系。这个派系的软件，操作方式、思路都非常接近，连常用快捷键都一样，会一个就等于都会了。在一个无限大的画布上，用户可以创建任意数量的页面，创建的内容，可以包装成组件，复制粘贴到别的项目用。比如，adobe xd，就是软件本体不自带任何UI套件，而是把UI套件的项目文件给你，你打开来，找到喜欢的UI组件，...

Mockplus原型交互跟我做之3 - 认识“链接点”

设计“1+2”，摹客就够了！

01-18

3479

上两次，我们已经快速地做了一个可以实用的交互（自动消失的消息框），还做了一个花哨但没用的东西，旋转的风车。暂时缓缓往下走，我们先来了解点“基本知识”，Mockplus几乎不需要学习，不过呢，如果多了解一点，上手更快。 Mockplus能够快速设置交互，其中有一个东西，你必须熟悉，就是“链接点”。选中一个组件，组件的右上方，会出现一个小圆点，如图：

Mockplus原型交互跟我做之5 - 使用内容面板快速切换内容

设计“1+2”，摹客就够了！

02-17

8763

这里，我们要使用选项卡和内容面板来做一个配合，来实现内容切换。操作还是同样简单、快速、不累。不需要我啰嗦，直接看视频：

MockPlus原型图软件

01-08

MockPlus是一款广受欢迎的原型设计工具，主要用于帮助产品经理、设计师以及开发团队快速创建产品原型，进行界面设计和交互模拟。它的简洁易用性是其主要特点之一，使得非专业设计师也能轻松上手。 MockPlus提供了...

Mockplus安装包

04-15

总的来说，Mockplus作为一款原型图工具，以其直观的界面、强大的设计和交互功能，以及便捷的团队协作能力，深受设计师和开发者的喜爱。无论是初创团队还是大型企业，都可以利用Mockplus提高设计效率，降低沟通成本，...

mockplus新闻原型示例

08-24

MockPlus是一款强大的原型设计工具，深受设计师和开发者们的喜爱。这款软件以其易用性和高效性著称，使得设计者能够快速地创建出直观、清晰的交互原型。在"mockplus新闻原型示例"中，我们可以深入了解到如何利用...

mockplus v3.4.1.0 官网版.zip

07-10

Mockplus是一款专业好用的原型图设计工具软件。软件的主要作用是在正式制作真实软件产品前，通过原型给大家一个产品的模型展示，而这个模型你可以通过非常简单快速的方式得到。因此软件适合于、程序员、UI设计人员、...

产品经理原型图设计模版

08-16

在软件开发领域，产品经理通常需要绘制原型图来沟通和表达他们的设计理念，以便团队成员、设计师和开发者能够更好地理解和实现产品需求。这份模版集合了产品经理常用的元素和布局，旨在帮助产品经理更高效地完成原型...

Mockplus工具

08-16

Mockplus中的原型交互设计完全可视化，所见即所得。拖拽鼠标做个链接，即可实现交互。同时，Mockplus封装了弹出面板、内容面板、滚动区、抽屉、轮播等系列组件，对于常用交互，使用这些组件就可快速实现。

用Mockplus教你使用属性面板的设置交互状态

weixin_33967071的博客

06-07

763

使用Mockplus软件有段时间了，期间有很多使用者问我组件的设置交互状态怎么用（当然有很多人看了都会用），我就有想把怎样使用设置交互状态的方法记录下来，供初学者参考，今天趁休息时间整理了一下，分享一下。纯干货哦。先介绍后演示，这样你会更明白。以形状组件为例，了解一下形状组件的属性面板构成。属性面板分为...

SPA项目开发之登陆注册的跳转功能以及首页导航+左侧菜单

qq_47906421的博客

08-26

4229

登陆注册的功能前言1. 介绍Mock.js2. Mock.js使用步骤2.1 安装mockjs依赖2.3 目录和文件创建前言上一章实现了登陆功能，但是未跳转，这章实现跳转以及首页导航和左侧菜单。 1. 介绍Mock.js Mock.js是一个模拟数据的生成器，用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。众所周知Mock.js因为两个重要的特性风靡前端: 1.数据类型丰富 2.支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。 3.拦截Ajax请求 4.

微信小程序实现仿微信聊天界面(各种细节处理)

嘿嘿

02-16

5175

话不多说，美图镇楼：下面先来看看效果为实现这样的效果，首先要解决两个问题： 1.点击输入框弹出软键盘后，将已有的少许聊天内容弹出，导致看不到的问题； 2.键盘弹出或收起时，聊天消息没有自动滚到最底部。首先解决第二个问题，自动滚动到最底部，这很简单，这里提供三种方法（推荐第三种）： 1.计算每条消息的最大高度，设置scroll-top=(单条msg最大高度 * msg条数)px。 2....

Mockplus-更快更简单的原型设计

WWF_HelloWorld

03-14

3985

本文主要介绍Mockplus的基础功能，主要是基于学习过程的总结记录，可能比较简要，详细内容请参考Mockplus的官方教程，也即本文的主要参考资料。引入：为什么选择Mockplus？一、快速入门二、熟悉组件三、要点深入 1. 基本交互 2. 表格说明 3. 使用标尺和参考线 4. 使用导入导出在项目之间共享组件和页面 5. 数据自动填充与快速格子 6. 母板 7. 复制...

原型图页面结构

thevolga的博客

03-09

3657

学生主页题库课程公告栏右上角个人信息登录页课程页 3.1 课程描述 3.2 作业 3.3 考试 3.4 资源题库个人信息管理老师主页课程管理 2.1 课程列表 2.1.1 学生列表（学生姓名学生学号作业结果考试结果-代码和分数-批改考试在此实现） 2.2 新建课程（名称教师起止时间课程简介） 2.3 发布作业（标题描述测试案例隶属课程-以选择形式 ...

Mock方法介绍

weixin_34138056的博客

06-19

926

1 现有的单元测试框架单元测试是保证程序正确性的一种有效的测试手段，对于不同的开发语言，通常都能找到相应的单元框架。借助于这些单测框架的帮助，能够使得我们编写单元测试用例的过程变得便捷而优雅。框架帮我们提供了case的管理，执行，断言集，运行参数，全局事件工作，所有的这些使得我们只需关注：于对于特定的输入，被测对象的返回是否正常。那么，这些xUnit系...

【Mockplus教程】为什么我不能设置链接的切换动画？

设计“1+2”，摹客就够了！

10-17

718

目前只有mobile项目和pad项目支持链接切换动画，桌面项目、网页项目、空白项目均没有支持。

mockplus软件界面

weixin_33788244的博客

11-07

389

2019独角兽企业重金招聘Python工程师标准>>> ...

纯JS实现轮播图：自动切换与交互控制

本文将介绍如何使用纯JavaScript实现一个基本的轮播图效果，包括图片自动切换、鼠标悬停暂停、鼠标离开后恢复自动播放以及通过点击导航小圆点切换图片的功能。在创建轮播图时，主要涉及以下几个JavaScript知识点：...