养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

在摹客原型中,如何完成组件状态设置

时间:2024-11-07 18:06:50

在摹客原型中,可以为组件设置选中、禁用、悬停、按下、焦点等多种交互状态,还可以自定义新的状态,呈现丰富的交互效果。具体如何操作呢?一起来看看~

工具/原料

摹客原型

方法/步骤

1、选中组件后,点击工具鲥鲣剔墟栏中的状态面板按钮可以打开或关闭状态面板。点击状态面板右上角的加号按钮,打开下拉菜单,可以为组件添加新的状态。选中状态后,可以在右侧属性面板中修改状态属性。

在摹客原型中,如何完成组件状态设置

2、选择“选中”状态时,组件在演示时默认被选中。选择“禁用”状态时,组件在演示过程中将无法被选中,该组件的主动交互效果也不能被触发。

在摹客原型中,如何完成组件状态设置

3、设置好“悬停”、“按下”、“焦喘揲塾疖点”对应的状态属性时,可以修改组件状态属性,设置对应的交互效果。利用悬停状态,可以轻松搏皋咬夼实现鼠标移入、移出的不同效果。(如下图所示)利用按下状态,可以轻松实现按钮等组件在鼠标按下时、松开时的不同效果。利用焦点状态,可以呈现输入框等组件的输入状态和非输入状态的不同效果。

在摹客原型中,如何完成组件状态设置

4、点击状态面板右上角的加号按钮,可以为组件添加自定义状态,搭配“切换状态”的交互命令,来实现丰富的效果。

在摹客原型中,如何完成组件状态设置

5、除正常状态外,可以删除其它状态,还可以对自定义状态进行重命名、克隆操作。

在摹客原型中,如何完成组件状态设置

© 一点知识