如何在页面中制作悬浮发布按钮弹窗

效果展示:

前置准备:

1.已搭建好,待添加悬浮层的页面

2.icon素材

具体步骤:(3)

  1.添加悬浮层页面

  2.配置悬浮层关闭触发器

  3.配置首页发布icon触发器和动画

步骤分解:

1.添加悬浮层页面

1.1点击左侧面板中的界面

1.2添加悬浮层

1.3添加标签文本组件

1.4添加图标组件

1.5在右上方面板样式中的尺寸设置填充色设置配置需要的悬浮层样式

2.配置悬浮层关闭触发器

2.1选中关闭图标组件

2.2在右侧上方面板中的触发器添加关闭弹窗触发器

3.配置首页发布icon触发器和动画

3.1选中首页界面

3.2选中发布图标 组件

3.3在右侧上方面板中的动画添加自定义动画 并进行相关数据配置

3.4在右侧上方面板中的触发器 添加打开弹窗触发器,并进行相关数据配置

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容