ivx动效按钮 基础按钮制作 01 |
您所在的位置:网站首页 › 小程序加减按钮在哪里 › ivx动效按钮 基础按钮制作 01 |
一、准备工作
首先创建一个相对定位应用: 由于我们按钮的悬浮动效使用按钮本身直接设置并不好实现过多的效果,在此使用一个容器来编写按钮特效。 创建一个行,设置宽高分别为 150、50: 我们将该容器作为按钮,那么再设置对应的背景色: 设置完毕后我们需要给予这个按钮一个点击后类似于按钮点击的效果,我们给该按钮设置一个点击事件,点击后那么该按钮会出现一个阴影,来表达这个点击的反馈:
一般来说咱们需要在这个按钮内添加对应的文本,是否直接添加就可以了呢?如果你不需要做一些动效,那么直接添加文本即可;添加文本还需要注意要这个按钮行的水平、垂直居中: 若你觉得这个文本颜色没有对比度,直接更改背景色或文本颜色即可: 此时我们就完成了一个基础按钮,此时更改行1名称为按钮: 那么若我们需要动效动效,我们需要增加一个绝对定位容器: |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |