在Mockplus中使用标尺和参考线

摹客 摹客 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.3k累计阅读 1.4k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄12年
关注
原创 最新推荐文章于 2026-05-18 16:57:55 发布 1.3k 阅读 AI 写同款· GEO 优化 ›
为图片根据坐标自动创建热区并点击变颜色 可以在页面上用鼠标随便点击 获取两个坐标、并自动创建热区、点击可以为此选取添加颜色、调至透明度 立即下载

1 显示或隐藏标尺和参考线


2 设置标尺选项


3 设置参考线颜色

主菜单 -> 选项 -> 系统


4 添加或删除参考线

收录于
UI

当前文章被收录于：

UI
610 篇文章 12 人学习
订阅专栏 查看详情
产品经理

当前文章被收录于：

产品经理
518 篇文章 7 人学习
订阅专栏 查看详情
移动开发

当前文章被收录于：

移动开发
422 篇文章 4 人学习
订阅专栏 查看详情
标签
#原型图工具 #原型设计 #mockplus #原型图软件 #原型制作
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
访PS标尺控件，可拖拉参考线 一个编辑器的控件，类似photoshop的标尺，标尺为SVG所画，可无限拖参考线出来，参考线也可销毁，方便设计师对齐，距离等设计 立即下载

相关推荐

Ubuntu安装ToDesk远程控制软件

前几天有同学问我怎么在 Ubuntu 系统上安装 ToDesk 远程控制软件, 帮他安装完成后就 顺手整理了一下安装过程，所以就顺手有了这篇在 Ubuntu 系统上安装 todesk 的文章。

小白的博客 8660

Figma实用小技巧

1. 介绍 原作：lijxse 视频地址 文字版整理：岩鸣杨子 2. 快速拖拽调整数值 按住option可在数值上拖拽调整，不按option时只能在X/Y/W/H/旋转/圆角等的图标上拖拽调整，不能调整透明度的数值。 3. 属性粘贴复制 shift+X：互换填充和描边 选中图层的某个属性，然后cmd+C，则可复制这个图层特定的属性。 选中图层的某个属性，然后cmd+V，则可粘贴到这个图层特定的属性上。 4. 列表切换&快速搜索 option+1：切换到Layers option+2：切换到Asse.

设计の诗 3万+

中科蓝讯AB536X/AB892X芯片开发避坑指南：Downloader配置中那些容易忽略的细节

本文详细解析中科蓝讯AB536X/AB892X芯片开发中Downloader配置的关键细节，包括软开关机实现、触摸灵敏度调试、量产校频等常见问题。特别针对无PR口芯片的替代方案、触摸参数优化、校频流程等易忽略环节提供实用解决方案，帮助开发者规避量产风险，提升开发效率。

weixin_30687051的博客 476

【Mockplus教程】删除

选中组件，鼠标右击，在弹出的菜单中选择“删除”即可，或者选中后按下delete键删除。 演示如下：

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

ENVI基于Landsat影像构建郑州市2000-2019年遥感生态指数RSEI

本文基于landsat5、landsat7、landsat8三种传感器的影像，使用ENVI软件构建郑州市2000-2019年遥感生态指数RSEI。内含ENVI详细操作、使用的公式以及构建结果。

Lexicopperfield的博客 1万+

达梦数据库与sharding-jdbc的深度适配实践

本文详细介绍了达梦数据库与sharding-jdbc的深度适配实践，包括驱动与依赖管理、核心适配实现、注册与配置等关键步骤。通过扩展shardingSphere的方式，成功实现了达梦数据库的分库分表功能，并提供了常见问题解决方案和性能优化建议，助力企业级应用高效处理海量数据。

weixin_30300225的博客 624

学习figma

Figma是目前最流行的一款免费云端设计工具，常用于UI设计，Web设计，移动应用设计和交互设计等领域。下面介绍一些Figma的基本概念和使用方法。

qq_66740903的博客 7033

跨厂商网络设备的RADIUS认证：Windows NPS的兼容性与最佳实践

本文详细探讨了Windows NPS在多厂商网络环境中的RADIUS认证实践，特别针对华为、华三、思科等主流设备的兼容性问题提供解决方案。从基础配置到高级优化，涵盖VSA属性映射、认证协议选择及安全加固措施，帮助企业实现统一身份认证并提升网络安全性。

weixin_29213827的博客 422

Figma快速上手教程--学习笔记

Figma快速上手教程--学习笔记

weixin_42219180的博客 5601

每周技巧tc 问题处理技巧Teamcenter

（内部）Dataset和Tool相关之2.1——Tool轮询Contents Type和Type Name-赖良顺.docx。（内部）Dataset和Tool相关之3.2——编写Batch和Perl为客户端自动注册相关内容-赖良顺.docx。（内部）Dataset和Tool相关之1.1——Tools和Datasets参数定义-赖良顺.docx。（内部）Dataset和Tool相关之1.2——相关首选项定义及修改-赖良顺.docx。（内部）Dataset和Tool相关之0——概述-赖良顺.docx。

TC技术专栏 1230

飞牛fnNAS搭建Web网页版OFFICE（WPS）软件

本文介绍了如何在飞牛NAS上通过Docker容器部署WPS Office办公软件。主要内容包括：启用Docker服务、准备项目文件夹结构、使用Compose方式构建容器、解决端口冲突问题、配置中文输入法和字体库，以及通过ZeroTier实现远程访问。文章详细说明了每个步骤的操作方法，包括容器启动、输入法设置、字体添加和文件存储位置配置。最后还介绍了使用ZeroTier内网穿透技术实现远程访问NAS上WPS服务的方法，让用户可以在不同设备上随时编辑NAS中的文件。整个部署过程完整清晰，为NAS用户提供了便捷的

dgnankai的专栏 1702

Figma设计稿100%还原：像素级测量与标注技巧

摘要：Figma实现像素级还原需掌握测量工具（尺寸/角度测量）、辅助线/网格定位和属性面板精确调整。标注时结合DevMode自动标注与手动注释，推荐使用Anima等插件增强标注效果。关键要注意提前统一设计规范、采用组件化设计，并通过协作功能实时验证开发疑问。核心是确保尺寸数据精准传递，减少沟通误差。（149字）

AI_5678的博客 984

接入 AI 之后，为什么测试和排障还是没有真正变快？

如果你们准备做平台型 AI，不要先从聊天入口开始想。先把真实数据采上来；再把链路、版本、快照、报告这些核心对象建稳；再把历史沉淀、反馈、检索能力补齐；最后再让 AI 围绕这些对象去工作。这样做出来的 AI，才更容易从“看起来聪明”走向“真正省时间”。

专注 AI 精准测试平台实战落地，分享从代码 Diff 到回归决策的完整工程闭环。主张“先建数据链路，再上 AI 智能”，让测试从“靠经验”走向“基于风险”。 527

【Mockplus教程】标尺和参考线

每个页面都拥有单独的标尺和参考线，可以用于辅助组件的对齐以及尺寸调整。   1. 使用标尺   新建页面之后，在主菜单中选择“显示标尺”即可看到工作区左边和上边显示出 标尺。标尺有两种显示方式：百分比和像素，可以根据需要进行切换。只需要在 标尺上面鼠标右击即可看到切换显示方式的菜单，如图：     2. 使用对齐线   鼠标

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

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

efm32 入门.pdf

本PDF共计22页，介绍的是操作驱动API，下载与否自己斟酌。

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

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

WWF_HelloWorld 4532

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox（带书签），MATLAB统计学习工具

熊先生做原型之：我的工具我做主

时间真快，转眼就是下半年了，看来我是注定要在产品的道路上渐行渐远了。所以，怀着雄心壮志的我决定，这周我要研究一下。。。怎样让自己工作的时候更舒服一点。 我觉得，作为一款原型设计工具，能够让设计师在设计过程中感到舒服自在，应该是这款工具对设计师最起码的尊重了。在使用Mockplus的过程中，我觉得这种礼遇度还是挺高的。 首先，是围绕工作区的三个面板，我们可以单纯的

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

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

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

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

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

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

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

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

Figma常用快捷键（Mac版）

Figma常用快捷键（Mac版）

SongD1114的博客 3万+

qt QCustomplot 用QCPItemStraightLine画参考线，阈值线，水平线

QCustomplot QCPItemStraightLine 画参考线，阈值线，水平线

u012719076的博客 5526

QT绘制线段及规定两点绘出线段的技术要点

1.通过添加QLabel实例显示坐标信息，得知 globalPos()，给出的坐标信息是相对于桌面的，即以桌面左上角为原点。 pos()，是相对于窗口的，以窗口左上角为原点（去除边框）。即pos()给出的是一个相对位置坐标。而globalPos(),给出的是一个绝对坐标。

Fire_For_Code 8242

Matlab画图坐标轴是上的刻度线隐藏与显示

在MATLAB中，使用pcolor画图，得到的图坐标轴上刻度断线消失，如下图所示： 可以看出坐标轴上有刻度数字但是没有对应的刻度线，为了调出刻度线，我们调出坐标轴属性设置界面，如下图： 通过调试，发现通过改变Layer和TickDir两个参数，就可以将本该出现的坐标轴刻度线重新显现。在Layer参数下有两个选项，分别是top和bottom，默认值为bottom，将该参数修改为top后刻度线就显...

52赫兹问候的博客 3万+
上一篇： 在 Mockplus 设置页面链接，实现页面交互
下一篇： 10分钟玩转Mockplus
点赞 0
评论 0
书签 书签 0
摹客
摹客
博客等级 码龄12年 1588粉丝 786原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值