ios点击产生波纹效果

ios点击产生波纹效果

by 伍雪颖

- (void)viewDidLoad
{
    [super viewDidLoad];
    RippleView = [[UIView alloc] initWithFrame:(CGRect){0,0,300,300}];
    RippleView.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.3];
    RippleView.layer.cornerRadius = 150;
    RippleView.layer.masksToBounds=true;
    RippleView.alpha=0;
}

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
    [super touchesBegan:touches withEvent:event];
    UITouch *touch = [touches anyObject];
    CGPoint location = [touch locationInView:self.view];
    [self.view addSubview:RippleView];
    RippleView.center = location;
    RippleView.transform = CGAffineTransformMakeScale(0.5, 0.5);
    [UIView animateWithDuration:0.1
                     animations:^{
                         RippleView.alpha=1;
                         self.view.alpha=0.3;
                     }];
    [UIView animateWithDuration:0.7
                          delay:0
                        options:UIViewAnimationOptionCurveEaseInOut
                     animations:^{
                         RippleView.transform = CGAffineTransformMakeScale(1,1);
                         RippleView.alpha=0;
                         self.view.alpha=1;
                     } completion:^(BOOL finished) {
                         [RippleView removeFromSuperview];
                     }];
}
时间: 2024-09-27 01:20:11

ios点击产生波纹效果的相关文章

Android特效专辑(十)——点击水波纹效果实现,逻辑清晰实现简单

Android特效专辑(十)--点击水波纹效果实现,逻辑清晰实现简单 这次做的东西呢,和上篇有点类似,就是用比较简单的逻辑思路去实现一些比较好玩的特效,最近也是比较忙,所以博客更新的速度还得看时间去推演,但是也能保证一周三更的样子,现在也还是以小功能,或者说是一些小入门级别的博客为主,我也不算是什么很厉害的人,很多细节的支持处理的仍然还是不到位,所以也是一直在弥补,话不多说,来看看今天的效果 实现起来很简单吧,那我们就来看一下他是怎么实现的咯! OnclickRuning package com

点击水波纹效果

当布局没有设置 background属性的时候给其布局中加入一下代码就是系统默认的水波纹效果 比如在recyclerview的item布局中,或者其他任意布局中. android:background="?android:attr/selectableItemBackground" android:clickable="true" android:focusable="true" 当UI有要求布局.按钮等的背景颜色时,使用ripple属性来设置背

浅谈实现点击出现水波纹效果

在项目中想着在点击控件的同时实现一种最近流行的水波纹效果(其实用安卓5.0的直接就有了). 其实步骤很简单: 1.自定义view,继承LinearLayout, public class RevealLayout extends LinearLayout implements Runnable { private static final String TAG = "DxRevealLayout"; private static final boolean DEBUG = true;

如何使用 HTML5 Canvas 制作水波纹效果

原文:如何使用 HTML5 Canvas 制作水波纹效果 今天,我们继续分享 JavaScript 实现的效果例子,这篇文章会介绍使用 JavaScript 实现水波纹效果.水波效果以图片为背景,点击图片任意位置都会触发.有时候,我们使用普通的 Javascript 就可以创建一个很有趣的解决功能. 在线演示      源码下载 Step 1. HTML 和以前一样,首先是 HTML 代码: <!DOCTYPE html> <html> <head> <meta

Android自定义组件系列【14】——Android5.0按钮波纹效果实现

今天任老师发表了一篇关于Android5.0中按钮按下的波纹效果实现<Android L中水波纹点击效果的实现>,出于好奇我下载了源代码看了一下效果,正好手边有一个Nexus手机,我结合实际效果看了一下,发现有一些地方和实际效果稍有不同,参考任老师的博文实现简单实现了一个重写View组件的代码,将全部代码贴出,如果有什么问题或者更好的方式请指出,在此再次感谢任老师的这篇博文. 转载请说明出处:http://blog.csdn.net/dawanganban 顺便在这里拉一下票,如果你觉得这篇文

android之View和LinearLayout的重写(实现背景气泡和波纹效果)

前两天看了仿android L里面水波纹效果的两篇博客 Android L中水波纹点击效果的实现 Android自定义组件系列[14]--Android5.0按钮波纹效果实现 第一篇是实现了一个水波纹布局,放在里面的所有控件点击后都会出现波纹效果 第二篇是实现了一个水波纹view,点击之后自身会出现波纹效果 根据对这两篇博客的理解,我自己实现了一个类似的东西,没找到合适的录屏软件,只好把波纹的速度调快了很多才录下来,能看出来啥意思,不调速度的话还算比较优雅. 就是像上面这样一个控件,里面的背景用

Android自定义View——实现水波纹效果类似剩余流量球

最近突然手痒就想搞个贝塞尔曲线做个水波纹效果玩玩,终于功夫不负有心人最后实现了想要的效果,一起来看下吧: 效果图镇楼 一:先一步一步来分解一下实现的过程 需要绘制一个正弦曲线(sin)或者余弦曲线(cos) 通过水平平移曲线来的到像水波波动的效果 水平移动的同时还需要有水位上涨,也就是向上平移 裁剪画布为圆形,在圆形区域绘制曲线 通过上面4步就可以实现了 二:现在就来实现第一步,绘制一个sin曲线:这里画了一张图来帮助理解,在PhotoShop中我们绘制一个贝塞尔曲线可以清楚的看到它的控制点如图

自定义控件三部曲之绘图篇(六)——Path之贝赛尔曲线和手势轨迹、水波纹效果

前言:好想义无反顾地追逐梦想 相关文章:<Android自定义控件三部曲文章索引> 从这篇开始,我将延续androidGraphics系列文章把图片相关的知识给大家讲完,这一篇先稍微进阶一下,给大家把<android Graphics(二):路径及文字>略去的quadTo(二阶贝塞尔)函数,给大家补充一下. 本篇最终将以两个例子给大家演示贝塞尔曲线的强大用途: 1.手势轨迹 利用贝塞尔曲线,我们能实现平滑的手势轨迹效果 2.水波纹效果 电池充电时,有些手机会显示水波纹效果,就是这样

[转]Android自定义控件系列五:自定义绚丽水波纹效果

出处:http://www.2cto.com/kf/201411/353169.html 今天我们来利用Android自定义控件实现一个比较有趣的效果:滑动水波纹.先来看看最终效果图: 图一 效果还是很炫的:饭要一口口吃,路要一步步走,这里我们将整个过程分成几步来实现 一.实现单击出现水波纹单圈效果: 图二 照例来说,还是一个自定义控件,这里我们直接让这个控件撑满整个屏幕(对自定义控件不熟悉的可以参看我之前的一篇文章:Android自定义控件系列二:自定义开关按钮(一)).观察这个效果,发现应该