你是否遇到过在 Flutter 中，点击按钮或者底部导航栏的时候，出现下面的情况 有时候我们并不需要这种水波纹效果，该怎样取消呢？下面提供两种方式，一种全局设置，一种局部设置，大家根据自己的业务情况选择即可。 文章目录一：全局去除设置二：局部去除设置 一：全局去除设置找到 MaterialApp 组件，设置其 theme 属性如下@override
Widget build(BuildContex
转载
2023-10-03 10:32:27
388阅读
核心属性： background-attachment这个属性就牛逼了， 它可以定义背景图片是相对视口固定，还是随着视口滚动， 加上这个属性网页瞬间就从屌丝变成高大上。我们来看个例子：html: <div class="attach view"></div>
<div class="text view">I WANT FLY</div>
<d
转载
2024-02-21 16:39:12
171阅读
需求如下，实现一个圆形水波纹，带进度，两层水波纹需要渐变显示，且外围有一个圆弧进度。思路外围圆弧进度：可以通过canvas.drawArc()实现。由于圆弧需要实现渐变，可以通过给画笔设置shader(SweepGradient)渲染，为了保证圆弧起始的颜色值始终一致，需要动态调整shader的参数。具体参见SweepGradient(centerX.toFloat(), centerY.toFl
转载
2023-10-24 00:49:16
356阅读
有时候需要有一些动画效果，可以直接用css动画来实现。
原创
2022-08-29 23:14:46
1299阅读
先来贴一下要实现的最终效果： 由于截图软件的原因所以上图看着有些卡，在实际中是比较流畅滴，下面开始来一步步实现它。特殊字体处理：新建工程，然后先来显示一下特殊字体，对于android中如何使用自定义字体这里不多赘述了，比较简单，先将字体文件放至到asserts目录当中： 然后新建一个自定义View，在新建之前需要针对这个效果进行一个思考：是直接继承View开搞么？当然是毫无
转载
2023-08-01 12:31:40
176阅读
实现“鸿蒙 水波纹”效果的步骤如下：
1. 创建一个新的项目：首先，我们需要创建一个新的鸿蒙项目。可以使用鸿蒙IDE或命令行工具创建项目。
2. 添加布局文件：在新建的项目中，我们需要添加一个布局文件用于展示水波纹效果。可以使用XML或Java代码编写布局文件。
3. 实现水波纹效果：接下来，我们需要在布局文件中添加一个水波纹控件，并设置相应的属性来实现水波纹效果。以下是一个示例代码：
`
原创
2024-01-12 17:28:35
82阅读
先看效果 自然界中水波纹效果十分麻烦，我这里只是根据水波纹的几个特性，在理想环境下模拟水波纹的扩散效果。这里应用到的属性有：扩散、波动、折射。扩散：很好理解，水波纹会从触发原点开始向周围扩散波动：水波纹就一直波，在切面上观看，就是一个正弦函数的波形图折射：光在不同介质中传播速度不同导致出现折射效果。 如果在平静条件下，在垂直方向上看水底事物，很正常。在波动条件下，因为水的上下波
本文将介绍如何使用ManimCE框架实现一个水波纹特效，让你的数学动画更加生动有趣。 1
注：标题所说的这几个效果都是依赖 android-drawBitmapMesh实现的让我们先来看看 google中Android API 中对 drawBitmapMesh 方法的介绍：这个方法的参数貌似很多， 讲讲几个比较重要的参数的意思：1、bitmap : 将要扭曲的图像；2、meshWidth：控制在横向上把该图像划成多少格；3、meshHeight : 控制在纵向上把
转载
2023-10-03 11:40:29
383阅读
最近研究了一个特效动画： 一个水波纹动画的动态效果。有兴趣的童鞋们可以去了解一下。定义组件大家都非常熟悉。不可以参考如不熟悉童鞋可以去参考：水波纹动画展示效果：针对于这样的效果我们可能想起来的绘制方式有：第一种方式： 正弦曲线 计算x，y。VauleAnimation 控制x的行走画无数个直线–利用高等数学微积分path.lineTo()方法存储微小的直线最后canvas.drawLine(x1
转载
2023-08-29 21:22:48
332阅读
这个教程很简单也好学，希望对初步认识FLASH的动画爱好者有帮助，废话少说，下面我们开始制作 教程吧教程准备，准备一张带水的风景图片为例，其他没有什么需求一，首先打开FLASH软件8.0，这个版本比较好用，设置文档属性为宽550 高400，也是软件默认的属性，背景颜色你可以改为自己喜欢的颜色，这个看由你自己选择，在制作时我比较喜欢用黑色，如图设置好文档属性后，我们点击确定，进入场景中来，二 在场景
转载
2024-01-25 10:10:44
150阅读
# Android实现水波纹动画
水波纹动画是一种常见的用户界面效果，它能够提升应用的视觉美感，并为用户提供更好的交互体验。本文将介绍如何在Android应用中实现水波纹动画，包括相关代码示例以及结构图和流程图。
## 一、水波纹动画的背景
水波纹动画通常在触摸某个UI组件时产生，好似在水面上激起的涟漪效果。这种动画可以用在按钮、卡片等组件中，以增强用户的交互体验。在Android中，我们可
原创
2024-10-08 04:01:46
397阅读
# 在Android中实现水波纹效果的完整指南
## 一、引言
水波纹效果是一种优秀的用户界面效果，可以用来提升用户体验。在Android平台中，我们可以利用系统提供的Ripple效果来实现这一功能。本文将为您介绍如何在Android项目中实现水波纹效果，包括必要的步骤、代码示例和详细注释。
## 二、流程概览
我们先来概述一下实现水波纹效果的主要步骤，以下是我们将要执行的流程：
| 步
说到水波纹特效，就要讲Ripple。自从android5.0开始以后，google就推出了一套UI设计语言materialdesign，俗称：材料设计。其中一个最直观的效果就是涟漪效果（水波纹效果），就是可以点击的控件会有一个波浪的效果。这个效果就是RippleDirawable。今天就来研究下这个RippleDrawable
最大的优点就是方便，简单，只用写一个xml，设置成你需要特效控
转载
2023-08-29 11:34:55
343阅读
本篇博文介绍一个Android自定义View的案例，后续博文会接下自定义View的相关流程和绘制原理。通过自定义控件实现。触摸屏幕实现水波纹效果。
实现步骤
第1步.自定义MyWave继承View
public class
MyWave
extends
View {
}
第2步.重写带两个参数的构造方法
public
转载
2023-07-31 18:47:14
133阅读
1、HTML5 WebGL水面水波荡漾特效之前已经向各位分享过一款很逼真的HTML5水波荡漾特效，效果还算不错。今天再向大家分享一款更加给力的HTML5水波动画，画面上是一个大水池，水池底部是一颗大石头，在水面上点击即可泛起水波，加上模拟光的照射，水波比上一款特效更加生动逼真。另外你也可以拖动石头让其在池底滚动，也可以拖动画面多视角观看该HTML5水波动画。2、HTML5 Canvas 3D旋转物
转载
2024-06-07 14:13:38
73阅读
一.简介
最近在打黑魂，被虐得死去活来，每次都是想砸电脑的节奏，然而还是忍不住想玩，唉。下面步入正题，黑魂的传送技能之前会播放一个帅帅的屏幕特效-屏幕水波，从屏幕中间向四周扩散开来，很有赶脚。下面附上一张截图：
正好最近在学习shader，决定研究一下这种效果怎样实现。
二.原理介绍
水波纹的原理其实比较简单，与
转载
2024-01-28 06:59:04
185阅读
效果如下：思路： 按钮及按钮的父标签定位需为绝对定位或相对定位 绑定按钮的click事件,把其样式设置为overflow:hidden，并添加下标线标签并设置其样式 当鼠标点击按钮时，如果按钮内有标签(波兰纹)即把该标签删掉，注：必须先添加标签然后计算标签样式再更改其相应样式，如果先计算样式然后添加标签后立即接修改其样式，有可能出现修改样式时获取不到标签的问题； 获取目标事件的位置page
转载
2024-08-28 21:02:31
44阅读
先来贴一下要实现的最终效果： 由于截图软件的原因所以上图看着有些卡，在实际中是比较流畅滴，下面开始来一步步实现它。 特殊字体处理： 新建工程，然后先来显示一下特殊字体，对于android中如何使用自定义字体这里不多赘述了，比较简单，先将字体文件放至到asserts目录当中： 然后新建一个自定义Vie
原创
2018-03-24 21:44:00
366阅读
利用Xfermode实现水波纹动画文末有详细的代码+注释该view用了两种方法来实现，一种是利用Xfermode来实现，还有一种利用canvas的clipPath()方法来实现，本次先用Xfermode来分析实现，： 先上效果图，gif图看到有锯齿，不知道是录屏的原因还是什么别的，在真机上是看不到锯齿的 首先是第一种利用Xfermode方法的实现： 主要步骤分为如下几步：首先绘制圆形水波纹动画
转载
2024-06-19 06:03:22
115阅读
