系统学习iOS动画 —— 形状和蒙版

于 2021-11-10 17:09:52 发布
阅读量1k 收藏
点赞数
分类专栏： Swift动画 文章标签： ios 动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LinShunIos/article/details/121244823
版权

这是今天要完成的动画：
在这里插入图片描述
先创建好所需要的控件：

import UIKit

class ViewController: UIViewController {
    let screenWidth = UIScreen.main.bounds.size.width
    let screenHeight = UIScreen.main.bounds.size.height
    let backgroundImage = UIImageView()
    let VSLabel = UILabel()
    let status = UILabel()
    let searchButton = UIButton()

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        view.addSubview(backgroundImage)
        view.addSubview(VSLabel)
        view.addSubview(status)
        view.addSubview(searchButton)
        
        backgroundImage.image = UIImage(named: "bg-boxingring")
        backgroundImage.frame = CGRect(x: 0, y: 0, width: screenWidth, height: screenHeight)
        
        searchButton.frame = CGRect(x: 30, y: screenHeight - 120, width: screenWidth - 60, height: 60)
        searchButton.setTitle("Search Again", for: .normal)
        searchButton.titleLabel?.font = UIFont.systemFont(ofSize: 28)
        searchButton.setTitleColor(.systemYellow, for: .normal)
        searchButton.addTarget(self, action: #selector(handleSearch), for: .touchUpInside)
        
        status.text = "Searching for opponents..."
        status.numberOfLines = 2
        status.font  = UIFont.systemFont(ofSize: 32)
        status.textColor = .white
        status.textAlignment = .center
        status.frame = CGRect(x: 0, y: 60 , width: 220, height: status.intrinsicContentSize.height * 2)
        status.center.x = view.center.x
        
        VSLabel.text = "VS."
        VSLabel.font  = UIFont.systemFont(ofSize: 32)
        VSLabel.textColor = .white
        VSLabel.textAlignment = .center
        VSLabel.frame = CGRect(x: 0, y: 240 , width: 220, height: status.intrinsicContentSize.height * 2)
        VSLabel.center.x = view.center.x
        
    }
    
    @objc func handleSearch() {
        
    }
}

之后还需要添加两个做动画的头像，那么这里需要重新创建一个文件。
声明一个AvatarView类，添加需要的常量，一个UILabel来显示玩家名字，一个photoLayer来显示玩家图片。

class AvatarView: UIView {
    // 常量
    let lineWidth: CGFloat = 6.0
    let animationDuration = 1.0
    
    //ui
    let photoLayer = CALayer()

    let label: UILabel = {
      let label = UILabel()
      label.font = UIFont(name: "ArialRoundedMTBold", size: 18.0)
      label.textAlignment = .center
      label.textColor = UIColor.black
      return label
    }()
    
    //variables
    var image: UIImage? = nil {
      didSet {
        photoLayer.contents = image?.cgImage
      }
    }
    
    var name: String? = nil {
      didSet {
        label.text = name
      }
    }
}

