如何填充 UIView 的背景图像

Question

我有一个UIView，我用这种方式设置了背景图片：

self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"sfond-appz.png"]];

我的问题是背景图像不在视图内居中，但它会重放几次以填充所有视图。有没有办法让 uiview 中的图像居中并显示屏幕尺寸？

注意：我不能使用 UIImageView 作为背景，因为我有一个 scrollview。

Answer 1

您需要预先处理图像，以制作居中和拉伸的图像。 试试这个：

UIGraphicsBeginImageContext(self.view.frame.size);
[[UIImage imageNamed:@"image.png"] drawInRect:self.view.bounds];
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

self.view.backgroundColor = [UIColor colorWithPatternImage:image];

Answer 2

对于 Swift 使用这个...

UIGraphicsBeginImageContext(self.view.frame.size)
UIImage(named: "ImageName.png")?.draw(in: self.view.bounds)

if let image = UIGraphicsGetImageFromCurrentImageContext(){
    UIGraphicsEndImageContext()
    self.view.backgroundColor = UIColor(patternImage: image)
}else{
    UIGraphicsEndImageContext()
    debugPrint("Image not available")
 }

Answer 3

colorWithPattern: 方法实际上是用于从图像生成模式。因此，您需要的定制很可能是不可能的，也不是应该的。

确实，您需要使用UIImageView 来居中和缩放图像。您拥有UIScrollView 的事实并不能阻止这一点：

将self.view 设为通用视图，然后将UIImageView 和UIScrollView 添加为子视图。确保在 Interface Builder 中正确连接所有内容，并使滚动视图的背景颜色透明。

恕我直言，这是面向未来变化的最简单、最灵活的设计。

Answer 4

重复：

UIImage *img = [UIImage imageNamed:@"bg.png"];
view.backgroundColor = [UIColor colorWithPatternImage:img];

拉伸

UIImage *img = [UIImage imageNamed:@"bg.png"];
view.layer.contents = img.CGImage;

Answer 5

Swift 4 中的正确做法， 如果你的框架作为屏幕尺寸是正确的，那么放在任何地方，否则， 将其写入viewDidLayoutSubviews 很重要，因为我们可以在viewDidLayoutSubviews 中获得实际帧

   override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
        UIGraphicsBeginImageContext(view.frame.size)
        UIImage(named: "myImage")?.draw(in: self.view.bounds)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        view.backgroundColor = UIColor.init(patternImage: image!)
    }

Answer 6

对于 Swift 2.1 使用这个...

    UIGraphicsBeginImageContext(self.view.frame.size)
    UIImage(named: "Cyan.jpg")?.drawInRect(self.view.bounds)

    let image: UIImage! = UIGraphicsGetImageFromCurrentImageContext()

    UIGraphicsEndImageContext()

    self.view.backgroundColor = UIColor(patternImage: image)

Answer 7

您可以使用 UIGraphicsBeginImageContext 方法将图像的大小设置为与视图相同。

语法：void UIGraphicsBeginImageContext(CGSize size);

 #define IMAGE(imageName) (UIImage *)[UIImage imageWithContentsOfFile:
  [[NSBundle mainBundle] pathForResource:imageName ofType:IMAGE_TYPE_PNG]]

        UIGraphicsBeginImageContext(self.view.frame.size);
        [[UIImage imageNamed:@“MyImage.png"] drawInRect:self.view.bounds];
        UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();

    self.view.backgroundColor = [UIColor colorWithPatternImage:IMAGE(@"mainBg")];

Answer 8

对于 Swift 3.0，使用以下代码：

    UIGraphicsBeginImageContext(self.view.frame.size)
    UIImage(named: "bg.png")?.drawAsPattern(in: self.view.bounds)
    let image: UIImage = UIGraphicsGetImageFromCurrentImageContext()!
    UIGraphicsEndImageContext()
    self.view.backgroundColor = UIColor(patternImage: image)

Answer 9

标记的答案很好，但它会使图像拉伸。 就我而言，我有一个小图块图像，我想要重复而不是拉伸。 以下代码是我解决黑色背景问题的最佳方法：

UIImage *tileImage = [UIImage imageNamed:@"myTileImage"];
UIColor *color = [UIColor colorWithPatternImage:tileImage];
UIView  *backgroundView = [[UIView alloc] initWithFrame:self.view.frame];
[backgroundView setBackgroundColor:color];
//backgroundView.alpha = 0.1; //use this if you want to fade it away.
[self.view addSubview:backgroundView];
[self.view sendSubviewToBack:backgroundView];

Answer 10

Swift 4 解决方案：

@IBInspectable var backgroundImage: UIImage? {
    didSet {
        UIGraphicsBeginImageContext(self.frame.size)
        backgroundImage?.draw(in: self.bounds)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        if let image = image{
            self.backgroundColor = UIColor(patternImage: image)
        }
    }
}