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

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

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

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

属性面板分为四个部分：

● 基本

● 扩展

● 文字

● 说明

下面分别说明一下。

● 基本

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

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

● 扩展

操作步骤和上面的一样。

● 文字

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

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

鼠标经过时时这样的：

鼠标点击时时这样的：

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

待续。。。。。。

作者：红旗飘飘
链接：https://zhuanlan.zhihu.com/p/21289190
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。