3

解決策:将来これを見る人のために、私が使用した解決策は確かにviewDidLayoutSubviews. ソリューションは実際にはかなり複雑でした。ページの再レイアウトが必要になるたびに、いくつかのスケーリング値を計算し、Art ビューのサイズを動的に変更する必要がありました。対処すべきいくつかの奇妙な問題がありましたが、それぞれが削除された後、実装はかなりしっかりしているように感じます.

誰かが後で同様の問題に遭遇した場合は、私に知らせてください。関連するコードを投稿できます。


「空白の」UIView、単一の画像を含む UIImageView であるサブビュー、および基本的に CGContext の円弧と線などのコレクションである 2 番目のサブビューがあります。

私がいる場所: UIImageView サブビューを UIView の上に配置して、その画像が「背景」になるようにしました。次に、CGContext の弧と線のサブビューをその上に配置しました (わかりやすくするために、これを Art サブビューと呼びます)。すべて良い。すべてが完璧に整列して表示されます。

問題:回転すると、調子がおかしくなる。Art サブビューの円弧と線が間違った座標になってしまい、autoresizingmask の設定によっては画像が引き伸ばされるなどの問題があります。一度に 1 つの問題を修正できますが、修正する適切な組み合わせが見つかりません。それら両方!

私が試したこと:ほぼすべての autoresizingMask オプションとオプションの組み合わせを試しましたが、上記のとおり、それらの問題を完全に解決することはできません。viewDidLayoutSubviews でいくつかのカスタム コードを使用してみましたが、autoresizingMasks を使用する場合と比較して、これは非常に薄っぺらで拡張性が低いと感じました。それで、名目上の進歩を遂げた後、私は道を断念しました。

学んだこと: UIImageView フレームと Art サブビュー フレームを同じ寸法にバインドしている限り、円弧と線は適切な座標にとどまります。それはおそらく私の目標を述べる最も簡単な方法です: UIImageView を正しい縦横比 (画像だけでなくビュー自体) に保ち、Art サブビューをそのフレームに正確に一致させます。回転など。

これが私が達成したいことの図です:

+= UIView

~= UIImageView サブビュー

.=アートサブビュー

肖像画

ここで、UIImageView 内の画像は基本的に画面全体を占め (完全ではありません)、Art サブビューはその上にレイヤー化され、下の点は粗い線/円弧を表します。

++++++++++
+~~~~~~~~+
+~   .  ~+
+~  .   ~+
+~ .    ~+
+~ .    ~+
+~~~~~~~~+
++++++++++

風景

ここで、UIImageView サブレイヤーはその縦横比を維持し、Art サブレイヤーは UIImageView 内の画像に「ロック」されたままになります。

++++++++++++++++++++++++++
+         ~~~~~~~~       +
+         ~   .  ~       +
+         ~  .   ~       +
+         ~ .    ~       +
+         ~ .    ~       +
+         ~~~~~~~~       +
++++++++++++++++++++++++++

私のView Controller(問題があると思われる場所-コードをクリーンアップするためにすべてのautoresizingMask設定も削除しました)

- (void)viewWillAppear:(BOOL)animated {
    // get main screen bounds & adjust to include apple status bar
    CGRect frame = [[UIScreen mainScreen] applicationFrame];

    // get image - this code would be meaningless to show, but suffice to say it works
    UIImage *image = [.. custom method to get image from my image store ..];

    // custom method to resize image to screen; see method below
    image = [self resizeImageForScreen:image];

    // create imageView and give it basic setup
    imageView = [[UIImageView alloc] initWithImage:image];
    [imageView setUserInteractionEnabled:YES];

    [imageView setFrame:CGRectMake(0,
                                   0,
                                   image.size.width, 
                                   image.size.height)];

    [imageView setCenter:CGPointMake(frame.size.width / 2,
                                     frame.size.height / 2)];

    [[self view] addSubview:imageView];

    // now put the Art subview on top of it
    // (customArtView is a subclass of UIView where I handle the drawing code)
    artView = [[customArtView alloc] initWithFrame:imageView.frame];

    [[self view] addSubview:artView];
}

resizeImageForScreen: メソッド(これはうまく機能しているようですが、とにかく含めることにしました)

- (UIImage *)resizeImageForScreen:(UIImage *)img {

    // get main screen bounds & adjust to include apple status bar
    CGRect frame = [[UIScreen mainScreen] applicationFrame];

    // get image
    UIImage *image = img;

    // resize image if needed
    if (image.size.width > frame.size.width || image.size.height > frame.size.height) {

        // Figure out a scaling ratio to make sure we maintain the same aspect ratio
        float ratio = MIN(frame.size.width / image.size.width, frame.size.height / image.size.height);

        CGRect newImageRect;
        newImageRect.size.width = ratio * image.size.width;
        newImageRect.size.height = ratio * image.size.height;
        newImageRect.origin.x = 0;
        newImageRect.origin.y = 0;

        // Create a transparent context @ the newImageRect size & no scaling
        UIGraphicsBeginImageContextWithOptions(newImageRect.size, NO, 0.0);

        // Draw the image within it (drawInRect will scale the image for us)
        [image drawInRect:newImageRect];

        // for now just re-assigning i since i don't need the big one
        image = UIGraphicsGetImageFromCurrentImageContext();

        // Cleanup image context resources; we're done!
        UIGraphicsEndImageContext();

    }

    return image;
}
4

1 に答える 1

2

自動サイズ変更フラグとコンテンツモードの組み合わせはありません。使用viewDidLayoutSubviewsは、レイアウトを処理するための1つの合理的な方法です。それが存在する理由です。自動サイズ変更フラグはかなり制限されています。

別のアプローチは-[ArtView drawRect:]、自動サイズ変更フラグが必要なことを実行できるようにメソッドを変更することです。drawRect:メソッドに、を実装するのと同じアルゴリズムをUIImageView実装させることができますUIViewContentModeScaleAspectFit

于 2012-07-23T19:44:34.823 に答える