美文网首页
雷达扫描搜索视图实现

雷达扫描搜索视图实现

作者: zero_zql | 来源:发表于2016-08-24 09:39 被阅读53次

最近项目需求,有个蓝牙搜索扫描的功能,美工给予了一张静态的搜索视图,而需要的效果是实现模仿雷达转动扫描的效果,下面的两种实现的方案

效果图:


搜索图片

方案一:

CABasicAnimation *rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
rotationAnimation.fromValue = @0.0f;
rotationAnimation.toValue = @(2 * M_PI);
rotationAnimation.speed = 0.5;
rotationAnimation.duration = 1.0;
rotationAnimation.repeatCount = HUGE_VALF;

_serchTipLable.hidden = NO;

[self.radarImageView.layer addAnimation:rotationAnimation forKey:@"radarAnimation"];

方案二:

dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(3 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
    CABasicAnimation* rotationAnimation;
    rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
    rotationAnimation.toValue = [NSNumber numberWithFloat: M_PI / 2.0 ];
    rotationAnimation.duration = .5;
    rotationAnimation.cumulative = YES;
    rotationAnimation.repeatCount = MAXFLOAT;

    [_rotatingImageView.layer addAnimation:rotationAnimation forKey:@"rotationAnimation"];
});

相关文章

  • 雷达扫描搜索视图实现

    最近项目需求,有个蓝牙搜索扫描的功能,美工给予了一张静态的搜索视图,而需要的效果是实现模仿雷达转动扫描的效果,下面...

  • 基于SurfaceView实现雷达扫描

    先上效果图(没有录成gif格式~其实是旋转的很漂亮。) 雷达效果原先是自定义View来实现的,但是由于要不停的刷新...

  • 雷达扫描的简单实现

    采用UIBezierPath和CoreGraphics绘制线圈和扫描器,并结合CABasicAnimation简单...

  • canvas实现雷达扫描效果

    效果图: 代码如下: 好记性不如烂笔头,总结和记录工作学习中的点点滴滴,如有不对之处还请指教。 参考[1] js实...

  • SuperMap iClient3D for WebGL扩展开发

    最近有同事反馈有模拟雷达扫描效果的需求,需要表达雷达扫描的半径、扫描范围以及扫描过程动画,下面将通过使用Cesiu...

  • 如何将2D激光雷达实现3D应用?

    2D激光雷达除了实现定位、建图、多点触摸等应用外,还能用来做3D建模与环境扫描。肯定会有人好奇,2D激光雷达扫描出...

  • iOS 雷达扫描效果

    最近闲的时候实现了一个雷达扫描的效果效果如下图 前言 swift 3.0 实现 了解 Layer anchorPo...

  • 构建全文搜索引擎

    实现快速全文搜索引擎的方法(2种):(1)利用全扫描进行全文搜索(2)利用索引进行全文搜索 利用全扫描进行全文搜索...

  • 高级UI<第二十一篇>:使用SweepGradient实现雷达扫

    使用梯度渲染/渐变渲染(SweepGradient)可以实现雷达扫描效果,它的初始角度是0,使用矩阵变换的旋转操作...

  • android实现雷达搜索效果--radarView

    项目地址:radarView ps 喜欢就点个赞吧。因为我的手机没有root,不好捕获动态效果。 直接上图看xm...

网友评论

      本文标题:雷达扫描搜索视图实现

      本文链接:https://www.haomeiwen.com/subject/hqnnsttx.html