在iOS中使用OpenGL ES实现绘画板的方法

五、绘画板功能实现

终于讲完了最麻烦的部分，接下来简单介绍一下绘画板基本功能的实现。

1、颜色混合

在以往的例子中，我们在开始一次渲染之前，都会调用 glClear(GL_COLOR_BUFFER_BIT) 来清除画布，因为我们不希望保留上次的渲染结果。

但是对于一个绘画板来说，我们要不断地往画布上画东西，所以是希望保留上次结果的。因此，在绘制之前不能执行清除的操作。

另外，由于我们的画笔可能是半透明的，所以新绘制的颜色需要和画布上已经存在的颜色进行混合。因此在绘制开始之前，需要开启混合选项。

glEnable(GL_BLEND);
glBlendFunc(GL_ONE, GL_ONE_MINUS_SRC_ALPHA);

2、笔触调整

笔触有 3 个属性可以调整： 颜色、尺寸、形状 。它们本质上都是对点图元的调整，通过 uniform 变量的形式，将颜色、尺寸、纹理传入着色器并应用。

3、橡皮擦

GLPaintView 在初始化的时候，需要传入一个背景色参数，当用户切换到橡皮擦功能的时候，内部只是单纯地将画笔的颜色切换成背景色，于是就产生了橡皮擦的效果。

4、撤销重做

撤销重做功能需要依赖两个栈来实现。我们把用户的手指从 按下屏幕到离开屏幕 这一过程中产生的数据，定义为一个操作对象，这个操作对象保存了归一化后的点序列，以及点的属性。

@interface MFPaintModel : NSObject

/// 笔刷尺寸
@property (nonatomic, assign) CGFloat brushSize;
/// 笔刷颜色
@property (nonatomic, strong) UIColor *brushColor;
/// 笔刷模式
@property (nonatomic, assign) GLPaintViewBrushMode brushMode;
/// 笔触纹理图片文件名
@property (nonatomic, copy) NSString *brushImageName;
/// 点序列
@property (nonatomic, copy) NSArray<NSValue *> *points;

@end

撤销重做的代码实现大概像这样子：

- (void)undo {
  if ([self.operationStack isEmpty]) {
    return;
  }
  MFPaintModel *model = self.operationStack.topModel;
  [self.operationStack popModel];
  [self.undoOperationStack pushModel:model];
  
  [self reDraw];
}

- (void)redo {
  if ([self.undoOperationStack isEmpty]) {
    return;
  }
  MFPaintModel *model = self.undoOperationStack.topModel;
  [self.undoOperationStack popModel];
  [self.operationStack pushModel:model];
  
  [self drawModel:model];
}

需要注意的是，由于 撤销操作 需要先清除画布，所以每次都需要重绘。而 重做操作 可以利用上次绘制的结果，所以每次只需要绘制一个步骤即可。

源码

请到 GitHub 上查看完整代码。

到此这篇关于在iOS中使用OpenGL ES实现绘画板的方法的文章就介绍到这了,更多相关iOS 绘画板内容请搜索易采站长站以前的文章或继续浏览下面的相关文章希望大家以后多多支持易采站长站！