mrustaa
511 lines
13 KiB
Swift
511 lines
13 KiB
Swift
//
|
||
// DesignTest.swift
|
||
// FigmaConvertXib
|
||
//
|
||
// Created by Рустам Мотыгуллин on 28.07.2020.
|
||
// Copyright © 2020 mrusta. All rights reserved.
|
||
//
|
||
|
||
import UIKit
|
||
|
||
|
||
@IBDesignable
|
||
class DesignnImageView: UIView {
|
||
|
||
@IBInspectable var cornerRadius: CGFloat = 0.0
|
||
|
||
@IBInspectable var fillColor: UIColor?
|
||
@IBInspectable var image: UIImage?
|
||
@IBInspectable var imageMode: Int = 1
|
||
@IBInspectable var blur: CGFloat = 0.0
|
||
|
||
|
||
@IBInspectable var brColor: UIColor = .clear
|
||
@IBInspectable var brWidth: CGFloat = 0.0
|
||
@IBInspectable var brDash: Int = 0
|
||
|
||
func setup() {
|
||
|
||
if let foundView = viewWithTag(55) {
|
||
foundView.removeFromSuperview()
|
||
}
|
||
|
||
let d = DesignFigure_(frame: bounds)
|
||
d.backgroundColor = .clear
|
||
d.tag = 55
|
||
d.cornerRadius = cornerRadius
|
||
d.blur = blur
|
||
d.image = image
|
||
d.imageMode = imageMode
|
||
d.fillColor = fillColor
|
||
d.brWidth = brWidth
|
||
d.brColor = brColor
|
||
d.brDash = brDash
|
||
insertSubview(d, at: 0)
|
||
|
||
}
|
||
|
||
override func layoutSubviews() { setup() }
|
||
|
||
}
|
||
|
||
|
||
|
||
@IBDesignable
|
||
class DesignnGradientView: UIView {
|
||
|
||
@IBInspectable var cornerRadius: CGFloat = 0.0
|
||
|
||
@IBInspectable var fillColor: UIColor?
|
||
|
||
@IBInspectable var brColor: UIColor = .clear
|
||
@IBInspectable var brWidth: CGFloat = 0.0
|
||
@IBInspectable var brDash: Int = 0
|
||
|
||
@IBInspectable var grColor1: UIColor?
|
||
@IBInspectable var grColor2: UIColor?
|
||
@IBInspectable var grColor3: UIColor?
|
||
@IBInspectable var grStartPoint: CGPoint = .zero
|
||
@IBInspectable var grEndPoint: CGPoint = .zero
|
||
@IBInspectable var grRadial: Bool = false /// default: linear
|
||
|
||
func setup() {
|
||
|
||
if let foundView = viewWithTag(55) {
|
||
foundView.removeFromSuperview()
|
||
}
|
||
|
||
let d = DesignFigure_(frame: bounds)
|
||
d.backgroundColor = .clear
|
||
d.tag = 55
|
||
d.cornerRadius = cornerRadius
|
||
// d.blur = blur
|
||
// d.image = image
|
||
// d.imageMode = imageMode
|
||
d.fillColor = fillColor
|
||
d.brWidth = brWidth
|
||
d.brColor = brColor
|
||
d.brDash = brDash
|
||
|
||
d.grColor1 = grColor1
|
||
d.grColor2 = grColor2
|
||
d.grColor3 = grColor3
|
||
// d.grColor4 = grColor4
|
||
// d.grColor5 = grColor5
|
||
// d.grColor6 = grColor6
|
||
d.grStartPoint = grStartPoint
|
||
d.grEndPoint = grEndPoint
|
||
d.grRadial = grRadial
|
||
// d.grDrawsOptions = grDrawsOptions
|
||
// d.grDebug = grDebug
|
||
// d.grPointPercent = grPointPercent
|
||
// d.grBlendMode = grBlendMode
|
||
|
||
insertSubview(d, at: 0)
|
||
|
||
}
|
||
|
||
override func layoutSubviews() { setup() }
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
@IBDesignable
|
||
class DesignnShadowView: UIView {
|
||
|
||
@IBInspectable var cornerRadius: CGFloat = 0.0
|
||
|
||
@IBInspectable var fillColor: UIColor?
|
||
|
||
|
||
@IBInspectable var brColor: UIColor = .clear
|
||
@IBInspectable var brWidth: CGFloat = 0.0
|
||
@IBInspectable var brDash: Int = 0
|
||
|
||
@IBInspectable var shColor: UIColor = .clear
|
||
@IBInspectable var shRadius: CGFloat = 0.0
|
||
@IBInspectable var shOffset: CGSize = .zero
|
||
|
||
|
||
func setup() {
|
||
|
||
if let foundView = viewWithTag(55) {
|
||
foundView.removeFromSuperview()
|
||
}
|
||
|
||
let d = DesignFigure_(frame: bounds)
|
||
d.backgroundColor = .clear
|
||
d.tag = 55
|
||
d.cornerRadius = cornerRadius
|
||
// d.blur = blur
|
||
// d.image = image
|
||
// d.imageMode = imageMode
|
||
d.fillColor = fillColor
|
||
d.brWidth = brWidth
|
||
d.brColor = brColor
|
||
d.brDash = brDash
|
||
|
||
|
||
d.shColor = shColor
|
||
d.shRadius = shRadius
|
||
d.shOffset = shOffset
|
||
insertSubview(d, at: 0)
|
||
|
||
}
|
||
|
||
override func layoutSubviews() { setup() }
|
||
|
||
}
|
||
|
||
|
||
@IBDesignable
|
||
class DesignnView: UIView {
|
||
|
||
@IBInspectable var cornerRadius: CGFloat = 0.0
|
||
|
||
@IBInspectable var fillColor: UIColor?
|
||
|
||
|
||
@IBInspectable var brColor: UIColor = .clear
|
||
@IBInspectable var brWidth: CGFloat = 0.0
|
||
@IBInspectable var brDash: Int = 0
|
||
|
||
func setup() {
|
||
|
||
if let foundView = viewWithTag(55) {
|
||
foundView.removeFromSuperview()
|
||
}
|
||
|
||
let d = DesignFigure_(frame: bounds)
|
||
d.backgroundColor = .clear
|
||
d.tag = 55
|
||
d.cornerRadius = cornerRadius
|
||
// d.blur = blur
|
||
// d.image = image
|
||
// d.imageMode = imageMode
|
||
d.fillColor = fillColor
|
||
d.brWidth = brWidth
|
||
d.brColor = brColor
|
||
d.brDash = brDash
|
||
insertSubview(d, at: 0)
|
||
|
||
}
|
||
|
||
override func layoutSubviews() { setup() }
|
||
|
||
}
|
||
|
||
|
||
@IBDesignable
|
||
class DesignFillView_: UIView {
|
||
|
||
|
||
@IBInspectable var cornerRadius: CGFloat = 0.0
|
||
|
||
//MARK: Blur
|
||
|
||
@IBInspectable var blur: CGFloat = 0.0
|
||
|
||
//MARK: Image
|
||
|
||
@IBInspectable var image: UIImage?
|
||
@IBInspectable var imageMode: Int = 1 /// Scale to fill / Aspect fit / fill
|
||
|
||
//MARK: Fill
|
||
|
||
@IBInspectable var fillColor: UIColor?
|
||
//MARK: Border
|
||
|
||
@IBInspectable var brColor: UIColor = .clear
|
||
@IBInspectable var brWidth: CGFloat = 0.0
|
||
@IBInspectable var brDash: Int = 0
|
||
|
||
|
||
|
||
@IBInspectable var shColor: UIColor = .clear
|
||
@IBInspectable var shRadius: CGFloat = 0.0
|
||
@IBInspectable var shOffset: CGSize = .zero
|
||
|
||
//MARK: - Draw
|
||
|
||
override func draw(_ rect: CGRect) {
|
||
super.draw(rect)
|
||
|
||
guard let bezier = figurePath(bounds) else { return }
|
||
|
||
addFill(bezier: bezier)
|
||
addImage(bezier: bezier)
|
||
addBorder()
|
||
addShadow()
|
||
addBlur()
|
||
}
|
||
|
||
//MARK: - Figure Type
|
||
|
||
private func figurePath(_ rect: CGRect) -> UIBezierPath? {
|
||
return rectangle(rect: rect, radius: cornerRadius)
|
||
}
|
||
|
||
|
||
|
||
private func addImage(bezier: UIBezierPath) {
|
||
|
||
guard let image = image else { return }
|
||
guard let context = UIGraphicsGetCurrentContext() else { return }
|
||
|
||
var f: CGRect = CGRect(x: 0, y: -bounds.height, width: bounds.width, height: bounds.height)
|
||
|
||
if imageMode == 1 || imageMode == 2 {
|
||
|
||
var w: CGFloat = 0
|
||
var h: CGFloat = 0
|
||
|
||
let percent = bounds.height / image.size.height
|
||
w = image.size.width * percent
|
||
h = bounds.height
|
||
|
||
if (imageMode == 1) && (w > bounds.width) ||
|
||
(imageMode == 2) && (bounds.width > w) {
|
||
|
||
let percent = bounds.width / image.size.width
|
||
h = image.size.height * percent
|
||
w = bounds.width
|
||
}
|
||
|
||
let x = (bounds.width / 2) - (w / 2)
|
||
let y = (-h + (((bounds.height / 2) - (h / 2)) * (-1)))
|
||
|
||
f = CGRect(x: x, y: y, width: w, height: h)
|
||
}
|
||
|
||
context.saveGState()
|
||
bezier.addClip()
|
||
context.scaleBy(x: 1, y: -1)
|
||
context.draw(image.cgImage!, in: f, byTiling: false)
|
||
context.restoreGState()
|
||
|
||
}
|
||
|
||
//MARK: - Fill
|
||
|
||
private func addFill(bezier: UIBezierPath) {
|
||
|
||
guard let fillColor = fillColor else { return }
|
||
guard let context = UIGraphicsGetCurrentContext() else { return }
|
||
|
||
bezier.close()
|
||
context.saveGState()
|
||
fillColor.setFill()
|
||
bezier.fill()
|
||
context.restoreGState()
|
||
}
|
||
|
||
|
||
//MARK: - Shadow
|
||
|
||
private func addShadow() {
|
||
|
||
if shRadius < 0 { shRadius = 0 }
|
||
|
||
layer.shadowOffset = shOffset
|
||
layer.shadowOpacity = 1.0
|
||
layer.shadowRadius = shRadius
|
||
layer.shadowColor = shColor.cgColor
|
||
}
|
||
|
||
|
||
|
||
// MARK: - Border / Stroke
|
||
|
||
private func addBorder() {
|
||
|
||
if brWidth < 0 { brWidth = 0 }
|
||
|
||
guard let context = UIGraphicsGetCurrentContext() else { return }
|
||
|
||
// brColor.setStroke()
|
||
|
||
guard let bezier = figurePath(bounds) else { return }
|
||
|
||
context.saveGState()
|
||
|
||
if brDash > 0 {
|
||
|
||
UIColor.clear.setFill()
|
||
bezier.fill()
|
||
|
||
brColor.setStroke()
|
||
bezier.lineWidth = brWidth * 2
|
||
|
||
let dashPattern : [CGFloat] = [ CGFloat(brDash), CGFloat(brDash)]
|
||
bezier.setLineDash(dashPattern, count: 2, phase: 0)
|
||
bezier.stroke()
|
||
|
||
} else {
|
||
|
||
brColor.setStroke()
|
||
|
||
bezier.lineWidth = brWidth * 2
|
||
bezier.stroke()
|
||
}
|
||
|
||
|
||
|
||
bezier.stroke()
|
||
bezier.stroke()
|
||
|
||
context.restoreGState()
|
||
context.restoreGState()
|
||
}
|
||
|
||
|
||
|
||
// MARK: - Blur
|
||
|
||
private func addBlur() {
|
||
|
||
guard blur > 0 else { return }
|
||
|
||
guard let image = screenShotContext() else { return }
|
||
|
||
self.addblur(screen: image, blur: blur)
|
||
}
|
||
|
||
// MARK: Screen Shot Context
|
||
|
||
private func screenShotContext() -> UIImage? {
|
||
|
||
guard let context = UIGraphicsGetCurrentContext() else { return nil }
|
||
guard let cgimage: CGImage = context.makeImage() else { return nil }
|
||
let image = UIImage(cgImage: cgimage)
|
||
|
||
return image
|
||
}
|
||
|
||
// MARK: Clear Context
|
||
|
||
private func clearContext() {
|
||
|
||
let f = CGRect(x: 0, y: 0,
|
||
width: frame.width * 2,
|
||
height: frame.height * 2)
|
||
|
||
let context = UIGraphicsGetCurrentContext()
|
||
context?.clear(f)
|
||
}
|
||
|
||
|
||
private func addblur(screen: UIImage, blur: CGFloat) {
|
||
|
||
clearContext()
|
||
|
||
func blurImage(image: UIImage) -> UIImage? {
|
||
|
||
guard let ciscreen: CIImage = CIImage(image: screen) else { return nil }
|
||
|
||
guard let filter: CIFilter = CIFilter(name: "CIGaussianBlur") else { return nil }
|
||
filter.setDefaults()
|
||
filter.setValue(ciscreen, forKey: kCIInputImageKey)
|
||
filter.setValue(blur, forKey: kCIInputRadiusKey)
|
||
|
||
|
||
let bl2 = ((blur * 3) * -1)
|
||
let bl4 = (blur * 6)
|
||
|
||
let contextFrame = CGRect(
|
||
x: bl2,
|
||
y: bl2,
|
||
width: bl4 + image.size.width,
|
||
height: bl4 + image.size.height
|
||
)
|
||
|
||
// let bl2 = ((blur * 2) * -1)
|
||
// let bl4 = (blur * 4)
|
||
// let contextFrame2 = CGRect(x: bl2,
|
||
// y: bl2,
|
||
// width: bl4 + (frame.width * 2),
|
||
// height: bl4 + (frame.height * 2))
|
||
|
||
let ciContext = CIContext(options: nil)
|
||
guard let ci: CIImage = filter.value(forKey: kCIOutputImageKey) as? CIImage else { return nil }
|
||
guard let cImg = ciContext.createCGImage(ci, from: contextFrame) else { return nil }
|
||
|
||
let finalImage = UIImage(cgImage: cImg)
|
||
|
||
return finalImage
|
||
}
|
||
|
||
let p2: CGFloat = 1
|
||
let p4: CGFloat = p2 * 2
|
||
|
||
let bl2 = ((blur * p2) * -1)
|
||
let bl4 = (blur * p4)
|
||
|
||
let x: CGFloat = 0
|
||
let ofW = (x * 1) * -1
|
||
let ofH = (x * 1) * -1
|
||
|
||
let ofW2 = (x * 2)
|
||
let ofH2 = (x * 2)
|
||
|
||
let contextFrame = CGRect(x: bl2 + ofW,
|
||
y: bl2 + ofH,
|
||
width: bl4 + ofW2 + frame.width,
|
||
height: bl4 + ofH2 + frame.height)
|
||
|
||
let blurImageView = UIImageView(frame: contextFrame)
|
||
blurImageView.image = blurImage(image: screen)
|
||
blurImageView.contentMode = .scaleAspectFill
|
||
|
||
|
||
addSubview(blurImageView)
|
||
}
|
||
|
||
//MARK: - Rectangle Bezier
|
||
|
||
func rectangle(rect: CGRect, radius: CGFloat) -> UIBezierPath {
|
||
|
||
let r = self.cornerRadius(radius)
|
||
let w = rect.width
|
||
let h = rect.height
|
||
|
||
let path = UIBezierPath()
|
||
path.move(to: CGPoint(x: r, y: 0.0))
|
||
|
||
path.addLine(to: CGPoint(x: w - r, y: 0.0))
|
||
path.addArc(withCenter: CGPoint(x: w - r, y: r),
|
||
radius: r,
|
||
startAngle: 3.0 * .pi / 2.0,
|
||
endAngle: 2 * .pi,
|
||
clockwise: true)
|
||
|
||
path.addLine(to: CGPoint(x: w, y: h - r))
|
||
path.addArc(withCenter: CGPoint(x: w - r, y: h - r),
|
||
radius: r,
|
||
startAngle: 0.0,
|
||
endAngle: .pi / 2.0,
|
||
clockwise: true)
|
||
|
||
path.addLine(to: CGPoint(x: r, y: h))
|
||
path.addArc(withCenter: CGPoint(x: r, y: h - r),
|
||
radius: r,
|
||
startAngle: .pi / 2.0,
|
||
endAngle: .pi,
|
||
clockwise: true)
|
||
|
||
path.addLine(to: CGPoint(x: 0.0, y: r))
|
||
path.addArc(withCenter: CGPoint(x: r, y: r),
|
||
radius: r,
|
||
startAngle: .pi,
|
||
endAngle: 3.0 * .pi / 2.0,
|
||
clockwise: true)
|
||
|
||
path.close()
|
||
return path
|
||
}
|
||
|
||
}
|