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

效果展示:

前置准备:

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在右侧上方面板中的 触发器 添加打开弹窗触发器,并进行相关数据配置

这样就可以在页面中制作悬浮发布按钮弹窗了。

本文转载自知乎:如何在页面中制作悬浮发布按钮弹窗? - TOWIFY的文章 - 知乎
   https://zhuanlan.zhihu.com/p/578895755

(0)

相关推荐

  • 怎么在微信中制作和发布微视视频

    微信是大家最喜爱的通讯软件之一,它深受用户欢迎,给我们带来很多便捷和乐趣,可是有些小伙伴还不太熟悉它的一些设置,比如,很多人不清楚如何用微信制作微视视频,小编今天给大家分享解决这个问题的方法.具体如下 ...

  • 如何在秀米中制作及发布H5秀?

    相信很多小伙伴都有在使用秀米,在其中如何才能制作及发布H5秀呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,在风格秀中点击我们喜欢的H5秀.2. 接着,将主题.宣传图和背景音乐设置好.背 ...

  • H5页面怎么制作及发布

    H5页面怎么制作及发布?下面我们就来看一下如何制作H5页面吧,希望能够帮助到大家. 操作方法 01 首先在浏览器中搜索"易企秀",然后点进入他们的官网. 02 在易企秀官网H5模板 ...

  • PowerPoint2013中制作幻灯片播放按钮

    虽然现在按下Shift+F5键就能播放幻灯片,然后点击鼠标左键即可切换页面,但是大家想过没有,给幻灯片专门加上一个播放按钮呢?这样显得也正规一些。下面就把具体的制作方法拿出来跟大家分享一下。 ①启动P ...

  • wps2019中在哪里找到下拉按钮?怎么制作下拉按钮

    WPS是我们现在经常使用的办公软件之一.今天小编就告诉大家WPS2019怎么在表格中制作下拉菜单.具体如下:1. 首先我们打开电脑中的一份WPS文件.进入主界面之后我们点选中一个我们需要下拉的单元格. ...

  • 使用Pages(页面)面板制作网页

    下面通过一个具体的实例来说明Pages(页面)面板的实际作用,具体操作步骤如下. 1.新建一个Fireworks文件. 2.在弹出的[新建文档]对话框中设置画布的宽度为932像素.高度为538像素,背 ...

  • 如何在电脑版Flash中制作动态控制缩放模式

    电脑版flash软件被很多人使用,用来编辑flash,制作flash等,有的用户在使用该软件时,想要制作动态控制缩放模式,但是却不知道如何制作,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,双 ...

  • 怎么在手机版美图秀秀app中制作文字动画并发布?

    相信很多小伙伴都有在手机上使用美图秀秀app,在其中如何才能制作文字动画并发布呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开手机上的"美图秀秀".进入首页后,点 ...

  • 怎么将VIVO手机的悬浮球图标显示在手机的页面中

    假如我们的VIVO手机页面中随时显示有悬浮球图标的话,可以方便我们随时操作某些功能.下面小编就来跟大家分享一下将悬浮球图标显示在手机各界面的方法.具体如下:1.首先,我们打开手机的"设置&q ...

  • 怎么打开华为手机中的悬浮按钮

    当我们在使用华为手机的时候,为了更加方便快捷的操作,可以开启悬浮按钮功能,具体应如何开启呢?接下来就由小编来告诉大家.具体如下:1. 第一步,打开手机并在桌面找到设置图标,点击进入.2. 第二步,进入 ...