斯威夫特如何使背景像这张图片？

Question

I'm trying to create a background like in this image

So i have created an image

And here is my code

let background_image: UIImageView = {
    let view = UIImageView()
    view.image = #imageLiteral(resourceName: "backg")
    view.contentMode = .scaleToFill
    return view
}()

background_image.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
background_image.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true
background_image.leftAnchor.constraint(equalTo: view.leftAnchor).isActive = true
background_image.rightAnchor.constraint(equalTo: view.rightAnchor).isActive = true

But the problem is because the screen height is bigger than the width,is makes image looks expanded in height,like this

How can i make image to only fill the width of the screen not the height?

Answer 1

Have you tried using the colorWithPatternImage method (see below)?

UIImage *patternImage = [UIImage imageNamed:@"bluewhite.png"];
self.view.backgroundColor = [UIColor colorWithPatternImage:patternImage];

In Swift 3, it looks like this:

var patternImage = UIImage(named:"bluewhite.png")
self.view.backgroundColor = UIColor(patternImage: patternImage!)

But for an array or a group of images you can use a Collection View behind your main view and configure the background of each collection view item like this:

self.collectionView.backgroundColor = UIColor(colorWithPatternImage:patternImage!)

See this question which discusses a similar issue.

Answer 2

view.contentMode = .scaleToFill

应该

view.contentMode = .scaleAspectFill