在layoutSubviews里面检测是否有image，没有的话就直接返回，有的话就进行photoLayer的布局，这里设置好

  override func layoutSubviews() {
    super.layoutSubviews()
    
    guard let image = image else {
      return
    }
    
    //Size the avatar image to fit
    photoLayer.frame = CGRect(
      x: (bounds.size.width - image.size.width + lineWidth)/2,
      y: (bounds.size.height - image.size.height - lineWidth)/2,
      width: image.size.width,
      height: image.size.height)

然后在didMoveToWindow中添加photoLayer为view的子layer。

 override func didMoveToWindow() {
      layer.addSublayer(photoLayer)
    }

这个时候图片就可以显示在外面了，那么接下来就需要为View添加圆角。
声明一个CAShapeLayer属性

  let circleLayer = CAShapeLayer()

在layoutSubviews中为view添加圆角

//Draw the circle
circleLayer.path = UIBezierPath(ovalIn: bounds).cgPath
circleLayer.strokeColor = UIColor.white.cgColor
circleLayer.lineWidth = lineWidth
circleLayer.fillColor = UIColor.clear.cgColor

然后在didMoveToWindow中将circleLayer添加为view自身的子layer。

layer.addSublayer(circleLayer)

同样的，为photoLayer添加圆角。
声明属性

    let maskLayer = CAShapeLayer()

在layoutSubviews中为photoLayer添加圆角

maskLayer.path = circleLayer.path
maskLayer.position = CGPoint(x: 0.0, y: -((bounds.size.height - image.size.height - lineWidth)/2) )

然后在didMoveToWindow中将photoLayer的layer设为maskLayer

photoLayer.mask = maskLayer

接着添加名字label，在layoutSubviews设置好label的frame。

label.frame = CGRect(x: 0.0, y: bounds.size.height + 10.0, width: bounds.size.width, height: 24.0)

然后在didMoveToWindow添加为view的子view

addSubview(label)

在UIVIewController声明两个AvatarView

let  myAvatar =  MyAvatarView()
let opponentAvatar =  MyAvatarView()

在viewDidLoad中添加好图片以及frame属性

 myAvatar.image =  UIImage(named: "avatar-1")
        myAvatar.frame = CGRect(x: screenWidth - 114, y: 240 , width: 90, height: 90)
        myAvatar.name = "Me"

        opponentAvatar.image =  UIImage(named: "empty")
        opponentAvatar.frame = CGRect(x:24 , y: 240 , width: 90, height: 90)

运行后可以看到：
在这里插入图片描述
接下来要做动画，那么在AvatarView中添加一个bounceOff方法，在这里需要传进来一个point（需要到达的地方） 和一个 morphSize,这里先用UIView动画来创建一个左右移动的动画，然后在创建一个CABasicAnimation来添加缩小的动画，这里的morphedFrame需要判断是从屏幕左边来的还是右边来的来定值，这样缩小的方向才正确。

  
    func bounceOff(point: CGPoint, morphSize: CGSize) {
      let originalCenter = center

      UIView.animate(withDuration: animationDuration, delay: 0.0,
                     usingSpringWithDamping: 0.8, initialSpringVelocity: 0.0,
                     animations: {
                      self.center = point
      }, completion: { _ in
        //complete bounce to
     
      })

      UIView.animate(withDuration: animationDuration,
                     delay: animationDuration, usingSpringWithDamping: 0.7,
                     initialSpringVelocity: 1.0,
                     animations: {
                      self.center = originalCenter
      }, completion: { _ in
        delay(seconds: 0.1) {
     
            self.bounceOff(point: point, morphSize: morphSize)
     
        }
      })

      let morphedFrame = (originalCenter.x > point.x) ?

        CGRect(x: 0.0, y: bounds.height - morphSize.height,
               width: morphSize.width, height: morphSize.height):
        CGRect(x: bounds.width - morphSize.width,
               y: bounds.height - morphSize.height,
               width: morphSize.width, height: morphSize.height)

      let morphAnimation = CABasicAnimation(keyPath: "path")
      morphAnimation.duration = animationDuration
      morphAnimation.toValue = UIBezierPath(ovalIn: morphedFrame).cgPath

      morphAnimation.timingFunction = CAMediaTimingFunction(name: .easeOut)

      circleLayer.add(morphAnimation, forKey: nil)
      maskLayer.add(morphAnimation, forKey: nil)
    }

在ViewController里面创建一个searchForOpponent方法，然后在viewDidLoad里面调用。在searchForOpponent里面创建好需要传的值之后调用。

 func searchForOpponent() {
      let avatarSize = myAvatar.frame.size
      let bounceXOffset: CGFloat = avatarSize.width/1.9
      let morphSize = CGSize(
        width: avatarSize.width * 0.85,
        height: avatarSize.height * 1.1)

      let rightBouncePoint = CGPoint(
        x: view.frame.size.width/2.0 + bounceXOffset,
        y: myAvatar.center.y)

      let leftBouncePoint = CGPoint(
        x: view.frame.size.width/2.0 - bounceXOffset,
        y: myAvatar.center.y)

      myAvatar.bounceOff(point: rightBouncePoint, morphSize: morphSize)
      opponentAvatar.bounceOff(point: leftBouncePoint, morphSize: morphSize)

    }

然后在searchForOpponent里面四秒后调用一个foundOpponent方法来做connecting状态的改变。

      delay(seconds: 4.0, completion: foundOpponent)

在foundOpponent里面修改状态文字，修改对手的图片以及名字。

  func foundOpponent() {
      status.text = "Connecting..."

      opponentAvatar.image = UIImage(named: "avatar-2")
      opponentAvatar.name = "Ray"
    }

接下来要做连接成功后变为正方形的动画。
这里在AvatarView添加一个animateToSquare方法来实现动画，这里需要将path也修改为正方形，否则的话动画完成后就会重新变为圆形。也可以使用fillMode 和 isRemovedOnCompletion 来让其保存正方形。

  func animateToSquare() {
      let squarePath = UIBezierPath(rect: bounds).cgPath
      let morph = CABasicAnimation(keyPath: "path")
      morph.duration = 0.25
      morph.fromValue = circleLayer.path
      morph.toValue = squarePath

      circleLayer.add(morph, forKey: nil)
      maskLayer.add(morph, forKey: nil)

      circleLayer.path = squarePath
      maskLayer.path = squarePath
    }

动画写好了之后，这里知道动画要在向中间移动结束之后在执行，那么这里就要添加两个属性

  var shouldTransitionToFinishedState = false
  var isSquare = false

在bounceOff向中间移动的动画中的completion中添加判断，如果shouldTransitionToFinishedState为true那么就调用animateToSquare。

  UIView.animate(withDuration: animationDuration, delay: 0.0,
                   usingSpringWithDamping: 0.8, initialSpringVelocity: 0.0,
                   animations: {
                    self.center = point
    }, completion: { _ in
      //complete bounce to
      if self.shouldTransitionToFinishedState {
        self.animateToSquare()
      }
    })

在向两边移动的动画的completion中判断，如果isSquare为否才循环调用bounceOff。

 UIView.animate(withDuration: animationDuration,
                       delay: animationDuration, usingSpringWithDamping: 0.7,
                       initialSpringVelocity: 1.0,
                       animations: {
            self.center = originalCenter
        }, completion: { _ in
            delay(seconds: 0.1) {
                if !self.isSquare {
                    self.bounceOff(point: point, morphSize: morphSize)
                }
            }
        })

然后在animateToSquare方法里面将 isSquare 设为true。

   isSquare = true

那么在外界创建一个connectedToOpponent方法，在connectedToOpponent中四秒后调用connectedToOpponent方法.

      delay(seconds: 4.0, completion: connectedToOpponent)

之后在connectedToOpponent方法中将shouldTransitionToFinishedState设为true，这就会在下一个向中间移动的动画结束后调用animateToSquare方法。


    func connectedToOpponent() {
      myAvatar.shouldTransitionToFinishedState = true
      opponentAvatar.shouldTransitionToFinishedState = true

      delay(seconds: 1.0, completion: completed)
    }

connectedToOpponen 方法中一秒后调用completed方法修改状态label的内容，然后显示出VSLabel和searchButton。

func completed() {
      status.text = "Ready to play"
      UIView.animate(withDuration: 0.2) {
        self.VSLabel.alpha = 1.0
        self.searchButton.alpha = 1.0
      }
    }

完整代码

class ViewController: UIViewController {
    let screenWidth = UIScreen.main.bounds.size.width
    let screenHeight = UIScreen.main.bounds.size.height
    let backgroundImage = UIImageView()
    let VSLabel = UILabel()
    let status = UILabel()
    let searchButton = UIButton()
    let  myAvatar =  MyAvatarView()
    let opponentAvatar =  MyAvatarView()

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        view.addSubview(backgroundImage)
        view.addSubview(VSLabel)
        view.addSubview(status)
        view.addSubview(searchButton)
        view.addSubview(myAvatar)
        view.addSubview(opponentAvatar)
        
        backgroundImage.image = UIImage(named: "bg-boxingring")
        backgroundImage.frame = CGRect(x: 0, y: 0, width: screenWidth, height: screenHeight)
        
        searchButton.frame = CGRect(x: 30, y: screenHeight - 120, width: screenWidth - 60, height: 60)
        searchButton.setTitle("Search Again", for: .normal)
        searchButton.titleLabel?.font = UIFont.systemFont(ofSize: 28)
        searchButton.setTitleColor(.systemYellow, for: .normal)
        searchButton.addTarget(self, action: #selector(handleSearch), for: .touchUpInside)
        searchButton.alpha = 0
        
        status.text = "Searching for opponents..."
        status.numberOfLines = 2
        status.font  = UIFont.systemFont(ofSize: 32)
        status.textColor = .white
        status.textAlignment = .center
        status.frame = CGRect(x: 0, y: 60 , width: 220, height: status.intrinsicContentSize.height * 2)
        status.center.x = view.center.x
        
        VSLabel.text = "VS."
        VSLabel.font  = UIFont.systemFont(ofSize: 32)
        VSLabel.textColor = .white
        VSLabel.alpha = 0
        VSLabel.textAlignment = .center
        VSLabel.frame = CGRect(x: 0, y: 240 , width: 220, height: status.intrinsicContentSize.height * 2)
        VSLabel.center.x = view.center.x
        
        myAvatar.image =  UIImage(named: "avatar-1")
        myAvatar.frame = CGRect(x: screenWidth - 114, y: 240 , width: 90, height: 90)
        myAvatar.name = "Me"

        opponentAvatar.image =  UIImage(named: "empty")
        opponentAvatar.frame = CGRect(x:24 , y: 240 , width: 90, height: 90)
        searchForOpponent()
    }
    
    @objc func handleSearch() {
        myAvatar.shouldTransitionToFinishedState = false
        opponentAvatar.shouldTransitionToFinishedState = false
        opponentAvatar.image =  UIImage(named: "empty")
        VSLabel.alpha = 0
        searchButton.alpha = 0
        opponentAvatar.name = ""
        
        searchForOpponent()
    }

    func searchForOpponent() {
      let avatarSize = myAvatar.frame.size
      let bounceXOffset: CGFloat = avatarSize.width/1.9
      let morphSize = CGSize(
        width: avatarSize.width * 0.85,
        height: avatarSize.height * 1.1)

      let rightBouncePoint = CGPoint(
        x: view.frame.size.width/2.0 + bounceXOffset,
        y: myAvatar.center.y)

      let leftBouncePoint = CGPoint(
        x: view.frame.size.width/2.0 - bounceXOffset,
        y: myAvatar.center.y)

      myAvatar.bounceOff(point: rightBouncePoint, morphSize: morphSize)
      opponentAvatar.bounceOff(point: leftBouncePoint, morphSize: morphSize)

      delay(seconds: 4.0, completion: foundOpponent)
    }
    func foundOpponent() {
      status.text = "Connecting..."

      opponentAvatar.image = UIImage(named: "avatar-2")
      opponentAvatar.name = "Ray"

      delay(seconds: 4.0, completion: connectedToOpponent)
    }

    func connectedToOpponent() {
      myAvatar.shouldTransitionToFinishedState = true
      opponentAvatar.shouldTransitionToFinishedState = true

      delay(seconds: 1.0, completion: completed)
    }

    func completed() {
      status.text = "Ready to play"
      UIView.animate(withDuration: 0.2) {
        self.VSLabel.alpha = 1.0
        self.searchButton.alpha = 1.0
      }
    }
}

func delay(seconds: Double, completion: @escaping ()-> Void) {
  DispatchQueue.main.asyncAfter(deadline: .now() + seconds, execute: completion)
}


//
//  AvatarView.swift
//  shapesAndMasks
//
//  Created by aibus on 2021/11/10.
//

import UIKit
import QuartzCore

class AvatarView: UIView {
  
  //constants
  let lineWidth: CGFloat = 6.0
  let animationDuration = 1.0
  
  //ui
  let photoLayer = CALayer()
  let circleLayer = CAShapeLayer()
  let maskLayer = CAShapeLayer()
  let label: UILabel = {
    let label = UILabel()
    label.font = UIFont(name: "ArialRoundedMTBold", size: 18.0)
    label.textAlignment = .center
    label.textColor = UIColor.black
    return label
  }()
  
  //variables
  var image: UIImage? = nil {
    didSet {
      photoLayer.contents = image?.cgImage
       
    }
  }
  
  var name: String? = nil {
    didSet {
      label.text = name
    }
  }
  
  var shouldTransitionToFinishedState = false
  var isSquare = false

  override func didMoveToWindow() {
    layer.addSublayer(photoLayer)
    photoLayer.mask = maskLayer
    layer.addSublayer(circleLayer)
    addSubview(label)
  }
  
  override func layoutSubviews() {
    super.layoutSubviews()
    
    guard let image = image else {
      return
    }
    
    //Size the avatar image to fit
    photoLayer.frame = CGRect(
      x: (bounds.size.width - image.size.width + lineWidth)/2,
      y: (bounds.size.height - image.size.height - lineWidth)/2,
      width: image.size.width,
      height: image.size.height)
    
    //Draw the circle
    circleLayer.path = UIBezierPath(ovalIn: bounds).cgPath
    circleLayer.strokeColor = UIColor.white.cgColor
    circleLayer.lineWidth = lineWidth
    circleLayer.fillColor = UIColor.clear.cgColor
    
    //Size the layer
    maskLayer.path = circleLayer.path
    maskLayer.position = CGPoint(x: 0.0, y: 10.0)
    
    //Size the label
    label.frame = CGRect(x: 0.0, y: bounds.size.height + 10.0, width: bounds.size.width, height: 24.0)
  }

  func bounceOff(point: CGPoint, morphSize: CGSize) {
    let originalCenter = center

    UIView.animate(withDuration: animationDuration, delay: 0.0,
                   usingSpringWithDamping: 0.8, initialSpringVelocity: 0.0,
                   animations: {
                    self.center = point
    }, completion: { _ in
      //complete bounce to
      if self.shouldTransitionToFinishedState {
        self.animateToSquare()
      }
    })

    UIView.animate(withDuration: animationDuration,
                   delay: animationDuration, usingSpringWithDamping: 0.7,
                   initialSpringVelocity: 1.0,
                   animations: {
                    self.center = originalCenter
    }, completion: { _ in
      delay(seconds: 0.1) {
        if !self.isSquare {
          self.bounceOff(point: point, morphSize: morphSize)
        }
      }
    })

    let morphedFrame = (originalCenter.x > point.x) ?

      CGRect(x: 0.0, y: bounds.height - morphSize.height,
             width: morphSize.width, height: morphSize.height):

      CGRect(x: bounds.width - morphSize.width,
             y: bounds.height - morphSize.height,
             width: morphSize.width, height: morphSize.height)

    let morphAnimation = CABasicAnimation(keyPath: "path")
    morphAnimation.duration = animationDuration
    morphAnimation.toValue = UIBezierPath(ovalIn: morphedFrame).cgPath

    morphAnimation.timingFunction = CAMediaTimingFunction(name: .easeOut)

    circleLayer.add(morphAnimation, forKey: nil)
    maskLayer.add(morphAnimation, forKey: nil)
  }

  func animateToSquare() {
    isSquare = true

    let squarePath = UIBezierPath(rect: bounds).cgPath
    let morph = CABasicAnimation(keyPath: "path")
    morph.duration = 0.25
    morph.fromValue = circleLayer.path
    morph.toValue = squarePath

    circleLayer.add(morph, forKey: nil)
    maskLayer.add(morph, forKey: nil)

    circleLayer.path = squarePath
    maskLayer.path = squarePath
  }

}
LinShunIos
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iOS 7蒙版特效Demo
09-29
主要可以拿来重复利用的是iOS7蒙版特效及datePicker隐藏出现动画。当然还有其它不错的功能，谁用谁知道。
ios自定义蒙版
09-03
我们平时使用App的时候, 经常在第一次使用的时候, 会有类似”新手教程”之类的东西, 来引导我们应该如何使用这个App。 但是这个”新手教程”不同于常规的引导页(引导页指第一次打开App时候, 弹出的那种介绍视图。 他是静态的, 不需要与用户交互, 可以直接一页页翻, 或者直接跳过。)所谓的”新手教程”, 就是按照App的提示, 一步步跟着完成。
ios-动画绘制曲线.zip
07-11
1. 渐变色蒙版； 2. 可根据数据设置刻度值； 3.动画绘制； 4.实现有平滑曲线以及及变色蒙版填充；动画圆环绘制；动画绘制折线图和柱状图；
快速蒙版和图层蒙版矢量蒙版
05-10
掌握通道的基本操作 掌握快速蒙版、图层蒙版、矢量蒙版和剪贴蒙版的使用方法
iOS9 视图弹出的弹簧效果
jeffasd的专栏
01-27 4744
iOS9 视图弹出的弹簧效果 Spring Animationring Animation）： 在IOS7开始，系统动画效果广泛应用Spring Animation： [UIView animateWithDuration:4.0 // 动画时长 delay:0.0 // 动画延迟 usingSpringWithDampi
iOS开发知识之：Animations usingSpringWithDamping动画
vkooy的博客
09-13 2164
  Spring Animation 是一种特殊的动画曲线，自从 iOS 7 开始被广泛应用在系统动画中。 上图中演示的系统自带的动画效果，都使用了 Spring Animation 事实上，从 iOS 7 起几乎所有的系统动画都用的是 Spring Animation，包括 App 文件夹打开/关闭效果、键盘弹出效果、UISwitch 控件的开关效果、不同 View Controlle...
使用 iOS 8 Spring Animation API 创建动画
wuwuFQ的博客
06-15 1049
Spring Animation API 自 iOS 8 开始，Apple 公开了 Spring Animation 的 API，开发者也可以使用简单的代码创建这类动画效果了： + (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay
iOS动画编程-View动画[ 2 ] Spring动画
weixin_33721344的博客
10-22 145
介绍 iOS中SpringAnimation是一种常见的动画，其效果就像弹簧一样，会在end point周围摆动几下后再回到end point，这里我们来介绍一下SpringAnimation的使用方法 我们会用到的Method UIView.animateWithDuration(_:, delay:, 
 usingSpringWit...
iOS Spring 弹簧动画总结
Yancy的博客
02-07 4280
仿照微博首页中间加号后弹出按钮的设计，我的实例： UIButton *button = [[UIButtonalloc] initWithFrame:CGRectMake(100,100, 100,50)];     button.backgroundColor = [UIColorredColor];     [self.viewaddSubview:button];        [UIV
第二章：弹簧(Springs)
iOS - Swift
02-10 542
UIKit的springs为观看动画提供了更多的润色和美感。 Apple自己将弹簧用于大量系统动画以及自己的应用程序。 springs通常负责您在屏幕上看到的任何弹跳视图，但是在摆弄springs动画参数时，您会看到此API允许您创建各种令人愉悦的动画。 到目前为止，您的动画一直是单向流动。 当您为视图的位置设置动画时，它是从A点到B点的直接移动，如下所示： 在本章中，您将学习如何创建更复杂的动...
Photoshop CS2教程——通道与蒙版.doc
06-29
Photoshop CS2教程——通道与蒙版
弹性动画方法animateWithDuration: delay: usingSpringWithDamping: initialSpringVelocity: options: animations
jacknathan的专栏
08-19 6198
这个动画效果是从IOS7开始有的，个人觉得动画效果的用户体验很好，用起来也方便，但是这里面的dampingRatio和velocity涉及到物理力学的知识，比较难理解和计算，只能通过Demo试验来理解它所代表的意思。通过形象生动的比喻来理解它。附上原英文文档解释 /* Performs animations using a timing curve described by the motion
UIView
玉米的博客
01-28 438
枚举 UIViewAnimationCurve /** 支持的动画曲线。 */ typedef NS_ENUM(NSInteger, UIViewAnimationCurve) { /** 缓入缓出曲线(动画缓慢开始，在其持续时间的中间加速，然后在完成之前再次减速),这是大多数动画的默认曲线。 */ UIViewAnimationCurveEaseInOut, /** 缓入...
让你的tableView动起来 —— iOS8 SpringAnimation应用
DM_David的专栏
07-08 2428
你是否对一成不变的手机界面感到疲倦，整天拖拉控件面对死板的界面失去兴趣。让你的界面动起来或许是不错的选择。Spring Animation 是一种特殊的动画曲线，自从 iOS 7 开始被广泛应用在系统动画中。 但是iOS8 才公布API让开发者使用，重要的是他不同于以前Ease-Out Animation 和 Linear Animation这些单调的运动曲线，让物体更加富有弹性。产生令人惊奇的效
iOS 性能监控方案设计（一）
08-22 712
  最近在搞app的性能监控。主要从启动耗时，首屏耗时，操作耗时的几个指标进行监控 启动耗时   启动耗时主要分为冷启动，热启动。 其中冷启动又分为首次启动，非首次启动。 冷启动：从main函数开始，到第一个用户自定义的页面出现为止（备注：这个过程中要区分一下是否是首次启动） 热启动：从app即将进入前台到，app进入前台的这个过程。涉及到的函数。具体下： - (void)applicationWillEnterForeground:(UIApplication *)application { //
iOS几种动画效果的实现
热门推荐
浅浅的博客
06-19 2万+
做过一个项目，里面涉及到的动画效果比较多，在这里做个小小的总结。 直线动画效果 实现一个物体在某段时间从一个点移动到另一个点。 效果如下： 动画相关代码如下： 动画模型： @interface AnimationModel : NSObject @property(nonatomic,strong) NSArray * images; @property(nonatomic,as...
iOS开发实现——蒙版（引导介绍遮罩）工具类 源码+解析
RJM758859182的博客
09-03 4277
iOS开发实现——蒙版（引导介绍遮罩）源码+解析 引用块内容 需求:博主前段时间做的教育类型APP,需要引导用户(低龄化小朋友),播放器的播放,页面可以左右滑动,以及右上方进入答题卡入口(小朋友都是很聪明的,引导一次后基本都会使用),本文默认知识层,读者大概掌握iOS基本控件使用开发即可 效果图 一,核心代码(全) -(void)creatMask:(NSStrin...
ios UIView的回调方法
ChasingDreamsCoder的博客
11-10 2325
当视图层级有变化时，系统可以向相关视图发送回调。iOS SDK提供了留个回调的方法，应用程序可以通过这些方法来追踪视图的移动以及上层视图的变动： 1、didAddSubview:如果有人通过addSubview:方法或者是UIView提供的几个插入方法成功的向某个视图添加了一个子视图，那么系统就会在上级视图上面调用这个方法。我们可以在UIView的子类里复写这个方法，以便在新的子视图添加进来的时
iosmask_iOS蒙板:mask初识
weixin_33728584的博客
12-30 413
一、初识蒙在上面的板子一头蒙(懵)逼只是mask的一个应用，还未深入研究(原文作者的那句话：先看脸，再看内涵。不过我还没看内涵..)二、预览预览.gif三、原材料进度条所需原材料：材料一：创建灰色的进度条背景，CALayer实现；材料二：创建渐变的进度条背景覆盖在灰色背景上面，CAGradientLayer实现；材料三：创建CALayer蒙版对象，作为渐变进度条的蒙版，设置蒙版的borderWid...
结合mediapipe手部关键点和HSV肤色检测获取手部蒙版的代码
最新发布
06-02
好的，以下是结合mediapipe手部关键点和HSV肤色检测获取手部蒙版的Python代码： ```python import cv2 import mediapipe as mp import numpy as np # 初始化mediapipe手部检测模块 mp_hands = mp.solutions.hands ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值