Mockplus的弹出类组件如何使用?(二)

2025-10-08 09:31:51

1、弹出菜单

弹出菜单是一种特殊的弹出面板,被设计用于手机项目。

弹出菜单中有且仅有一个列表组件,默认位于手机页面右上角。

Mockplus的弹出类组件如何使用?(二)

2、你可通过组件间的交互改变弹出菜单的弹出状态,也可以编辑内置列表的属性,具体属性及设置见列表组件。

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

添加弹出面板组件

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

Mockplus的弹出类组件如何使用?(二)

2、编辑组件内容

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

Mockplus的弹出类组件如何使用?(二)

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

Mockplus的弹出类组件如何使用?(二)

Mockplus的弹出类组件如何使用?(二)

4、设置属性

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

Mockplus的弹出类组件如何使用?(二)

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

自由定位应用最为广泛,子组件被添加到编辑层的位置即为该子组件弹出时的位置。

相对于屏幕定位可让子组件处于屏幕顶部、中间、底部。

相对于源组件定位则取决于触发弹出面板弹出的组件的位置。

Mockplus的弹出类组件如何使用?(二)

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

Mockplus的弹出类组件如何使用?(二)

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

Mockplus的弹出类组件如何使用?(二)

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