IOS 水波纹 ripple

最新推荐文章于 2021-05-26 22:04:37 发布
最新推荐文章于 2021-05-26 22:04:37 发布
阅读量785 收藏
点赞数
分类专栏： IOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wjszf/article/details/8699678
版权

 苹果出了一个用摄像头获取摄像数据然后加载摄像投捕捉到的图片并加上碰触水波效果的应用。但是大多数人会把这个效果只用用在自己的图片上而不是摄像头捕捉的图片上。所以我做了一些改变。效果能实现，OpengGL 导致的的图片坐标不对也做了处理。但是因本人对openGL不了解。所以导致图片有一定拉伸。希望高手进行修改后共享。

 

 

本文出自 “做fashion的IT人” 博客，请务必保留此出处http://kyoworkios.blog.51cto.com/878347/1148610

Othniel-zhao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ios-YHRippleButton.zip
07-11
自定义的一个波纹按钮，代码很简单，用到了CAReplicatorLayer。 只需要将YHRippleButton拖入工程，创建出该按钮即可。 该类继承于UIButton，当按钮被点击后，即触发波纹效果。没有对UIButton做任何修改，唯一需要注意的地方是，创建按钮的时候，请创建出正方形按钮。 GitHub：https://github.com/flywo/YHRippleButton
水波纹Ripple
01-16
水波纹适配解决方案
【教程】React 实现 Material Design 中涟漪（Ripple）效果
weixin_34250434的博客
05-12 471
前言 Material Design 推出已有接近4年，大家对“触摸涟漪”（Ripple）应该不陌生,简单来说就是一个水波纹效果（见下图）。前段时间接触了 material-ui 这个库，看了下 Ripple 的源码，觉得并不是一个非常好的实现，所以决定自己写一个 React 组件—— React Touch Ripple。现已开源到 G...
iOS CAReplicatorLayer动画,水波纹动画
gcs的博客
05-26 1186
CAReplicatorLayer是一个Layer容器，添加到容器上的子Layer可以复制若干份； 可以设定子Layer复制份数、设定副本之间的距离、透明度、颜色、旋转、位置等状态属性，因此可以创建很酷的动画效果，像下面这样。 基本使用步骤 创建复制图层对象， 设置参数（CAlayer的属性，副本之间的关系）。 创建子layer 给子layer设置动画 这样带动画的子layer就会复制多份，以你设置的关系显示，而你只用操心一个子层。 下面代码实现如图1.1效果，也简单介绍了CARep.
ios各种动画效果
yp120yp的专栏
04-08 4815
最普通动画:  //开始动画  [UIView beginAnimations:nil context:nil];   //设定动画持续时间  [UIView setAnimationDuration:2];  //动画的内容  frame.origin.x += 150;  [img setFrame:frame];  //动画结束  [UIView commitAnimati
Ripple水波纹
09-22
通过ripple实现按钮点击水波纹效果；Ripple是Material Design（材料设计）中的效果； 虽然在5.0的机型上，会自带Ripple点击效果，但是有时候需要自己更改点击效果； 使用Ripple的关键就是在android:background中设置...
水波纹按钮特效，支持5.0以下设备水波纹效果
10-11
水波纹按钮特效，支持5.0以下设备水波纹效果，支持列表、嵌套等一系列操作。可以让应用更加的美观
cocos2dx 3.x 水波纹
01-13
把 Birkemose 用 cocos2d-iphone v1.1 写的那个水波纹特效，用 cocos2dx v3.13 重新实现。 资源包括 原版 和我自己的改写版。
Flash水波纹特效
04-27
Flash水波纹特效Flash水波纹特效Flash水波纹特效Flash水波纹特效
iOS 水波纹波浪形式
12-10
iOS开发中一个波浪形式动画，通知正弦函数和余弦函数完成，波纹可自由调节
ios-水波纹刷新效果.zip
07-11
类似水波纹效果，可用于下拉刷新。 实现原理： 由水波纹的特点类似于波浪形状，因此可根据正弦函数f(x) = Asin(ωx φ)来实现波浪的形状。 A震动时所能达到的最高和最低点； 正弦完整的周期T = 2π/ω，因此周期越长，ω值越小 φ为相位，当φ为0时，x=0，则y=0.φ>0，则正弦函数向左偏移，φ<0，正弦函数向右偏移。 由上函数，要使我们的波浪向右移动，因此φ必须小于0 如何使用？ 1. 创建FFWaveView对象，将其添加到要使用的视图上，并设置Frame // FFWaveView setup waveView = FFWaveView.addTo(view: tableview.tableHeaderView!, frame: CGRect(x: 0, y: headerView.frame.size.height - 10, width: view.frame.size.width, height: 10)) // optional waveView.waveColor = UIColor.white waveView.waveSpeed = 10 waveView.angularSpeed = 1.5 调用 func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) { //拖拽时，开始执行 if waveView.startWave() { DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() 3) { //延时结束动画 self.waveView.stopWave() } } } 1.可修改水波纹x移动的速度 2.可修改水波纹的颜色 3.可修改水波纹的周期 github：https://github.com/fzj270452746/WaveAnimationDemo 如果喜欢，请赏个星，谢谢！ 如有问题，欢迎小伙伴们来讨论交流，本人Q:270452746
RippleAnimation：适用于iOS的Ripple Effects。 灵感来自材料设计
02-04
涟漪动画 Google Material Design Ripple Effects for Swift项目。 该项目的灵感来自Android Material Design的Ripple Effects。 产品特点 使用波纹效果的简单方法。 使用RippleConfiguration调用rippleAnimate到您的UIView实例。 rippleAnimate是UIView扩展。 用法 首先，您应该导入RippleAnimation模块。 import RippleAnimation 现在，您可以使用UIView.RippleConfiguration实例调用rippleAni
iOS 波纹效果，酷到没朋友～.zip
09-24
iOS 波纹效果，酷到没朋友～.zip,RippleEffectView - A Neat Rippling View Effect
RippleEffect波纹效果
06-13
RippleEffect波纹效果，重写RelativeLayout。详见http://blog.csdn.net/yalinfendou
ios几行代码搞定按钮点击水波纹效果
weixin_33989058的博客
12-14 636
不知道为什么就是想上个效果图： 代码如下： CATransition *animation = [CATransition animation]; animation.type =@"rippleEffect"; [animation setDuration:1.5]; [animation setRepeatCount:1.0]; [button.lay...
图像处理之水波纹扩散效果(water ripple effect)
xidajiancun
10-26 707
Water Ripple Effect - 水波纹效果 一：原理 模拟水波纹效果，最常见的是sine或者cosn的函数，周期性变化，贴近自然 当水波纹中中间开始向四周扩散的时候，一般都是慢慢的失去能量，振幅也是 越来越小，所以程序要模拟这个过程时候，要加上一个能量递减因子。然后用 公式 y = a*sine(bx + c)来表示波纹公式。 二：程序实现 最重要的一步是计算水波纹的振幅...
RippleEffect(水波纹效果)的实现
编程之美
12-02 3427
学习 谷歌 material design的交互设计、向新技术靠拢~  由于谷歌的只有在5.0+才可以有这个效果~ 而我们手头手机大部分还是4.+的、因此自己去实现这个效果、让各种版本的都可以用 无疑是挺好的、 这个Demo 实现了以下几点功能： ①：要实现水波纹效果，首先这个View 必须是可点击的，也就是说clickable ：true 才可以触发 比如默认 Button 的Cl
OpenGL ES 实现动态（水波纹）涟漪效果
音视频开发进阶
06-11 692
动态（水波纹）涟漪效果1水波纹效果原理最近一个做视频滤镜的朋友，让我给他做一个动态水波纹效果，具体就是：点击屏幕上的某一位置，然后波纹以该位置为中心向周围扩散。接到这个需求，一开始就尝试...
android 点击水波纹效果
最新发布
06-07
1. 在布局文件中，将需要添加水波纹效果的控件的 background 属性设置为 @drawable/ripple。 2. 在 res/drawable 目录下创建一个 ripple.xml 文件，定义水波纹效果。例如： ``` <ripple xmlns:android=...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值