简单三步实现UIButton水波纹效果——swift

最新推荐文章于 2022-08-27 23:08:46 发布
最新推荐文章于 2022-08-27 23:08:46 发布
阅读量1.2k 收藏
点赞数
分类专栏： Swift 文章标签： swift CGContext addArc Timer.scheduledTimer
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42012181/article/details/80077886
版权
本文介绍了如何使用Swift通过简单的三步实现UIButton的水波纹效果。首先，重写init方法并添加点击事件。接着，根据点击事件创建类并存入字典。然后，利用定时器动态绘制以点击位置为圆心、半径逐渐增大的圆，直至超出button范围。代码已提供链接供参考。
摘要由CSDN通过智能技术生成

实现思路：

  1. 重写init方法，添加点击事件
        override init(frame: CGRect) {
            super.init(frame: frame)
            self.addTarget(self, action: #selector(self.touchedDown(sender:events:)), for: UIControlEvents.touchUpInside)
        }
        required init?(coder aDecoder: NSCoder) {
            super.init(coder: aDecoder)
            fatalError("")
        }
  2. 根据点击事件创建点击事件类，放进字典中。
       @objc func touchedDown(sender: LYWaveTouchButton, events: UIEvent) {
            let touch = events.touches(for: sender)?.first
            let point = touch?.location(in: sender)//以button为坐标系
            
            let buttonCircle: LYButtonCircle = LYButtonCircle()//点击事件类
            b
最低0.47元/天 解锁文章
BubuxingBala
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iOS 中 UIButton 添加水波纹效果
小天空的博客
01-14 857
.h #import <UIKit/UIKit.h> @interface UIButton (Wave) /* 设置显示水波纹效果 */ @property(nonatomic,assign)BOOL isShowWave; @end .m #import "UIButton+Wave.h" #import <objc/runtime.h> @inter...
android 水波纹效果button_Android 5.0 Button 按钮水纹效果的适配问题
weixin_34858011的博客
01-17 152
从5.0开始,一些控件的点击时候默认是有水纹效果的如下图这里写图片描述以Button举例可以按照如下使用:注意是android:themeandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Button"android:theme="@style/MyButton"/>自定义...
iOS-Swift 水波纹的实现
Asong_ge的博客
02-23 2340
本人最近在研究iOS动画，至于原理，我不在这里说了。毕竟这里的标题：水波纹的实现。 在这里，要学习水波纹的实现，首先要知道以下几点知识： 1.正弦函数：y = Asin(wx +b) + c。相信大家都比较熟悉。 2.CAShapeLayer的简单实用，相信看一下，就是知道其大概的用途了，形状Layer层。和用户显示图形的Layer，继承于layer，好了，废话不多说，直接上图吧。 上面的
【Swift 2.1】为 UIView 添加点击事件和点击效果
weixin_33963594的博客
01-20 134
  前言 　　UIView 不像 UIButton 加了点击事件就会有点击效果，体验要差不少，这里分别通过自定义和扩展来实现类似 UIButton 的效果。   声明 　　欢迎转载，但请保留文章原始出处:) 　　博客园：http://www.cnblogs.com　　农民伯伯： http://over140.cnblogs.com   正文 　　一、为 UIView 添加点击事件 ...
【SwiftUI模块】0016、SwiftUI搭建一个水波纹动画效果
慢慢来就很快。
08-27 904
SwiftUI搭建一个水波纹动画效果
Button自定义样式、水波纹、按压效果详解
Android_小黑
05-21 6141
想不想知道别人炫酷的按钮是怎么做的？想不想知道如何让你的一整块布局拥有动人的水波纹效果？本文一步步带你实现！
Android button点击水波纹效果
01-03
大家可以访问我的博客寻找介绍：blog.csdn.net/andywuchuanlong。 首先大家看到的是三个button，水波纹的出现给我们的错觉是直接将波纹绘制在button上面的，但是这样能做到吗？首先button自己有background和src，如果把半透明的水波纹当作background或者src绘制到button上面，肯定是会损失button原有的样式的。可能有朋友猜想那就把水波纹绘制在屏幕上呗，恭喜这位朋友答对了，至少我是这么干的，具体思路就是，我们自己实现一个layout，在layout中捕捉事件，并对事件进行相应的处理，在down事件中寻找当前用户点击的是哪个view，找出view所在的矩形区域，将一个透明的圆环绘制到这个矩形区域，在up事件中，延时分发view的onclick事件。
Android点击Button水波纹效果
aodiyi6351的博客
07-19 217
先上图，看看接下来我要向大家介绍的是个什么东西，例如以下图： 接下来要介绍的就是怎样实现上述图中的波纹效果。这样的效果假设大家没有体验过的话，能够看看百度手机卫士或者360手机卫士，里面的按钮点击效果都是这样的，另外Android 5.0以上的版本号也出现了这样的效果。不多说，以下聊聊详细的怎么实现。 首先大家看到的是三个button，水波纹的出现给我们的错觉...
【Android-Activity】Button的常用方法及水波纹的效果
qq_40716430的博客
04-28 537
Button继承自TextView！ 本文将介绍Activity组件中的button控件的使用方式，主要围绕以下六点进行介绍： Button设置圆角 Button修改边框颜色 Button点击时变色 Button水波纹效果 Button的点击事件 ———————————————————————————————————————————— 1、Button设置圆角 通常都会新建一个drawable...
swift Button
江苏小白龙
04-03 764
//创建一个contactAdd类型 /* UIButtonType.system：前面不带图标，默认文字颜色为蓝色，有触摸时的高亮效果 UIButtonType.custom：定制按钮，前面不带图标，默认文字颜色为白色，无触摸时的高亮效果 UIButtonType.infoDark：为感叹号“!”圆形按钮 UIButtonType.contactA...
swift-Button-Animation按钮的渐变色效果
08-15
Button-Animation 按钮的渐变色效果
swift-WaterRippleView水波纹动画视图
08-15
WaterRippleView 水波纹动画视图
swift-水波纹的动画效果.awaterwaveview.
08-15
水波纹的动画效果 . a water wave view.
swift-炫酷波浪效果动画
08-15
炫酷波浪效果动画
swift-基于layer和coreAnimation的高性能波纹动画
08-15
基于layer和coreAnimation的高性能波纹动画，帧速60f/s，用到了CAShapeLayer、CAReplicatorLayer、CAGradientLayer、CABasicAnimation、CAKeyframeAnimation、CAAnimationGroup，代码有详细的注释。
swift 的水波动画或雷达动画效果
随风潜入夜，不白头
01-04 2467
刚接触不久iOS开发，拖拉拽开始学习，代码还没接触过，但还算看的半懂！ 做成动画扩散效果，这图不是动态的，是我直接截图下来的； 拿别人的代码自己删改了一些，然后加一些自己理解的注释上去，就成这样了！记录下来 1. 在图片名 那里加入一张自己文件中的图片名， 2.如果你的动图中间不想要图片，就把在动图中间加入了图片这句下的代码注释掉，把没有加入图片这句下的代码放开注释就可以了 imp...
Swift 扇形排列成圆
Shinkai_的博客
12-13 611
由于项目需求，需要做个这种的东西来实现某种功能，我在网上找到了很多资料却始终不行，最终和本公司的安卓商量出来这个方法，基本思想就是画四十八个扇形，围绕圆的中心绘制成这样一个圆环，如图所示： 我是继承 UIControl 类来实现的，主要就是重写它的 drawRect 方法，来绘制这个＂圆＂, 不多说，看代码： override func draw(_ rect: CGRect) {
Swift基础之显示波纹样式
hbblzjy的博客
09-15 1495
最近项目用到了蓝牙连接，搜索设备的内容，其中需要搜索过程中出现波纹的动画效果，在这里将项目中OC语言编写的这种动画效果，转换成Swift编写，下面简单介绍说明一下代码。这里用到了两种方法实现波纹效果，一种是波纹持续显示，一种是点击以后出现一次波纹的效果首先是第一种，持续显示波纹这个内容是重写绘图方法，override func drawRect(rect: CGRect){ }首先需要设置显示波纹
swift中，4个UIButton如何实现单选
最新发布
06-17
在Swift中实现4个UIButton的单选，可以使用一个变量来记录当前选中的按钮，然后在每个按钮的点击事件中判断当前选中的按钮是否为自身，如果是则不作任何操作，否则将当前选中的按钮状态取消，再将自身状态设置为选中。 这里提供一种实现方式： 首先，定义一个变量来记录当前选中的按钮： ```swift var selectedButton: UIButton? ``` 然后，给每个按钮添加点击事件，并在事件中进行判断和操作： ```swift @IBAction func buttonClicked(_ sender: UIButton) { // 判断当前选中的按钮是否为自身，是则不作任何操作，否则进行切换 if sender != selectedButton { selectedButton?.isSelected = false sender.isSelected = true selectedButton = sender } } ``` 在上述代码中，我们首先判断当前选中的按钮是否为自身，如果是则不作任何操作，否则将当前选中的按钮状态取消，再将自身状态设置为选中，并将自身设置为当前选中的按钮。 这样，就可以实现4个UIButton的单选了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值