web-dev-qa-db-ja.com

UIImageViewでスケーリングされたUIImageのサイズを取得する方法

UIImageViewのimage.size属性は、元のUIImageのサイズを示します。自動スケーリングされた画像をUIImageViewに配置したときのサイズを調べたい（通常は元の画像よりも小さい）。

たとえば、画像をAspect Fitに設定しています。画面の新しい高さと幅を知りたいので、新しいスケーリングされた画像に正確に描画できます。

UIImageViewのサイズとUIImageの元のサイズ（基本的にはスケーリングをリバースエンジニアリングする）に基づいて自分で把握することなくこれを行う方法はありますか？

iosobjective-ccocoa-touchuiimageviewuiimage
47
JasonV

Objective-C：

-(CGRect)frameForImage:(UIImage*)image inImageViewAspectFit:(UIImageView*)imageView
{
    float imageRatio = image.size.width / image.size.height;
    float viewRatio = imageView.frame.size.width / imageView.frame.size.height;
    if(imageRatio < viewRatio)
    {
        float scale = imageView.frame.size.height / image.size.height;
        float width = scale * image.size.width;
        float topLeftX = (imageView.frame.size.width - width) * 0.5;
        return CGRectMake(topLeftX, 0, width, imageView.frame.size.height);
    }
    else
    {
        float scale = imageView.frame.size.width / image.size.width;
        float height = scale * image.size.height;
        float topLeftY = (imageView.frame.size.height - height) * 0.5;

        return CGRectMake(0, topLeftY, imageView.frame.size.width, height);
    }
}

Swift 4：

func frame(for image: UIImage, inImageViewAspectFit imageView: UIImageView) -> CGRect {
  let imageRatio = (image.size.width / image.size.height)
  let viewRatio = imageView.frame.size.width / imageView.frame.size.height
  if imageRatio < viewRatio {
    let scale = imageView.frame.size.height / image.size.height
    let width = scale * image.size.width
    let topLeftX = (imageView.frame.size.width - width) * 0.5
    return CGRect(x: topLeftX, y: 0, width: width, height: imageView.frame.size.height)
  } else {
    let scale = imageView.frame.size.width / image.size.width
    let height = scale * image.size.height
    let topLeftY = (imageView.frame.size.height - height) * 0.5
    return CGRect(x: 0.0, y: topLeftY, width: imageView.frame.size.width, height: height)
  }
}
84
cncool

この単純な関数は画像のサイズを計算します：-

[imageView setFrame:AVMakeRectWithAspectRatioInsideRect(image.size, imageView.frame)];

詳細については、 AVMakeRectWithAspectRatioInsideRect-AVFoundation を参照してください。

17
Meet Doshi

この単純な関数は、アスペクトフィット後の画像のサイズを計算します。

-(CGSize)imageSizeAfterAspectFit:(UIImageView*)imgview{


    float newwidth;
    float newheight;

    UIImage *image=imgview.image;

    if (image.size.height>=image.size.width){
        newheight=imgview.frame.size.height;
        newwidth=(image.size.width/image.size.height)*newheight;

        if(newwidth>imgview.frame.size.width){
            float diff=imgview.frame.size.width-newwidth;
            newheight=newheight+diff/newheight*newheight;
            newwidth=imgview.frame.size.width;
        }

    }
    else{
        newwidth=imgview.frame.size.width;
        newheight=(image.size.height/image.size.width)*newwidth;

        if(newheight>imgview.frame.size.height){
            float diff=imgview.frame.size.height-newheight;
            newwidth=newwidth+diff/newwidth*newwidth;
            newheight=imgview.frame.size.height;
        }
    }

    NSLog(@"image after aspect fit: width=%f height=%f",newwidth,newheight);


    //adapt UIImageView size to image size
    //imgview.frame=CGRectMake(imgview.frame.Origin.x+(imgview.frame.size.width-newwidth)/2,imgview.frame.Origin.y+(imgview.frame.size.height-newheight)/2,newwidth,newheight);

    return CGSizeMake(newwidth, newheight);

}
10
Oleh Kudinov

SwiftのUIImageView拡張機能として、 cncool answer を変更した場合、おそらく誰かに役立つかもしれません：

extension UIImageView{
    func frameForImageInImageViewAspectFit() -> CGRect
    {
        if  let img = self.image {
            let imageRatio = img.size.width / img.size.height;

            let viewRatio = self.frame.size.width / self.frame.size.height;

            if(imageRatio < viewRatio)
            {
                let scale = self.frame.size.height / img.size.height;

                let width = scale * img.size.width;

                let topLeftX = (self.frame.size.width - width) * 0.5;

                return CGRectMake(topLeftX, 0, width, self.frame.size.height);
            }
            else
            {
                let scale = self.frame.size.width / img.size.width;

                let height = scale * img.size.height;

                let topLeftY = (self.frame.size.height - height) * 0.5;

                return CGRectMake(0, topLeftY, self.frame.size.width, height);
            }
        }

        return CGRectMake(0, 0, 0, 0)
    }
}
7
Cesar

画像ビューをアスペクトフィットに設定しているため、元の画像の高さと幅に加えて画像ビューの高さと幅を取得し、スケーリングされた画像の高さと幅を計算できます。

つまり、これを行うbetter方法は、UIImageViewの代わりにカスタムビューを使用することです。次に、カスタムビューで自分でイメージを描画します。そうすれば、そのすべての側面を制御できます。

4
August

追加のセットにこれを含む便利な拡張機能を書いたので、チェックする価値があるかもしれません。

含まれる機能

func getScaledImageSize() -> CGRect?
func getScaledImageSizeWithPadding() -> CGRect?
func getPaddingTop() -> CGFloat? {
func getPaddingBottom() -> CGFloat? {
func getPaddingLeft() -> CGFloat? {
func getPaddingRight() -> CGFloat?
func getScaledCoordinate(forX x: CGFloat, andY y: CGFloat, multiplier:CGFloat = 100.0) -> CGPoint?
func getScaledCoordinateWithPadding(forX x: CGFloat, andY y: CGFloat, multiplier:CGFloat = 100.0) -> CGPoint?

https://Gist.github.com/nathan-fiscaletti/e1b85f68559f305db7342bfff957456

1
Nathan F.

@MeetDoshiに続いて、これはこれに対応する必要がある拡張機能です。

extension UIImageView {
    /// Retrieve the scaled size of the image within this ImageView.
    /// - Returns: A CGRect representing the size of the image after scaling or nil if no image is set.
    func getScaledImageSize() -> CGRect? {
        if let image = self.image {
            return AVMakeRect(aspectRatio: image.size, insideRect: self.frame);
        }

        return nil;
    }
}
1
Nathan F.

フレームが画像のアスペクト比を維持して塗りつぶされる場合、imageviewフレームは画像サイズと同じにはなりません。

0
JasonV