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

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

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

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

属性面板分为四个部分:

● 基本

● 扩展

● 文字

● 说明

下面分别说明一下。

● 基本

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

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

● 扩展

操作步骤和上面的一样。

● 文字

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

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

鼠标经过时时这样的:

鼠标点击时时这样的:

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

待续。。。。。。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Web行业观察

可视化讲解 DOM 的构建过程

最近在看 Secrets of the JavaScript Ninja, 书中第二章讲到 DOM 的构建流程.

10220
来自专栏Danny的专栏

Axure实现Tab选项卡切换功能

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huyuyang6688/article/...

27220
来自专栏大前端开发

微信小程序的样式机制

之前,我已经介绍过在小程序开发中使用WXML来做界面布局,但是WXML只是一个界面的骨架。要让我们的小程序变得精致漂亮高大上起来,就需要一种为其添加样式的机制。...

12830
来自专栏数据小魔方

excel开发工具设计问卷

今天跟大家分享利用excel开发工具设计问卷! 虽然说现在的在线网络问卷设计与分发平台已经发展的很成熟(金数据、问卷星),从题型设计、渠道分发、简单预处理、初步...

43060
来自专栏大前端开发

微信小程序中实现瀑布流布局和无限加载

瀑布流布局是一种比较流行的页面布局方式,最典型的就是Pinterest.com,每个卡片的高度不都一样,形成一种参差不齐的美感。

49520
来自专栏web编程技术分享

【精编重制版】JavaWeb 入门级项目实战 -- 文章发布系统 (第二节)说明

本教程是,原文章发布系统教程的精编重制版,会包含每一节的源码,以及修正之前的一些错误。因为之前的教程只做到了评论模块,很多地方还不完美,因此重制版会修复之前的一...

22320
来自专栏移动开发

Material Design Button 的 disable 效果

针对 Material Design Button 的 disable 效果这里提一下. 我们经常有这样的需要,在按钮在 disable 状态下,背景色会呈现深...

16250
来自专栏子勰随笔

Markdown格式优化及使用技巧

74570
来自专栏腾讯IVWEB团队的专栏

bodymovin 的使用场景初步调研

bodymovin 不仅可以播放动画,可以完全控制动画的播放、暂停、速率、播放对应帧等等。更可以做到更改帧对象的位置。可以说是不可多得的好工具。

1.2K00
来自专栏乐百川的学习频道

Animate.css 动画库介绍

一个漂亮炫酷的网页离不开动画效果的点缀。现在也有很多动画库可供选择,这里我来介绍一个简单好用的动画库Animate.css。 animate.css在线效果用一...

404100

扫码关注云+社区

领取腾讯云代金券