cgpoint 的颜色改变所有行,应该只改变新行
color of cgpoint changes all lines and should only change new lines
我的代码用于 类。当函数 dizzy 被调用时,它会改变 uiview 中所有线条的颜色。我想要它做的只是更改调用函数后绘制的线条颜色。它不应该像现在这样改变已经绘制的线条的颜色。
class ViewController: UIViewController {
@objc func dizzy() {
canvas.strokeColor = .gray
}
var canvas = Canvas()
}
class Canvas: UIView {
var strokeColor = UIColor.green {
didSet {
self.setNeedsDisplay()
}
}
func undo() {
_ = lines.popLast()
setNeedsDisplay()
}
func clear() {
lines.removeAll()
setNeedsDisplay()
}
var lines = [[CGPoint]]()
override func draw(_ rect: CGRect) {
super.draw(rect)
guard let context = UIGraphicsGetCurrentContext() else { return }
context.setStrokeColor(strokeColor.cgColor)
context.setLineWidth(5)
context.setLineCap(.butt)
lines.forEach { (line) in
for (i, p) in line.enumerated() {
if i == 0 {
context.move(to: p)
} else {
context.addLine(to: p)
}
}
}
context.strokePath()
}
override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
lines.append([CGPoint]())
}
override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
guard let point = touches.first?.location(in: self) else { return }
guard var lastLine = lines.popLast() else { return }
lastLine.append(point)
lines.append(lastLine)
setNeedsDisplay()
}
}
您需要创建一个 struct
来存储带有线条的颜色。在 touchesBegan()
中,用 coloredLine
存储当前的 strokeColor
。在 draw(rect:)
中,对于每一行,在描边之前设置 context.setStrokeColor(line.color.cgColor)
。
我通过添加按钮来更改颜色来对此进行测试。您可以根据需要进行连接。
struct ColoredLine {
var color = UIColor.black
var points = [CGPoint]()
}
class ViewController: UIViewController {
@IBOutlet weak var canvas: Canvas!
@IBAction func doRed(_ sender: UIButton) {
canvas.strokeColor = .red
}
@IBAction func doGreen(_ sender: UIButton) {
canvas.strokeColor = .green
}
@IBAction func doBlue(_ sender: UIButton) {
canvas.strokeColor = .blue
}
@IBAction func doBlack(_ sender: UIButton) {
canvas.strokeColor = .black
}
}
class Canvas: UIView {
var strokeColor = UIColor.green
func undo() {
_ = lines.popLast()
setNeedsDisplay()
}
func clear() {
lines.removeAll()
setNeedsDisplay()
}
var lines = [ColoredLine]()
override func draw(_ rect: CGRect) {
super.draw(rect)
guard let context = UIGraphicsGetCurrentContext() else { return }
context.setLineWidth(5)
context.setLineCap(.butt)
lines.forEach { (line) in
for (i, p) in line.points.enumerated() {
if i == 0 {
context.move(to: p)
} else {
context.addLine(to: p)
}
}
context.setStrokeColor(line.color.cgColor)
context.strokePath()
context.beginPath()
}
}
override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
var coloredLine = ColoredLine()
coloredLine.color = strokeColor
lines.append(coloredLine)
}
override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
guard let point = touches.first?.location(in: self) else { return }
guard var lastLine = lines.popLast() else { return }
lastLine.points.append(point)
lines.append(lastLine)
setNeedsDisplay()
}
}
我的代码用于 类。当函数 dizzy 被调用时,它会改变 uiview 中所有线条的颜色。我想要它做的只是更改调用函数后绘制的线条颜色。它不应该像现在这样改变已经绘制的线条的颜色。
class ViewController: UIViewController {
@objc func dizzy() {
canvas.strokeColor = .gray
}
var canvas = Canvas()
}
class Canvas: UIView {
var strokeColor = UIColor.green {
didSet {
self.setNeedsDisplay()
}
}
func undo() {
_ = lines.popLast()
setNeedsDisplay()
}
func clear() {
lines.removeAll()
setNeedsDisplay()
}
var lines = [[CGPoint]]()
override func draw(_ rect: CGRect) {
super.draw(rect)
guard let context = UIGraphicsGetCurrentContext() else { return }
context.setStrokeColor(strokeColor.cgColor)
context.setLineWidth(5)
context.setLineCap(.butt)
lines.forEach { (line) in
for (i, p) in line.enumerated() {
if i == 0 {
context.move(to: p)
} else {
context.addLine(to: p)
}
}
}
context.strokePath()
}
override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
lines.append([CGPoint]())
}
override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
guard let point = touches.first?.location(in: self) else { return }
guard var lastLine = lines.popLast() else { return }
lastLine.append(point)
lines.append(lastLine)
setNeedsDisplay()
}
}
您需要创建一个 struct
来存储带有线条的颜色。在 touchesBegan()
中,用 coloredLine
存储当前的 strokeColor
。在 draw(rect:)
中,对于每一行,在描边之前设置 context.setStrokeColor(line.color.cgColor)
。
我通过添加按钮来更改颜色来对此进行测试。您可以根据需要进行连接。
struct ColoredLine {
var color = UIColor.black
var points = [CGPoint]()
}
class ViewController: UIViewController {
@IBOutlet weak var canvas: Canvas!
@IBAction func doRed(_ sender: UIButton) {
canvas.strokeColor = .red
}
@IBAction func doGreen(_ sender: UIButton) {
canvas.strokeColor = .green
}
@IBAction func doBlue(_ sender: UIButton) {
canvas.strokeColor = .blue
}
@IBAction func doBlack(_ sender: UIButton) {
canvas.strokeColor = .black
}
}
class Canvas: UIView {
var strokeColor = UIColor.green
func undo() {
_ = lines.popLast()
setNeedsDisplay()
}
func clear() {
lines.removeAll()
setNeedsDisplay()
}
var lines = [ColoredLine]()
override func draw(_ rect: CGRect) {
super.draw(rect)
guard let context = UIGraphicsGetCurrentContext() else { return }
context.setLineWidth(5)
context.setLineCap(.butt)
lines.forEach { (line) in
for (i, p) in line.points.enumerated() {
if i == 0 {
context.move(to: p)
} else {
context.addLine(to: p)
}
}
context.setStrokeColor(line.color.cgColor)
context.strokePath()
context.beginPath()
}
}
override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
var coloredLine = ColoredLine()
coloredLine.color = strokeColor
lines.append(coloredLine)
}
override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
guard let point = touches.first?.location(in: self) else { return }
guard var lastLine = lines.popLast() else { return }
lastLine.points.append(point)
lines.append(lastLine)
setNeedsDisplay()
}
}