仅为部分 UIView 设置背景颜色

Question

我希望 UIView 的底部（不是一半）与顶部的颜色不同。

我想知道我是否应该创建一个 CGRect 然后给它上色？这是在正确的轨道上吗？

- (void)drawRect:(CGRect)rect { 

    CGRect aRect = CGRectMake(x, y, width, height);

    // Fill the rectangle with grey
    [[UIColor greyColor] setFill];
    UIRectFill( rect );
}

Answer 1

是的，因为您已经覆盖了 drawRect 方法，所以可以这样做。

- (void)drawRect:(CGRect)rect { 

    CGRect topRect = CGRectMake(0, 0, rect.size.width, rect.size.height/2.0);
    // Fill the rectangle with grey
    [[UIColor greyColor] setFill];
    UIRectFill( topRect );

    CGRect bottomRect = CGRectMake(0, rect.size.height/2.0, rect.size.width, rect.size.height/2.0);
    [[UIColor redColor] setFill];
    UIRectFill( bottomRect );

}

根据需要更改框架内的值。

Answer 2

使用 Swift 5.1 和 iOS 13，您可以选择以下两种方式之一来解决您的问题。

---

#1。使用UIRectFill(_:) 函数在UIView 子类中使用UIColor 实例绘制并填充指定的CGRect 实例

UIKit 提供了一个UIRectFill(_:) 函数。 UIRectFill(_:) 有以下声明：

func UIRectFill(_ rect: CGRect)

用当前颜色填充指定的矩形。

以下 Playground 代码展示了如何使用UIRectFill(_:)：

import UIKit
import PlaygroundSupport

class CustomView: UIView {

    override init(frame: CGRect) {
        super.init(frame: frame)

        backgroundColor = UIColor.green
    }

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

    override func draw(_ rect: CGRect) {
        super.draw(rect)

        let bottomRect = CGRect(
            origin: CGPoint(x: rect.origin.x, y: rect.height / 2),
            size: CGSize(width: rect.size.width, height: rect.size.height / 2)
        )
        UIColor.red.set()
        UIRectFill(bottomRect)
    }

}

let view = CustomView(frame: CGRect(x: 0, y: 0, width: 200, height: 200))
PlaygroundPage.current.liveView = view

---

#2。使用CGContext 的fill(_:) 方法在UIView 子类中使用UIColor 实例绘制并填充指定的CGRect 实例

CGContext 有一个名为fill(_:) 的方法。 fill(_:) 有以下声明：

func fill(_ rect: CGRect)

使用当前图形状态下的填充颜色绘制包含在提供的矩形内的区域。

以下 Playground 代码展示了如何使用fill(_:)：

import UIKit
import PlaygroundSupport

class CustomView: UIView {

    override init(frame: CGRect) {
        super.init(frame: frame)

        backgroundColor = UIColor.green
    }

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

    override func draw(_ rect: CGRect) {
        super.draw(rect)

        let bottomRect = CGRect(
            origin: CGPoint(x: rect.origin.x, y: rect.height / 2),
            size: CGSize(width: rect.size.width, height: rect.size.height / 2)
        )
        UIColor.red.set()
        guard let context = UIGraphicsGetCurrentContext() else { return }
        context.fill(bottomRect)
    }

}

let view = CustomView(frame: CGRect(x: 0, y: 0, width: 200, height: 200))
PlaygroundPage.current.liveView = view

Answer 3

您还可以将 CALayer 作为子层添加到您的视图中。 包括 CoreGraphics 和 QuartzCore 框架，并在您的 drawRect 方法中创建具有所需形状因子的 CGRect。 使用 rect 实例化一个 CALayer，并使用 [self.layer addSublayer:theLayer] 将其添加到视图层。 在添加之前使用 CALayer 的 -setBackgroundColor: 方法。

如果这是在 View Controller 而不是 View 子类中，请在 viewDidLoad 方法中执行完全相同的操作。

布莱恩

Answer 4

您可以使用此代码。请根据您的需要更改 CGRect。

- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();

    CGRect topView = CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height / 2);
    CGRect bottomView = CGRectMake(0, [UIScreen mainScreen].bounds.size.height / 2, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height / 2);

    UIColor * grayColor = [UIColor colorWithRed:230.0/255.0 green:230.0/255.0 blue:230.0/255.0 alpha:1.0];

    CGContextSetFillColorWithColor(context, grayColor.CGColor);
    CGContextFillRect(context, bottomView);

    CGContextSetFillColorWithColor(context, [UIColor yellowColor].CGColor);
    CGContextFillRect(context, topView);
}

以下链接可能对您有更多帮助。 http://www.raywenderlich.com/32925/core-graphics-tutorial-shadows-and-gloss

Answer 5

你可以做一个 CGRect 并剪裁一部分来填充。

但是为什么不尝试两个不同的 UIView 并排放置呢？

婆罗门

Answer 6

覆盖 UIView 子类的 drawRect 方法。以下代码将使视图的上半部分变为黑色，视图的下半部分变为红色。

// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect
{
    // Top View
    CGRect topRect = {CGRectGetMinX(self.bounds), CGRectGetMinY(self.bounds), CGRectGetMaxX(self.bounds), CGRectGetMaxY(self.bounds)};
    [[UIColor blackColor] setFill];
    UIRectFill(topRect);

    // Bottom View
    CGRect bottomRect = {CGRectGetMinX(self.bounds), CGRectGetMidY(self.bounds), CGRectGetMaxX(self.bounds), CGRectGetMidY(self.bounds)};
    [[UIColor redColor] setFill];
    UIRectFill(bottomRect);
}

注意：您也只能在子类化 UIView 时覆盖 drawRect: 方法。根据您的评论观点，我感觉这不是您在做的事情。