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

简介: 使用Mockplus软件有段时间了,期间有很多使用者问我组件的设置交互状态怎么用(当然有很多人看了都会用),我就有想把怎样使用设置交互状态的方法记录下来,供初学者参考,今天趁休息时间整理了一下,分享一下。

使用Mockplus软件有段时间了,期间有很多使用者问我组件的设置交互状态怎么用(当然有很多人看了都会用),我就有想把怎样使用设置交互状态的方法记录下来,供初学者参考,今天趁休息时间整理了一下,分享一下。纯干货哦。

先介绍后演示,这样你会更明白。

以形状组件为例,了解一下形状组件的属性面板构成。

属性面板分为四个部分:

●  基本

●  扩展

●  文字

●  说明

下面分别说明一下。

●  基本

以“颜色”为例:点击颜色框旁边的闪电符号,选择“鼠标经过时”和“鼠标点击时”的颜色,如下图。

可根据个人所好选择颜色和选择“鼠标经过时”或“鼠标点击时”。

●  扩展

操作步骤和上面的一样。

●  文字

勾选“鼠标经过时”和“鼠标点击时”后点击输入框变换文字,会弹出一个输入文字框,输入你所要更改的文字。

上面简单的说明了一下,你可能已经了解了,下面看看制作的视频,分“鼠标经过时”和“鼠标点击时”,请看视频。

鼠标经过时时这样的:

鼠标点击时时这样的:

这个小功能是做原型经常用到的,希望这篇文章对你有用。

待续。。。。。。

作者:红旗飘飘

链接:https://zhuanlan.zhihu.com/p/21289190

来源:知乎

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

相关文章
自定义实体拖动过程中不实时显示
自定义实体拖动过程中不实时显示
|
前端开发 定位技术
Echarts地图高级开发:下钻交互菜单操作按钮(1)
Echarts地图高级开发:下钻交互菜单操作按钮(1)
109 0
|
小程序 前端开发 JavaScript
微信小程序分类菜单激活状态跟随列表滚动自动切换
微信小程序分类菜单激活状态跟随列表滚动自动切换
152 0
微信小程序分类菜单激活状态跟随列表滚动自动切换
|
前端开发 定位技术
百度地图开发自定义信息窗口openInfoWindow样式的解决方案
百度地图开发自定义信息窗口openInfoWindow样式的解决方案
1189 0
|
前端开发 JavaScript
漏刻有时后台左侧菜单默认隐藏的解决方案
漏刻有时后台左侧菜单默认隐藏的解决方案
63 0
|
JavaScript
fastadmin 自定义 按钮 动态切换数据 TAB切换
fastadmin 自定义 按钮 动态切换数据 TAB切换
252 0
LabVIEW设置应用程序显示标签透明
本篇博文将介绍一种简单方法,还是以我们分享的LabVIEW实现科学计算器小项目为例,将最下面的提示按钮背景设置为透明效果
|
设计模式 JSON 前端开发
如何设计一个属性面板?
如何设计一个属性面板?
180 0
|
Python
PyQt5 图形界面 - 配置界面跟随窗口大小调整灵活伸缩,设置页面控件居中显示实例演示
PyQt5 图形界面 - 配置界面跟随窗口大小调整灵活伸缩,设置页面控件居中显示实例演示
990 0
|
JavaScript
【经验分享】单选/下拉单选选项数据源为动态值的时候控制组件状态
单选/下拉单选的选项为动态值的时候,实现类似于关联选项的功能。
179 0