Swift3.0学习实践-一个简单的画板(七色轨迹、可撤销、可清除、带橡皮擦)

写着玩儿的小程序,继续学习swift.运行效果+代码+知识点总结

运行效果:

           

代码:

Canvas类:画布,画图板状态管理、交互、处理手势
class Canvas:UIView{
    //负责线条的生成、操作与管理
    private let pathCreator:PathCreator
    //是否处于擦除状态
    private var isInErasering:Bool
    //橡皮擦视图
    private let eraserView:UIView
    
    override init(frame: CGRect) {
        isInErasering = false
        pathCreator = PathCreator()
        
        eraserView = UIView.init()
        eraserView.frame = CGRect(x: 0, y: 0, width: 10, height: 10)
        eraserView.backgroundColor = UIColor.white
        eraserView.alpha = 0

        super.init(frame: frame)
        
        self.backgroundColor = UIColor.black
        
        self.addSubview(eraserView)
        
        let revokeBut = UIButton(type: UIButtonType.system)
        revokeBut.frame = CGRect(x: 20, y: 20, width: 80, height: 30)
        revokeBut.setTitle("撤销", for: UIControlState.normal)
        revokeBut.addTarget(self, action: #selector(revokeButClick), for: UIControlEvents.touchUpInside)
        self.addSubview(revokeBut)
        
        let cleanBut = UIButton(type: UIButtonType.system)
        cleanBut.frame = CGRect(x: 110, y: 20, width: 80, height: 30)
        cleanBut.setTitle("清空", for: UIControlState.normal)
        cleanBut.addTarget(self, action: #selector(cleanButClick), for: UIControlEvents.touchUpInside)
        self.addSubview(cleanBut)
    
        let eraserBut = UIButton(type: UIButtonType.system)
        eraserBut.frame = CGRect(x: 200, y: 20, width:80, height: 30)
        eraserBut.setTitle("橡皮", for: UIControlState.normal)
        eraserBut.setTitle("画笔", for: UIControlState.selected)
        eraserBut.addTarget(self, action: #selector(eraserButClick(but:)), for: UICo
  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 8
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值