摹客 Mockplus

摹客 Mockplus

让设计更快更简单

弹出面板组件

使用弹出面板组件,可以动态的弹出或关闭一组组件。具体使用如下:

添加弹出面板组件

从组件面板中交互组件栏中拖一个弹出面板组件到工作区。

编辑组件内容

弹出面板为不可视组件,如需编辑弹出内容,则双击进入编辑层。你可以添加任意可视组件,反之在弹出面板中再添加弹出面板则不被允许。

弹出面板接受切换状态命令,可在点击按钮、加载页面时弹出或关闭弹出面板。

设置属性

对弹出面板添加交互后,可在右侧交互面板中设置交互。同时,也可以选中弹出面板组件,在右侧属性面板中提供了更丰富的交互选项。

弹出面板组件提供自由定位、相对于屏幕、相对于组件三种定位方式。

  • 自由定位应用最为广泛,子组件被添加到编辑层的位置即为该子组件弹出时的位置。
  • 相对于屏幕定位可让子组件处于屏幕顶部、中间、底部。
  • 相对于源组件定位则取决于触发弹出面板弹出的组件的位置。

可选择淡入、放大等弹出动画。

关闭弹出面板有两种方式。你可以对弹出面板设置交互,切换弹出面板状态为关闭,也可以设置弹出面板的点击关闭策略属性。

 

 

相关阅读:


MockplusMockplus,100万产品经理和设计师的选择
免费下载Mockplus,开始你的设计!