Redimensionner UIImage et de changer la taille de UIImageView

J'ai cette UIImageView et j'ai des valeurs de son maximum de hauteur et de largeur max. Ce que je veux réaliser c'est que je veux profiter de l'image (avec un aspect ratio et de toute résolution) et je veux qu'il fit dans les frontières, de sorte que l'image ne dépasse pas, mais il peut rétrécir comme il veut. (marqué en rouge sur l'image):

Droite, l'image s'adapte à la taille nécessaire correctement, mais j'ai 2 soucis:
1. Le UIImageView n'est pas égale à la taille de l'image, donc en laissant un arrière-plan rouge (et je n'en veux pas)
2. Si l'image est plus petite que la hauteur de mon UIImageView il n'est pas redimensionnée pour être plus petit, il reste à la même hauteur.

Voici mon code et je sais que c'est faux:

UIImage *actualImage = [attachmentsArray lastObject];
UIImageView *attachmentImageNew = [[UIImageView alloc] initWithFrame:CGRectMake(5.5, 6.5, 245, 134)];
attachmentImageNew.image = actualImage;
attachmentImageNew.backgroundColor = [UIColor redColor];
attachmentImageNew.contentMode = UIViewContentModeScaleAspectFit;

Alors, comment puis-je modifier dynamiquement la taille, non seulement de la UIImageView.image, mais de l'ensemble de UIImageView, rendant ainsi sa taille entièrement réglable à son contenu. Toute aide serait grandement appréciée, merci!

InformationsquelleAutor Sergey Grischyov | 2013-02-01

32

Lorsque vous obtenez la largeur et la hauteur d'une image redimensionnée Obtenir la largeur de l'image redimensionnée après UIViewContentModeScaleAspectFit, vous pouvez redimensionner votre imageView:
```
imageView.frame = CGRectMake(0, 0, resizedWidth, resizedHeight);
imageView.center = imageView.superview.center;
```
Je n'ai pas vérifié si cela fonctionne, mais je pense que tout devrait être OK
- si après superview je ne suis pas d'ajouter '!' il me donner le message d'erreur "valeur d'option" type de UIView? "non déballé' est fixe si j'utilise '!' : imageView.centre = imageView.superview!.centre;
- Si vous utilisez la mise en page automatique? Ne devriez-vous pas être frame?
InformationsquelleAutor Mikhail

- (UIImage *)image:(UIImage*)originalImage scaledToSize:(CGSize)size
{
    //avoid redundant drawing
    if (CGSizeEqualToSize(originalImage.size, size))
    {
        return originalImage;
    }

    //create drawing context
    UIGraphicsBeginImageContextWithOptions(size, NO, 0.0f);

    //draw
    [originalImage drawInRect:CGRectMake(0.0f, 0.0f, size.width, size.height)];

    //capture resultant image
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    //return image
    return image;
}

comment l'utiliser btw

InformationsquelleAutor Rajneesh071

C'est le Swift équivalent pour Rajneesh071 réponse, en utilisant des extensions de

UIImage {
  func scaleToSize(aSize :CGSize) -> UIImage {
    if (CGSizeEqualToSize(self.size, aSize)) {
      return self
    }

    UIGraphicsBeginImageContextWithOptions(aSize, false, 0.0)
    self.drawInRect(CGRectMake(0.0, 0.0, aSize.width, aSize.height))
    let image = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return image
  }
}

Utilisation:

let image = UIImage(named: "Icon")
item.icon = image?.scaleToSize(CGSize(width: 30.0, height: 30.0))

Cela a fonctionné pour moi!

InformationsquelleAutor JoeGalind

Utiliser la catégorie ci-dessous et ensuite appliquer une bordure de Quartz dans votre image:

[yourimage.layer setBorderColor:[[UIColor whiteColor] CGColor]];
[yourimage.layer setBorderWidth:2];

La catégorie:
UIImage+AutoScaleResize.h

#import <Foundation/Foundation.h>

@interface UIImage (AutoScaleResize)

- (UIImage *)imageByScalingAndCroppingForSize:(CGSize)targetSize;

@end

UIImage+AutoScaleResize.m

#import "UIImage+AutoScaleResize.h"
@implementation UIImage (AutoScaleResize)
- (UIImage *)imageByScalingAndCroppingForSize:(CGSize)targetSize
{
UIImage *sourceImage = self;
UIImage *newImage = nil;
CGSize imageSize = sourceImage.size;
CGFloat width = imageSize.width;
CGFloat height = imageSize.height;
CGFloat targetWidth = targetSize.width;
CGFloat targetHeight = targetSize.height;
CGFloat scaleFactor = 0.0;
CGFloat scaledWidth = targetWidth;
CGFloat scaledHeight = targetHeight;
CGPoint thumbnailPoint = CGPointMake(0.0,0.0);
if (CGSizeEqualToSize(imageSize, targetSize) == NO)
{
CGFloat widthFactor = targetWidth / width;
CGFloat heightFactor = targetHeight / height;
if (widthFactor > heightFactor)
{
scaleFactor = widthFactor; //scale to fit height
}
else
{
scaleFactor = heightFactor; //scale to fit width
}
scaledWidth  = width * scaleFactor;
scaledHeight = height * scaleFactor;
//center the image
if (widthFactor > heightFactor)
{
thumbnailPoint.y = (targetHeight - scaledHeight) * 0.5;
}
else
{
if (widthFactor < heightFactor)
{
thumbnailPoint.x = (targetWidth - scaledWidth) * 0.5;
}
}
}
UIGraphicsBeginImageContext(targetSize); //this will crop
CGRect thumbnailRect = CGRectZero;
thumbnailRect.origin = thumbnailPoint;
thumbnailRect.size.width  = scaledWidth;
thumbnailRect.size.height = scaledHeight;
[sourceImage drawInRect:thumbnailRect];
newImage = UIGraphicsGetImageFromCurrentImageContext();
if(newImage == nil)
{
NSLog(@"could not scale image");
}
//pop the context to get back to the default
UIGraphicsEndImageContext();
return newImage;
}
@end

InformationsquelleAutor CainaSouza

1

Si vous avez la taille de l'image, pourquoi ne pas vous fixer le frame.size de l'affichage de l'image de cette taille?

EDIT----

Ok, donc en voyant vos commentaires je propose ceci:
```
UIImageView *imageView;
//so let's say you're image view size is set to the maximum size you want
CGFloat maxWidth = imageView.frame.size.width;
CGFloat maxHeight = imageView.frame.size.height;
CGFloat viewRatio = maxWidth / maxHeight;
CGFloat imageRatio = image.size.height / image.size.width;
if (imageRatio > viewRatio) {
CGFloat imageViewHeight = round(maxWidth * imageRatio);
imageView.frame = CGRectMake(0, ceil((self.bounds.size.height - imageViewHeight) / 2.f), maxWidth, imageViewHeight);
}
else if (imageRatio < viewRatio) {
CGFloat imageViewWidth = roundf(maxHeight / imageRatio);
imageView.frame = CGRectMake(ceil((maxWidth - imageViewWidth) / 2.f), 0, imageViewWidth, maxHeight);
} else {
//your image view is already at the good size
}
```
Ce code permet de redimensionner votre image en vue de son image, et également la position de l'affichage de l'image vers le même centre que votre "défaut" de position.

PS: j'espère que vous allez imageView.layer.shouldRasterise = YES
et imageView.layer.rasterizationScale = [UIScreen mainScreen].scale;

si vous utilisez CALayer effet d'ombre 😉 Il va grandement améliorer les performances de votre INTERFACE utilisateur.
- Pourquoi pensez-vous que je suis le redimensionnement avec attachmentImageNew.contentMode = UIViewContentModeScaleAspectFit? Parce que l'image est trop grande. Je ne peux pas définir la taille de la imageView être l'exact de la taille de son image, parce que j'ai la valeur maximale pour la hauteur et la largeur. Et à peu près 90% des images doivent être redimensionnées.
InformationsquelleAutor Baldoph
0

Je pense que ce que vous voulez, c'est un autre content mode. Essayez d'utiliser UIViewContentModeScaleToFill. Cela va à l'échelle le contenu à la taille de l'ur UIImageView en changeant le rapport d'aspect du contenu si nécessaire.

Ont un look à la mode de contenu section sur la doc officielle pour avoir une meilleure idée des différents mode de contenu disponible (il est illustré avec des images).
- J'ai essayé et il va au-delà des limites de mon UIImageView dans la galaxie loin, loin, loin
- Qui sonne comme un star wars bug alors 🙂
- Eh bien, c'est pas un bug, c'est juste se comporte comme cela, je ne pense pas que j'ai besoin de contentMode à tous, j'ai besoin de quelque chose de plus puissant
- Il y a toujours un mode par défaut pour le contentMode c'est pas comme si vous n'en avez pas besoin. La valeur par défaut est UIViewContentModeScaleToFill
InformationsquelleAutor tiguero

   if([[SDWebImageManager sharedManager] diskImageExistsForURL:[NSURL URLWithString:@"URL STRING1"]])
{
NSString *key = [[SDWebImageManager sharedManager] cacheKeyForURL:[NSURL URLWithString:@"URL STRING1"]];
UIImage *tempImage=[self imageWithImage:[[SDImageCache sharedImageCache] imageFromDiskCacheForKey:key] scaledToWidth:cell.imgview.bounds.size.width];
cell.imgview.image=tempImage;
}
else
{
[cell.imgview sd_setImageWithURL:[NSURL URLWithString:@"URL STRING1"] placeholderImage:nil completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL)
{
UIImage *tempImage=[self imageWithImage:image scaledToWidth:cell.imgview.bounds.size.width];
cell.imgview.image=tempImage;
//               [tableView beginUpdates];
//               [tableView endUpdates];
}];
}

InformationsquelleAutor Gami Nilesh

Vous devez vous connecter pour publier un commentaire.