Swift开发在UIView上绘制矩形（直角，圆角，带边框）

时间：2015-11-18 编辑：简简单单来源：一聚教程网

当系统要显示一个视图（UIView）时，它会向视图发送drawRect(rect:)消息。所以，如果我们需要在视图上进行绘制，则可以在drawRect方法内部实现。

1，用纯色填充的矩形

下面创建一个长宽都为100的矩形UIView，坐标(50,50)。其内部使用绿色填充。

代码如下

复制代码

2，绘制圆角矩形，同时添加外部边框轮廓

（1）在对一个路径描边时，轮廓线是在路径上绘制的。由于设置轮廓线宽度为3，为了让轮廓线不会被边缘裁去一部分，使用 CGRectInset函数保持中心点不变的情况下矩形内缩一个点。

（2）重写init(frame: CGRect) 方法，将背景色设为透明，否则背景是黑色的（四个圆角透明部分会显示黑色）

代码如下

复制代码

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let viewRect = CGRect(x: 50, y: 50, width: 100, height: 100)
        let view1 = MyCanvas(frame: viewRect)
        self.view.addSubview(view1)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

class MyCanvas: UIView {
    override init(frame: CGRect) {
        super.init(frame: frame)
        //把背景色设为透明
        self.backgroundColor = UIColor.clearColor()
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    override func drawRect(rect: CGRect) {
        let pathRect = CGRectInset(self.bounds, 1, 1)
        let path = UIBezierPath(roundedRect: pathRect, cornerRadius: 10)
        path.lineWidth = 3
        UIColor.greenColor().setFill()
        UIColor.blueColor().setStroke()
        path.fill()
        path.stroke()
    }
}

上一个： ios开发之在UIView上使用自定义曲线绘制复杂图形（贝塞尔曲线）
下一个： ios开发之Swift使用AirPrint进行打印

推荐专题

最新下载

热门教程

Swift开发在UIView上绘制矩形（直角，圆角，带边框）

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程