解決策:将来これを見る人のために、私が使用した解決策は確かに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;
}