ivx动效按钮 基础按钮制作 01

ivx动效按钮 基础按钮制作 01一 准备工作首先创建一个相对定位应用 接着创建一个页面 随后我们切换一下屏幕 更改为 PC 端 web 因为手机移动端一般是没有鼠标悬浮事件的 为了使按钮显示方便观察 我们设置水平和垂直对其为居中 二 按钮制作 1 1 利用容器制作按钮由于我们按钮的悬浮动效使用按钮本身直接设置并不好实现过多的效果 在此使用一个容器来编写按钮特效 创建一个行 设置宽高分别为 150 50 我们将该容器作为按钮 那么再设置对应的背景色 设置完毕后我们需要给予这个按钮一个点击后类似于按钮点击的效果

一、准备工作

二、按钮制作

1.1 利用容器制作按钮

由于我们按钮的悬浮动效使用按钮本身直接设置并不好实现过多的效果,在此使用一个容器来编写按钮特效。

在这里插入图片描述
此时我们发现,点击后并不会返回原样,那么此时我们只需要设置对应鼠标点击离开后的事件:
在这里插入图片描述
接着在对应动作中,将边框全部去除即可:
在这里插入图片描述
接着咱们再预览,我们发现该行还是不还原原本的状态,此时我们要将点击事件更改为手指按下事件:
在这里插入图片描述
此时再演示,即可有一个按钮效果了:
在这里插入图片描述







1.2 文本添加

此时我们就完成了一个基础按钮,此时更改行1名称为按钮:

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/212346.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月18日 下午8:15
下一篇 2026年3月18日 下午8:15


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号