javaee论坛

普通会员

225648

帖子

355

回复

369

积分

楼主
发表于 2017-07-11 14:39:32 | 查看: 93 | 回复: 0
设置某些角为圆角, 使用UIBezierPath

< class="hljs objectivec"> let layer = CAShapeLayer() // 这里byRoundingCorners -> 指定圆角 layer.path = UIBezierPath(roundedRect: testView.bounds, byRoundingCorners: [UIRectCorner.TopLeft, .TopRight], cornerRadii: CGSize(width: 20, height: 20)).CGPath testView.layer.mask = layer
  • 设置view的四个角都为圆角, 最简单的方法, 使用当然最简单的某些情况下肯定就是不适合的, 因为这个方法会触发离屏渲染, 如果界面中有大量的圆角view的处理, 会出现掉帧的"现象"

    < class="hljs bash"> testView.layer.cornerRadius = 20.0 testView.layer.masksToBounds = true
  • 缩放图片

    • 3.1

      < class="hljs objectivec">// 缩放图片func resizeImage(image: UIImage, toWidth width: CGFloat, withHeight height: CGFloat) -> UIImage { let size = CGSize(width: width, height: height) // 开启一个上下文 /// 设置为false 表示背景不透明 -> 黑色 /// 设置为 0 -> 可以自适应不同的屏幕的scale显示 UIGraphicsBeginImageContextWithOptions(size, false, 0) // 获取上下文 let context = UIGraphicsGetCurrentContext() // 转换坐标原点到左下角 CGContextTranslateCTM(context, 0.0, height) CGContextScaleCTM(context, 1.0, -1.0) // 设置绘制模式 CGContextSetBlendMode(context, .Copy) // 绘图 CGContextDrawImage(context, CGRect(origin: CGPointZero, size: size), image.CGImage) // 取得图片 let retrivedImage = UIGraphicsGetImageFromCurrentImageContext() // 结束上下文 UIGraphicsEndImageContext() return retrivedImage}
    • 3.2

      < class="hljs objectivec">// 缩放图片func resizeImage(image: UIImage, toWidth width: CGFloat, withHeight height: CGFloat) -> UIImage { let size = CGSize(width: width, height: height) // 开启一个上下文 /// 设置为false 表示背景不透明 -> 黑色 /// 设置为 0 -> 可以自适应不同的屏幕的scale显示 UIGraphicsBeginImageContextWithOptions(size, false, 0) /// 绘制图片 image.drawInRect(CGRect(origin: CGPointZero, size: size)) // 取得图片 let retrivedImage = UIGraphicsGetImageFromCurrentImageContext() // 结束上下文 UIGraphicsEndImageContext() return retrivedImage}
  • 截屏功能

    • 4.1

      < class="hljs objectivec">func snapView(targetView: UIView) -> UIImage { UIGraphicsBeginImageContextWithOptions(targetView.bounds.size, false, 0) // iOS7.0 之后系统提供的截屏的功能 targetView.drawViewHierarchyInRect(targetView.bounds, afterScreenUpdates: false) let snapdImage = UIGraphicsGetImageFromCurrentImageContext() UIGraphicsEndImageContext() return snapdImage}
    • 4.2

      < class="hljs objectivec">//这个方法会返回一个"截屏"后的view// withCapInsets -> 这个和拉伸图片的image.resizableImageWithCapInsets()使用一样 let snapShotView = view.resizableSnapshotViewFromRect(view.bounds, afterScreenUpdates: false, withCapInsets: UIEdgeInsetsZero)
    • 4.3
    < class="hljs objectivec"> func snapView(targetView: UIView) -> UIImage { UIGraphicsBeginImageContextWithOptions(targetView.bounds.size, false, 0.0)// 区分和4.1中的使用 targetView.layer.renderInContext(UIGraphicsGetCurrentContext()!) let image = UIGraphicsGetImageFromCurrentImageContext() UIGraphicsEndImageContext() return image }
  • 剪裁图片的指定部分

    • 5.1

      < class="hljs objectivec">func cutImage(image: UIImage, cutRect: CGRect) -> UIImage { UIGraphicsBeginImageContextWithOptions(cutRect.size, false, 0.0) // 获取上下文 let context = UIGraphicsGetCurrentContext() // 转换坐标原点到左下角 CGContextTranslateCTM(context, 0.0, cutRect.size.height) CGContextScaleCTM(context, 1.0, -1.0) // 设置绘制模式 CGContextSetBlendMode(context, .Copy) // 绘图 CGContextDrawImage(context, cutRect, image.CGImage) let image = UIGraphicsGetImageFromCurrentImageContext() UIGraphicsEndImageContext() return image}
    • 5.2

      < class="hljs objectivec">func cutImage(image: UIImage, cutRect: CGRect) -> UIImage { UIGraphicsBeginImageContextWithOptions(cutRect.size, false, 0.0) // 获取上下文 let context = UIGraphicsGetCurrentContext() image.drawInRect(cutRect) let image = UIGraphicsGetImageFromCurrentImageContext() UIGraphicsEndImageContext() return image}
  • 将颜色绘制为图片

    • 6.1

      < class="hljs objectivec">func imageFromColor(color: UIColor, size: CGSize) -> UIImage { UIGraphicsBeginImageContextWithOptions(size, false, 0.0) let rect = CGRect(origin: CGPointZero, size: size) color.setFill() UIRectFill(rect) let image = UIGraphicsGetImageFromCurrentImageContext() UIGraphicsEndImageContext() return image}
    • 6.2

      < class="hljs objectivec">func imageFromColor(color: UIColor, size: CGSize) -> UIImage { UIGraphicsBeginImageContextWithOptions(size, false, 0.0) let rect = CGRect(origin: CGPointZero, size: size)// color.setFill()// UIRectFill(rect) let context = UIGraphicsGetCurrentContext() CGContextSetFillColorWithColor(context, color.CGColor) CGContextFillRect(context, rect) let image = UIGraphicsGetImageFromCurrentImageContext() UIGraphicsEndImageContext() return image}

  • 如果你觉得平时很少接触过Quartzs 2D来绘图, 可能看上面的代码不是很明白, 如果想要更清楚, 建议阅读相关的绘图教程, 同时下一篇可能会简单分享一下使用Quartzs 2D来绘图的相关知识, 欢迎关注




      文/ZeroJ(简书作者)
      原文链接:http://www.jianshu.com/p/524454440bea
      著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

      您需要登录后才可以回帖 登录 | 立即注册

      触屏版| 电脑版

      技术支持 历史网 V2.0 © 2016-2017