iOSレイアウトイメージを動的に

Question

私はiOSのレイアウト問題の合理的な解決策を見つけようとしています。

----------- 
| x x | 
| x x | 
| x x | 
| x x | 
| x x | 
| x x | 
----------- 

各画像は、異なる幅を有することができるが、高さは最大値を有し、各画像は、それがカラム年代にセンタリングされる。

私はこのレイアウトでビュー中、nイメージをロードする必要があります。

推奨されるアプローチは何ですか？

私は横に50％の幅を持つビューを配置してから、画像を中央に配置することを考えています。

ありがとうございます！

Answer 1

これはあなたに役立つはずです。ただし、画像の比率は考慮しません。

CGRect bounds = [[UIScreen mainScreen] bounds]; 
CGFloat maxCol = [imageViewArray count] + ([imageViewArray count] % 2); 
CGFloat width = (bounds.size.width/2) - 15; 
CGFloat height = (bounds.size.height/maxCol) - 10; 

// loop through imageViews 
for(pos = 0; pos < [imageViewArray count]; pos++) 
{ 
    // calculate position within grid 
    CGFloat row = (pos/2); 
    CGFloat col = (pos%2); 


    // retrieves UIImageView and UIImage 
    imageView  = [imageViewArray objectAtIndex:pos]; 
    image   = imageView.image; 

    // calculates image size 
    CGFloat scaledWidth = (height * image.size.width)/image.size.height; 

    // adjust size of image view 
    imageView.frame = CGRectMake(0,   // temp value for x 
           0,   // temp value for y 
           height,  // width of image 
           scaledWidth); // height of image 

    // adjust position of image view 
    imageView.center = CGPointMake((bounds.size.width/3) + ((bounds.size.width/3) * col), 
            ((height+10) * row) + (height+10)/2)); 

    // add image view to super view 
    [rootView addSubView:imageView]; 
}; 

上記スケーリングは、グリッド位置の高さが常にグリッド位置の幅よりも小さくなっていることを前提としています。

Answer 2

グリフを描画するときにテキストエンジンに同じ問題があるように見えます。あなたがしたいことは、まず何かをする前に行の幅を計算することです。これは、左から右にループすることによって行われ、エッジに到達するまでビューのサイズを追加し、追加することはできません。その行の幅と最大高さを知っていて、右側に残した余白を2で割ったものに等しいオフセットを左端に追加するだけでビューを中央に置くだけです。そして、その行の最大高さでy座標にオフセットを追加します。

すべてのビューがすべての位置になるまで、すべてのビューに対してその操作を続けます。

Answer 3

多くの画像を読み込むと、パフォーマンス上の問題が発生します。これを行うより良い方法 - UITableViewとcustom cellsを使用してください。