問題タブ [visual-format-language]

iPhone 6 の画面では正しく表示されるビューがありますが、iPhone 5 の画面ではスクロールが必要です。自動レイアウトの制約を変更して、後者をスクロールする必要をなくそうとしています。

私の状況を視覚的に説明する試みは次のとおりです。

最初の 2 つのスクリーンショットは、iPhone 6 と iPhone 5 の既存の状況です。3 番目のスクリーンショットは、私が達成しようとしているものです (iPhone 5 のみ)。

次の自動レイアウト制約を書きましたが、ここに何かが欠けています:

ここでハグおよび/または圧縮抵抗を使用する必要がありますか? どのように？

編集して、実際のコードをさらに表示します。

2 つのビューの幅が画面いっぱいになるように制約を設定しようとしています。1 つのビューの幅を変更すると、それに応じて他のビューも変更されます。

これはかなり単純だと思いますが、コードは のサイズを無視しているようですview2。view1は画面の幅全体を取得し続け、 のフレームを設定してview2も の幅には影響しませんview1。

私は何が欠けていますか？

プログラムで作成しようとしてAutolayoutsいるので、【オートレイアウトガイド】【1】を参考にしました。その中で、プログラムで作成するための 3 つのテクニックを見つけましたAutolayouts

1. レイアウト アンカー
2. NSLayoutConstraint クラス
3. ビジュアルフォーマット言語

Visual Format Language についてAutolayout Guide次のように述べています。

この表記は、完全性よりも優れた視覚化を強調しています。したがって、一部の制約 (縦横比など) は、ビジュアル フォーマット言語を使用して作成することはできません。

と混ぜVisual Format Languageて、とで他のをLayout Anchors作成できますか。constraintsVisual Format LanguageAspect ratio constraintsLayout Anchors

ラベルの右隅に末尾と下からラベルをsuperViewレイアウト8ptし10ptたい

これは私のコードです:

しかし、私は入ってUnable to simultaneously satisfy constraintsいますconsole

Will attempt to recover by breaking constraint <NSLayoutConstraint:0x7ff55acf24c0 H:[UILabel:0x7ff55acf1af0'text goes here']-(8)-| (Names: '|':UIView:0x7ff55acbf430 )>

注：コード内にあるの0x7ff55acbf430は私のものですimageTitleContainer

更新:その他の制約: "<NSLayoutConstraint:0x7ff55accdc80 H:|-(0)-[UIView:0x7ff55acbf430] (Names: '|':UIView:0x7ff55acca080 )>", "<NSLayoutConstraint:0x7ff55accdcd0 H:[UIView:0x7ff55acbf430]-(0)-| (Names: '|':UIView:0x7ff55acca080 )>", "<NSLayoutConstraint:0x7ff55acf2450 H:|-(>=8)-[UILabel:0x7ff55acf1af0'text goes here'] (Names: '|':UIView:0x7ff55acbf430 )>", "<NSLayoutConstraint:0x7ff55acf24c0 H:[UILabel:0x7ff55acf1af0'text goes here']-(8)-| (Names: '|':UIView:0x7ff55acbf430 )>", "<NSLayoutConstraint:0x7ff55adb3830 'UIView-Encapsulated-Layout-Width' H:[UIView:0x7ff55acca080(0)]>" )

自動レイアウトで、2 つのラベル、プログレス バー、キャンセルする X が付いた小さな通知ボックスを作ろうとしています。フォント スケーリングと同じようにラベルを設定しましたが、一部のラベルが切り取られているように見えます。自動レイアウト コードまたは UILabel コードの結果であるかどうかはわかりません。

テキストがまったく整列されておらず、Playing in ラベルが完全に切り取られていることがわかります。

関連コード:

ストーリーボードからビューを追加すると、コードを介して自動レイアウトの制約を処理できますが、コードを介して追加されたビューでこれを試みると、処理できません。

viewDidLoad() で以下のコードを呼び出していますが、機能しません。不足している部分は何ですか?

ps：これらの行も試しましたが、役に立ちませんでした

VFL (Visual Formatting Language) を使用して、次のレイアウトでビューを作成しようとしています。

しかし、それはこのように表示されています

問題はこの行にあると思います

何が間違っているのかわからない残りのコードを次に示します。これが私のコードです:

何らかの理由で、この VLF コード..:

これを生産しています：

私が理解できないように見えるのは、最初のオブジェクトの間に巨大なギャップがある理由chapterVerseLabelです。理想的には、オブジェクトを他のオブジェクトの上に積み重ねたいと考えています。たぶん10ptのマージン。これは、この行が行うと私が想定したことです:

指定の高さを追加するなどのバリエーションも試してみましたが、どれもうまくいかないようでした。