本文实例为大家分享了android自定义WaveView水波纹控件的使用方法，供大家参考，具体内容如下
持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第 4 天，点击查看活动详情
水波纹效果从Android5.0就已经出来了，基本的使用相信大家都知道了，这里多谈一些相对深层次的使用：
水波纹效果已经不是什么稀罕的东西了，用过5.0新控件的小伙伴都知道这个效果，可是如果使用一个TextView或者Button或者其它普通控件的话，你是否知道如何给它设置水波纹效果呢？OK，我们今天就来看看这个水波纹效果的实现。水波纹效果的实现有系统自带属性可以实现，我们也可以自定义实现效果。
在flutter 开发中用InkWell或者GestureDetector将某个组件包起来，已添加点击事件。
最近学习了贝塞尔曲线的一些知识，刚好项目中需要实现一个圆形进度，然后就将实现的waveView记录一下。需要使用的知识大概有自定义view、贝塞尔曲线、valueAnimator（属性动画）、Xfermode等。
在 Android 5.0 以后，随着 Material Design 的提出，Android UI 设计语言可谓是提升了一大步，但是在国内其实并没有得到很大的推广应用。
最近一个做视频滤镜的朋友，让我给他做一个动态水波纹效果，具体就是：点击屏幕上的某一位置，然后波纹以该位置为中心向周围扩散。
和尚想自定义一个水波纹按钮，即默认向外扩散的水波样式；实现方式有很多种，和尚尝试最基本的 AnimationController 逐层绘制来处理，和尚简单记录一下尝试过程；
网上垂直的水波纹进度条很多，但横向的很少，将垂直的水波纹改为水平的还遇到了些麻烦，现在完善后发布出来，希望遇到的人少躺点坑。
在我心目中有赞前端团队感觉非常不错，特意看了看他们网站有没有好玩的动画，最终发现一个水波纹动画，感觉挺有意思，和小伙伴们分享一下。有没有发现这个弹窗底部有一个水波纹一直在动。
水波纹效果大致上可以分为两类，一类是有界水波纹，而另一类是无界水波纹，较为广泛使用的是有界水波纹。
本文实例为大家分享了flutter Container容器实现圆角边框的具体代码，供大家参考，具体内容如下
揭露效果也是5.0谷歌引入的一种效果，可以以一个水波纹扩散的形式显示控件，使用也很简单
A convenience widget for drawing images and other decorations on [Material] widgets, so that [InkWell] and [InkResponse] splashes will render over them.
持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第 2 天，点击查看活动详情
最近工作上比较忙碌，很久没有更新文章了，难得国庆小长假，现在是2019年10月2日凌晨00：49，写一篇简单且实用的贝塞尔曲线应用，许多技术点的文章很多前辈都已经写的很好了，所以 如有纰漏之处，欢迎留言指正，同时也欢迎各位留言需要的技术点类型，争取奉献更优质的技术文章。
但是这样在5.0以下的系统,这样就没有效果,按钮会变成默认的灰色状态,点击按钮也不会有颜色的状态区别 为了兼容5.0以下的设备,我们可以利用seletor(勘误:button用theme在5.0以下也是有按压变色的,虽然没有水波纹,下面的方法仍然适用其他控件的适配)
5.0引入了很多动画效果，是谷歌提供的自带的效果，其中触摸反馈就是一种，简而言之就是点击水波纹效果，Button就默认带有水波纹效果
和尚在学习 Flutter过程中遇到很多有趣的小知识点，平时可能不太注意或一些简单直接的小功能点，准备整理一个小系列，方便日后的查找使用。
版权声明：本文为[他叫自己Mr.张]的原创文章，转载请注明出处，否则禁止转载。 https://micro.blog.csdn.net/article/details/52540251
利用贝塞尔曲线绘制圆弧（也就是水波的波纹） 通过动画改变绘制的起始点使水波纹平移
本文介绍的是Android5.0中其中一个炫酷的效果,点击水波纹扩散效果(Ripple Effect).
今天在做设置界面的时候发现一个快速实现水波纹效果的方法，在需要实现水波纹的控件加上
Painter中想要绘制一个漂亮的水墨画效果的图形，该怎么绘制呢？下面我们就来看看详细的教程。
外围圆弧进度：可以通过canvas.drawArc()实现。由于圆弧需要实现渐变，可以通过给画笔设置shader(SweepGradient)渲染，为了保证圆弧起始的颜色值始终一致，需要动态调整shader的参数。具体参见
现阶段页面体验和动态效果很被用户重视，由于之前都是面向对象编程，所以对于CSS动态效果有所忽略，现在要求越来越高，不得不面向CSS编程了，在实现页面动态效果的同时，并想记录下来以后搭建更多项目的时候快
github地址 安装 npm install vue-ripple-directive --save main.js引入 import Ripple from 'vue-ripple-directive' Vue.directive('ripple', Ripple); Ripple.color = 'rgba(0, 0, 0, 0.2)'; //自定义水波纹颜色 水波纹按钮
我们在使用Button时，默认点击会带有一个水波纹扩散的效果，如果我们想要使用自己的颜色，那怎么办呢，今天就来介绍二种实现自定义颜色水波纹的方法 方法一：使用drawable 在drawable-v2
我们需要在xml中使用自定义属性来控制初始值，如内圆半径，扩散颜色，内圆颜色等
作为一个android程序员，对于shape、selector这两个标签一定不陌生。每当UI设计师给我们设计出一个个button背景的时候，我们就需要去drawable文件夹下去新建一个bg_xxx.xml，然后很多时候区别仅仅是一个边框的颜色或者填充的颜色。这就导致了很多非常相似的.xml文件产生。 网上之前也有了一种通过自定义View，在xml中通过设置属性达到shape效果的控件。但是这种自定义的控件不太灵活，归根到底是一个自定义的button，如果我想改造项目的话就得去替换原有的button或者textView。接下来就给大家提供一种更加简单的方式： 无需自定义View，直接添加属性便可以实现shape、selector效果。
本文讲述了Android实现水波纹扩散效果的实例代码。分享给大家供大家参考，具体如下：
点击反馈 不知道小伙伴们有没有注意过这样一个细节，有的应用按钮，链接，可交互的卡片点击起来十分有感觉，而有的却像是点在白纸上了一样，是什么造成了他们使用户有如此明显的感受区分呢?.... 1.jpg
作为Android的开发者，常用控件肯定少不了按钮控件，常规的按钮控件，只能满足基本需求，而日常开发中，都会有渐变按钮，圆形按钮，或者立体按钮，这些都需要自己的设置样式，就拿圆角按钮来说，可能你会这是一个shape文件，然后设置背景和圆角的大小，最后在按钮的background属性中设置好，就是一个圆角的按钮了。这样就显得有些麻烦了，因为要你时碰到一个花里胡哨的UI和搞事情的产品，你就完犊子了。你会创建很多这样的drawable文件，并且每一个你还要命名规范，改起来是很费劲的。而MaterialButton就很好的帮你解决这些问题。让你的UI开发变得轻松一些。是骡子是马，牵出来溜溜，下面进入正文：
本文实例为大家分享了RecyclerView实现水波纹点击效果的具体代码，供大家参考，具体内容如下
1.首先要有一个圆2.这个圆会边扩散边消失3.当这个圆扩散到一定程度的时候再绘制一个圆4.有限循环 / 无限循环5.可以有 / 无 Child
一款基于网易云音乐UI，使用GankIo及豆瓣api开发的符合Google Material Desgin阅读类的开源项目。项目采取的是Retrofit + RxJava + MVVM-DataBinding架构开发。开发中所遇到的各种问题已归纳在这里。
1. onPressed 按下按钮时触发的回调方法，为必填参数，如果值为 null 表示禁用按钮，会显示禁用相关样式；
Flutter内置了10多种Button（按钮）类控件供我们使用，了解这些控件有助于提高我们的开发速度。
预览画面中出现了一条明一条暗相间隔的竖条纹，这种现象叫做“水波纹”，并对原因进行了讲解，现记录如下。
实现方法是结合贝塞尔曲线和Xfermode，核心是利用path的offset()方法，不断偏移path /** * 水波纹进度条 */ public class BezierProgressView extends View { private float progress; private float maxProgress; private int radius; private int circleColor; private int waveColor;
卡片效果作为 Material Design 中的一员，Flutter 中 Card 组件自然是要有的。源码注释中是这么描述它的：带有轻微圆角和立面阴影的面板。本文将从源码的角度看一下 Card 组件的构成，并讲述一下 Card 在使用中的一些细小的注意点。
在前面的文章中我们看了下如何通过自定义View简单实现了labelView的效果，其实实现起来非常的简单，就是根据用户传递来的参数来做不同的绘制而已。
交流电网中的传输的能量并不是稳定不变的，而是随着一个固定频率变化的，这个频率一般被称为工频，例如中国是50Hz，美国是60Hz。工频由电力系统决定。 工频的带来的这种能量变化称为flicker。
最新版本号在 「pub」 中查看：「ele_progress」 地址：https://pub.dev/packages/ele_progress
1 RaisedButton RaisedButton组件主要用于文本布局。 2 构造函数 RaisedButton({ Key key, @required VoidCallback onPressed, ValueChanged<bool> onHighlightChanged, ButtonTextTheme textTheme, Color textColor, Color disabledTextColor, Color color,
RippleDrawable可以实现上面效果图中的水波纹效果，它是在API 21 中添加的，所以，低于21的版本中不可使用。它的继承关系如下：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
