kmyhy的专栏

绿幕（green screen）技术，又称 chroma key effect，实际上是将图片上指定颜色设置为透明的图形处理技术，这些透明区域也可以被任意背景图片替换。这种技术在 视频合成中被广泛使用。iOS 中，通过 CoreImage 的某些滤镜比如 CIBlendWithMask 可以实现这种效果，但是实现过程比较繁琐。

开始接下来我们将绘制一个调色盘控件。当你点击调色板，调色板上的颜色将被循环选中。效果如下图所示：绘制界面首先声明一些常量：class ColorSwatchView: UIView { // MARK: Constants struct Constants { static let angleSpan: CGFloat = CGFloat(22).toRadian() static let startAngle: CGFloat = CGFl

##开始最近项目中需要实现一个名片扫描的功能，这会用到一个让用户等待名片识别结果的界面。界面非常简单，让一条绿色的激光不停地在名片上上下移动，模拟扫描仪正在工作的样子。这么简单的 UI，完全可以抛开美工和切图，一个人用 Core Grahics 来实现！而且这次要检验我们之前的学习成果！绘制4个角首先我们在窗口的 4 个角上绘制直角图形，用于表示镜头的取景框。首先绘制第一个角。只要绘制出第一个角，其它 3 个角无非是在它的基础上旋转一定角度而已。首先声明变量： var borderColo

这个例子完全模仿了苹果的 UIActivityIndicatorView 控件，它显示了一个旋转的小菊花。这个控件使用起来是非常简单的，可以完全不需要你编写一行代码（使用 IB），也不需要任何图片！如果让你自己用 Core Graphics 实现这个控件，你会怎么做呢？绘制外壳class MockIndicator: UIView { var leafColor: UIColor = .white var hudColor: UIColor = UIColor(red: 170/255,

绘制椭圆新建 EllipsePainter 类，这个类定义了一个椭圆绘制的方法：class EllipsePainter { public static func drawEllipse(_ frame: CGRect, color: UIColor, outerShadow: NSShadow?, borderWidth: CGFloat?, borderColor: UIColor?) { let context = UIGraphicsGetCurrentContext()

在本节我们将创建一个自定义的进度条组件。在此之前，我们需要对 RectanglePainer 和 TextPainter 进行一些扩展。扩展 RectanglePainter在 RectanglePainter 中增加两个函数： // 1 public static func drawBorder(_ frame: CGRect, borderColor: UIColor, borderWidth: CGFloat, cornerRadius: CGFloat) { // 2

本文通过一个自定义 checkbox 按钮的例子，演示如何使用 Core Graphics 的多线段绘制功能绘制控件的 UI 。CheckButton首先创建 CheckButton 类：// 1class CheckButton: ShadowButton { override init(frame: CGRect) { super.init(frame: frame) commonInit() } required init?(coder

本文是《Core Graphics 入门教程》的第一讲。学完本文，你将学会如何在自定义控件中用 CG 函数绘制渐变色、阴影以及文本。ShadowButton假设我们想定制一个按钮控件叫做 ShadowButton——这不值得大惊小怪，但特别的一点就是，我们准备用 Core Graphics 2D 绘制它的 UI。首先创建这个 class。首先，我们需要继承 UIControl 而不是 UIView，这样是为了方便使用它的 state 属性并对用户的触摸进行处理。class ShadowButton: