MyLocations: p253 (243) Aspect Fill thumbnails [SOLVED] - Elegant Solution

[anatoliy]

Continuing former discussions about changing the resizing rule of the thumbnail to Aspect Fill

MyLocations: p253 Aspect Fill thumbnails [SOLVED]

Continuing the discussion from MyLocations: p.253 exercise aspect fill thumbnails [SOLVED]: I took a bit of a different approach than the one by @linc. After a bit of research, the UIImageView has a property on it called .contentMode. You can set this in LocationCell, just above where you set the image property on photoImageView. I added the following code: photoImageView.contentMode = .scaleAspectFill The problem with this is that the images will extend outside the bounds of the contai…

MyLocations: p.253 exercise aspect fill thumbnails [SOLVED]

The tutorial only shows how to resize the image (with a constant aspect ratio) to fit within the 52x52 point bounds of the thumbnail (“aspect fit” rules). That leaves white space top+bottom or left+right of the thumbnail, if the original image is not square as well. The task is to use the “Aspect Fill” rules to make thumbnails that always fill the boundaries of the thumbnail while showing a centered part of the image with the correct aspect ratio. That requires the following steps in my opinio…

There’s very elegant solution with only 4 lines changed inside the method:

func resizedImage(withBounds bounds: CGSize) -> UIImage {
    ...
    let ratio = max(horizontalRatio, verticalRatio) //Change the ratio to the maximum one
    ...
    UIGraphicsBeginImageContextWithOptions(bounds, true, 0) //Cut the image to the given bounds
    let originPoint = CGPoint(x: min((bounds.width - newSize.width), CGPoint.zero.x), y: min((bounds.height - newSize.height), CGPoint.zero.y)) //Calculating origin point to center the image
    draw(in: CGRect(origin: originPoint, size: newSize)) //Using the originPoint
    ...
}

[tenryu]

Thanks for your solution!

Now it just put the image to the bottom right corner of the bound. Try to change the originPoint to:

let originPoint = CGPoint(x: min((bounds.width - newSize.width) / 2, CGPoint.zero.x), y: min((bounds.height - newSize.height) / 2, CGPoint.zero.y))

This put it to the center. The simplest way to check it is to test the three versions of the code (one in the book, your solution’s one, and one with my version of the originPoint using panoramic pictures.