美文网首页交互设计
用Mockplus教你使用属性面板的设置交互状态

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

作者: 我是一颗小小的雨花石 | 来源:发表于2016-11-18 13:48 被阅读0次

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

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

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

属性面板分为四个部分:

● 基本

● 扩展

● 文字

● 说明

下面分别说明一下。

● 基本

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

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

● 扩展

操作步骤和上面的一样。

● 文字

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

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

鼠标经过时这样的:

鼠标点击时这样的:

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

相关文章

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

    使用Mockplus软件有段时间了,期间有很多使用者问我组件的设置交互状态怎么用(当然有很多人看了都会用),我就有...

  • element-ui使用date-picker中unlink-p

    单面板时间范围选择器 实现方法,使用unlink-panels属性取消两个面板间的联动,用css设置display...

  • Axure:模拟微信切换菜单栏

    先讲思路 主页转换为动态面板,总共4个状态,按钮转换为动态面板,分别两个状态,设置交互,点击白色按钮时,主页动态面...

  • 实践4 自定义复选框

    1、触发事件:鼠标单击时 2、属性设置:交互样式 3、动作设置:切换选中状态 初始状态: 鼠标悬停状态: 选中状态:

  • Unity3D Mecanim高级动画系统详解

    一、动画模型的导入 二、模型的设置 三、属性面板相关参数介绍 四、状态机的初步使用 五、添加动画连招必杀技事件 六...

  • 【Axure10】交互功能-形状属性

    交互功能-形状属性 形状属性 主要用于设置不同的样式来来进行不同状态的区分。目前软件提供了六种属性进行设置。同时六...

  • DataBinding(七)tips

    使用default属性设置AndroidStudio预览面板中的默认显示内容,如上面显示的就是I am a pla...

  • 1.Axure动态面板之轮播图显示

    Axure中动态面板常用来实现交互效果,如: 使用动态面板制作轮播图。 使用动态面板制作tab页面切换。 使用动态...

  • form表单

    *受限组件 交互属性设置 input 的text 设置 val...

  • 如何在H5制作软件Hype中设置场景大小

    场景面板顾名思义,就是Hype这款H5制作软件中设置场景属性的面板。在场景面板中,可以设置场景大小和背景、响应式布...

网友评论

    本文标题:用Mockplus教你使用属性面板的设置交互状态

    本文链接:https://www.haomeiwen.com/subject/phajpttx.html