iOS

Question

我不太确定从哪里开始，正在寻找是否有人可以直接指出我正确的方向。

我正在构建以下项目：https://github.com/hoiberg/HM10-BluetoothSerial-iOS

我的目标是能够在显示串行消息的框顶部的屏幕中间绘制一个大矩形 (SerialViewController.swift)[我稍后会删除这些消息，因为它们仍然存在用于调试目的] 并能够独立地为矩形的上半部分和矩形的下半部分着色（这些将在消息达到特定条件时设置，我已经实现了）。

我希望能够使用以下函数操作矩形的上半部分和下半部分：

func uiColorFromHex(rgbValue: Int) -> UIColor {

// &  binary AND operator to zero out other color values
// >>  bitwise right shift operator
// Divide by 0xFF because UIColor takes CGFloats between 0.0 and 1.0

let red =   CGFloat((rgbValue & 0xFF0000) >> 16) / 0xFF
let green = CGFloat((rgbValue & 0x00FF00) >> 8) / 0xFF
let blue =  CGFloat(rgbValue & 0x0000FF) / 0xFF
let alpha = CGFloat(1.0)

return UIColor(red: red, green: green, blue: blue, alpha: alpha)

}

这样我就可以分别操作区域的颜色了。即：

let myColorValue = 10

self.topHalfRectangle.hexStringToUIColor(myColorValue)

如果我能帮我指明正确的方向，我将不胜感激，因为我似乎什么都做不了！

Answer 1

在您的 ViewController...

中试试这个

// Set a couple of constants to hold the shapes

let topHalfRectangle = CAShapeLayer()
let bottomHalfRectangle = CAShapeLayer()

override func viewDidLoad() {
    super.viewDidLoad()

    // Create shape layer paths for the top and bottom rectangles
    // Note that these will fill the entire view,
    // inset as necessary.
    topHalfRectangle.path = UIBezierPath(rect: CGRect(x: 0.0, y: 0.0, width: view.frame.size.width, height: view.frame.midY)).cgPath
    bottomHalfRectangle.path = UIBezierPath(rect: CGRect(x: 0.0, y: view.frame.midY, width: view.frame.size.width, height: view.frame.midY)).cgPath

    // Add the shape layers to the view
    view.layer.addSublayer(topHalfRectangle)
    view.layer.addSublayer(bottomHalfRectangle)
}

设置颜色：

topHalfRectangle.fillColor = uiColorFromHex(myColorValue).cgColor

顺便说一句，从十六进制值设置 UIColor 是一项常见任务，因此我建议扩展 UIColor 以提供此功能。

import UIKit

extension UIColor {

    /// Create color from RGB hex
    ///
    /// - Parameter fromHexValue: Hexadecimal integer value

    convenience init(fromHexValue: Int) {

        // &  binary AND operator to zero out other color values
        // >>  bitwise right shift operator
        // Divide by 0xFF because UIColor takes CGFloats between 0.0 and 1.0

        let red =   CGFloat((fromHexValue & 0xFF0000) >> 16) / 0xFF
        let green = CGFloat((fromHexValue & 0x00FF00) >> 8) / 0xFF
        let blue =  CGFloat(fromHexValue & 0x0000FF) / 0xFF
        let alpha = CGFloat(1.0)

        self.init(red: red, green: green, blue: blue, alpha: alpha)
    }
}

然后let color = UIColor(fromHexValue: 10)就可以使用了。

iOS - Swift 在当前视图控制器中绘制形状

iOS - Swift draw shape inside current view controller

xcode

shapes

swift