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

效果展示:

前置准备:

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)

相关推荐

  • 如何制作一寸证件照(在线一寸证件照制作)

    如何制作一寸证件照?在我们的日常生活中,总是会遇到需要上传证件照的情况.不同的考试报名对于证件照的要求不同,有的要求白底.有的要求蓝底.如果这个时候我们手头上没有符合要求的照片的话,我们应该怎么办呢? ...

  • 朋友圈营销内容太多如何屏蔽广告(微信如何发布大于30秒的视频?)

    上期为大家分享了,微信(通讯录类)实用的5大功能,没有看过的朋友,看完本篇后记得返回看下哦!今天继续给大家分享下微信朋友圈你不知道的功能.1.朋友圈营销内容太多?屏蔽广告人的朋友圈现在的朋友圈已经是免 ...

  • 如何制作一寸证件照(自己如何制作证件照)

    一寸证件照怎么制作?一寸证件照在我们日常生活中的应用非常广泛,一般可以用在驾照.结婚证.老年证.医保卡等场景中.突然需要用一寸证件照,但是手头没有该怎么办呢?其实我们可以自己制作证件照.在这里,小编将 ...

  • 如何用excel制作工资表(excel工资表函数算工资)

    许多上班族每月月初都会领到一张工资条,上面会详细的记录上个月工资情况.那么,这种工资表是怎么做的呢?今天,小默老师就来给大家分享2种利用Excel制工资表的技巧!VLOOKUP函数生成工资表前期准备. ...

  • word文档怎么进行页面设置(word页面设计怎么设置方法)

    通常,我们在做好Word文档后,总会觉得有些不够商务范,有些细节做的不够到位.今天,我就来跟大家分享一些小技巧,教你怎么对文档进行细节设置,提高你的文档商务范:1.添加页眉和页码2.调节页边距3.消除 ...

  • PPT中的矩形元素怎样自由设置圆角?

    您好,欢迎来到[爆炒Office],这里有原创的实用办公软件技巧.概述PPT中提供了多种带有圆角的矩形样式.如四个角都是圆角,或者两个角是圆角,一个角是圆角.同时,可以通过形状上圆角处的黄色控制点控制 ...

  • pdf怎样旋转页面后保存(pdf如何旋转并保存)

    有些PDF文档打开之后有页面是倒置的,这样的页面使用起来也不是很方便,那么我们就需要把这些页面方向旋转回来,有些软件页面旋转是整个文档全部一起调整,是否能仅旋转其中的一页或几页呢?首先用极速PDF编辑 ...

  • 照片要电子版的怎么弄(个人证件照电子版怎么弄)

    电子版照片怎么弄?电子版照片用手机怎么做?在不少的场景里对于电子版的照片以及电子证件照的使用是越来越频繁了,那么就有很多的朋友想知道,在手机上是否可以制作电子版照片,应该怎么操作呢?下面小编就给大家整 ...

  • ppt怎么把字做成动态的(ppt文字怎么变成动态)

    许多人觉得在PPT中做一个动态效果的文字比较难,也不知从何入手.但是学会了今天这个技巧,你就知道看似复杂的效果,原来 so esey~~~只需1分钟就能够实现,绝对能让你的PPT逼格爆棚!下面请看具体 ...