iOS 上 UIVIew 和 CALayer 关于背景图片的关系

Question

试图理解UIView和CALayer之间的关系。我阅读了Apple文档，但它没有详细描述两者之间的关系。

1. 为什么当我添加背景图像来查看“customViewController.view”时，我会得到不需要的黑色图像。

   为什么

2. 当我将背景图像添加到“customViewController.view.layer”层时，图像的黑色区域消失了（这就是我想要的），但背景图像颠倒了。这是为什么？

3. 如果我要添加标签/视图/按钮/等。到视图中，图层的背景图像是否会遮挡它们，因为 CAlayer 由 UIView 支持？

4. 当您设置 UIView 的背景颜色时，它会自动设置关联图层的背景颜色吗？

   - (void)viewDidLoad
   {
       [超级viewDidLoad];
       customViewController = [[CustomViewController 分配] init];
       customViewController.view.frame = CGRectMake(213, 300, 355, 315);
   
       customViewController.view.backgroundColor = [[UIColor alloc] initWithPatternImage:[UIImage imageNamed:@"login_background.png"]];
       // customViewController.view.layer.backgroundColor = [[UIColor alloc] initWithPatternImage:[UIImage imageNamed:@"login_background.png"]].CGColor;
   
       [self.view addSubview:customViewController.view];
   }
   

视图中的背景图片：

- (void)viewDidLoad
{
    [super viewDidLoad];
    customViewController = [[CustomViewController alloc] init];
    customViewController.view.frame = CGRectMake(213, 300, 355, 315);

//  customViewController.view.backgroundColor = [[UIColor alloc] initWithPatternImage:[UIImage imageNamed:@"login_background.png"]];
    customViewController.view.layer.backgroundColor = [[UIColor alloc] initWithPatternImage:[UIImage imageNamed:@"login_background.png"]].CGColor;

    [self.view addSubview:customViewController.view];
}

view.layer 中的背景图片:

Answer 1

1. UIView 默认创建为不透明。当您将backgroundColor 设置为具有透明度的图案时，它会选择黑色作为背景色。您可以设置 customViewController.view.opaque = NO; 以允许您后面的视图的背景显示出来。

2. 当您将图层的背景颜色设置为具有透明度的图案时，您将绕过 UIView 逻辑，因此视图的不透明性将被忽略； UIView 的变换也是如此。 CoreGraphics 和朋友使用正 y 轴指向上方的坐标系。 UIKit 翻转这个坐标系。这就是图像看起来颠倒的原因。

3. 如果您添加标签/视图/按钮/等。将正确显示在图层背景图案的顶部。

4. 当您设置视图的背景颜色时，看起来就像确实设置了图层的背景颜色一样。 （我没有在任何地方看到过此记录）。

本质上，UIKit 的 UIView 东西是一个高级界面，最终渲染到层上。

希望这有帮助。

编辑 5/7/2011

您可以通过翻转图层的坐标系来使图像以正确的方式显示，但您不应该对 view.layer 执行此操作； UIKit 不希望你弄乱这个层，所以如果你翻转它的坐标系，任何 UIKit 绘图都会被翻转；你需要使用一个子层。

因此，您的代码将如下所示：

- (void)viewDidLoad
{
    [super viewDidLoad];
    customViewController = [[CustomViewController alloc] init];
    customViewController.view.frame = CGRectMake(213, 300, 355, 315);

    CALayer* l = [CALayer layer];
    l.frame = customViewController.bounds;
    CGAffineTransform t = CGAffineTransformMake(1.0f, 0.0f, 0.0f, -1.0f, 0.0f, 0.0f);
    l.affineTransform = t;
    l.backgroundColor = [[UIColor alloc] initWithPatternImage:[UIImage
                             imageNamed:@"login_background.png"]].CGColor;
    [customViewController.view.layer addSublayer:l];

    [self.view addSubview:customViewController.view];
}

注意：通常，当您翻转坐标时，您会包含高度。对于图层，您不需要这样做。我还没有深究为什么会这样。

正如您所看到的，这里涉及更多的代码，并且这样做没有真正的优势。我强烈建议您坚持使用 UIKit 方法。我发布代码只是为了满足您的好奇心。