2017-02-13 13 views
0

ImgurアプリケーションがUICollectionViewCellのaboutビューで行ったことを達成しようとしています。以下を参照してください:UICollectionViewCell sizeForRowAtIndexPathと2つのビューを並べて表示

enter image description here

が、私は1 UICollectionViewCellをしたいが、細胞内のビューの代わりに3つのセクションには、私はちょうど2つ(コメントや記事を)したいです。

私のUICollectionViewでは、Imgurのようなカードビューを作成したいので、実行時にセルのサイズを変更して、ほぼ画面全体をマイナスします。

私は側で2つのビュー側を取得するには、このStackOverflowのポストを追っ:iOS Autolayout: two buttons of equal width, side by side

と私は同じ幅の側面で2つのビュー側を取得することができています。ストーリーボードでの表示は次のとおりです。

enter image description here しかし、私がアプリを実行すると、私のビューは自動サイズ調整のために伸びてしまいます。以下を参照してください:

enter image description here

私は両方にビューを取得できますか等しい幅であることやビューの前と後、間に等しい間隔を持っていますか?

+0

が等しい間隔と等しい幅をそこに持っている些細になります:あなたはスタックビューについてもっと学びたいのであれば、レイWenderlichにこの素晴らしいチュートリアルに従いますと高さも。それでは何が欲しいですか? –

+0

はい、等間隔、幅、高さは同じですが、幅は正しくない幅です。私のトップとボトムの画像の違いに注目してください。一番上のものは正方形の灰色のビューを有し、一番下のものは長方形の灰色のビューを有し、ビューが伸張されていることを示す。私はそれを望んでいない。 –

+0

ええ、そうです。では、ソリューションとして 'UICollectionViewDelegateFlowLayout'を試しましたか?あなたがこのレイアウトのあなたのストーリーボードイメージを私に見せることができれば、その方が優れています。 –

答えて

1

UIStackViewを使用できます。一連のビューを水平または垂直に配置する簡単な方法を提供します。右、左、

enter image description here

がトップからあなたのスタックビューに制約を与える:

二つのビューを選択し、ストーリーボードキャンバスの右下に自動レイアウトツールバーの新しいスタック]ボタンをクリックしてくださいおよび底部。

enter image description here

NB:次に、あなたのは、このようなスタックビューのインスペクタ属性作ります。 https://www.raywenderlich.com/114552/uistackview-tutorial-introducing-stack-views

は私を信じて、あなたがスタックビューを学んだ後、自動レイアウトに伴う複雑さのほとんどは

+0

すごく感謝しています。私はすでにこれが本当に助けになると言うことができます! –

関連する問題