Ich hatte das gleiche Problem. Vielen Dank an alle anderen, die geantwortet haben. Ich konnte anhand von Teilen mehrerer dieser Antworten eine Lösung zusammenstellen.
Meine Lösung verwendet Swift 5
Das Problem, das wir zu lösen versuchen, ist, dass wir möglicherweise Bilder mit unterschiedlichen Seitenverhältnissen in unseren TableViewCells haben, aber wir möchten, dass sie mit konsistenten Breiten gerendert werden. Die Bilder sollten natürlich verzerrungsfrei gerendert werden und den gesamten Raum ausfüllen. In meinem Fall war ich damit einverstanden, große, dünne Bilder zu "beschneiden", also habe ich den Inhaltsmodus verwendet.scaleAspectFill
Zu diesem Zweck habe ich eine benutzerdefinierte Unterklasse von erstellt UITableViewCell. In meinem Fall habe ich es benannt StoryTableViewCell. Die gesamte Klasse wird unten mit Inline-Kommentaren eingefügt.
Dieser Ansatz hat bei mir funktioniert, wenn ich auch eine benutzerdefinierte Zubehöransicht und lange Textbeschriftungen verwendet habe. Hier ist ein Bild des Endergebnisses:
Gerenderte Tabellenansicht mit konsistenter Bildbreite
class StoryTableViewCell: UITableViewCell {
override func layoutSubviews() {
super.layoutSubviews()
// ==== Step 1 ====
// ensure we have an image
guard let imageView = self.imageView else {return}
// create a variable for the desired image width
let desiredWidth:CGFloat = 70;
// get the width of the image currently rendered in the cell
let currentImageWidth = imageView.frame.size.width;
// grab the width of the entire cell's contents, to be used later
let contentWidth = self.contentView.bounds.width
// ==== Step 2 ====
// only update the image's width if the current image width isn't what we want it to be
if (currentImageWidth != desiredWidth) {
//calculate the difference in width
let widthDifference = currentImageWidth - desiredWidth;
// ==== Step 3 ====
// Update the image's frame,
// maintaining it's original x and y values, but with a new width
self.imageView?.frame = CGRect(imageView.frame.origin.x,
imageView.frame.origin.y,
desiredWidth,
imageView.frame.size.height);
// ==== Step 4 ====
// If there is a texst label, we want to move it's x position to
// ensure it isn't overlapping with the image, and that it has proper spacing with the image
if let textLabel = self.textLabel
{
let originalFrame = self.textLabel?.frame
// the new X position for the label is just the original position,
// minus the difference in the image's width
let newX = textLabel.frame.origin.x - widthDifference
self.textLabel?.frame = CGRect(newX,
textLabel.frame.origin.y,
contentWidth - newX,
textLabel.frame.size.height);
print("textLabel info: Original =\(originalFrame!)", "updated=\(self.textLabel!.frame)")
}
// ==== Step 4 ====
// If there is a detail text label, do the same as step 3
if let detailTextLabel = self.detailTextLabel {
let originalFrame = self.detailTextLabel?.frame
let newX = detailTextLabel.frame.origin.x-widthDifference
self.detailTextLabel?.frame = CGRect(x: newX,
y: detailTextLabel.frame.origin.y,
width: contentWidth - newX,
height: detailTextLabel.frame.size.height);
print("detailLabel info: Original =\(originalFrame!)", "updated=\(self.detailTextLabel!.frame)")
}
// ==== Step 5 ====
// Set the image's content modoe to scaleAspectFill so it takes up the entire view, but doesn't get distorted
self.imageView?.contentMode = .scaleAspectFill;
}
}
}
self.imageView.boundsdas Bild zentriert.