問題タブ [adaptive-layout]

アプリのバックエンド部分は完了しましたが、フロントエンドでスタックしています。何が起こっているのかわかりませんが、テーブルビューが圧縮され、ラベルが中心から外れ、ボタンが完全に消えてしまいました。セルを個別に作成しているわけではありません。1 つだけ作成し、コードを使用して残りのセルを再作成しました。絵コンテにセルを1つ作りました。また、制約を操作してみました。適応レイアウトになるようにテーブルビューを修正するにはどうすればよいですか?

iOS 9、Xcode 7、スウィフト 2.2

1 つの UIViewController を含む Storyboard があり、これには 1 つの UITableView が含まれます。

UITableView は、制約を使用して UIViewController のビューの端に固定されます。

設計要件

iPad でアプリを全画面表示モード (つまり、水平サイズと垂直サイズの両方のクラスでレギュラー) で使用する場合、テーブルビューの使用可能な幅に応じて、テーブルビューの余白を変更する必要があります。事実上、縦向きの場合、余白は 100 ポイントである必要がありますが、横向きの環境では 200 ポイントです。テーブルビューは、使いやすさのためにビュー領域全体を占める必要があります (例: スクロール、ビュー内の任意の場所でのジェスチャーのタップ)。

現在のアプローチ

問題

アプリの起動後、ビューが正しく表示されます。デバイスの回転により、セルはデバイスの向き (または、より正確にはビュー幅の変更) の正しいマージンを尊重します。

しかし、テーブルビューをスクロールすると、新しく表示されるセルはマージンを尊重しません。それらのレイアウトは明らかにランダムな方法で壊れています。

質問

マージンの変更を処理するために他に何かする必要がありますか?

このシナリオでは、いつ tableview で reloadData を呼び出す必要がありますか?

固定レイアウトに BEM を使用するのは簡単です。メディアクエリを使用したアダプティブ Web ページの CSS スタイル構造とは?

html サンプル:

少ないサンプル:

• .t-news - ページ テンプレート。内部のブロックの位置を定義するブロックです。
• .b-post - BEM ブロック
• .b-post__title - b-post の BEM 要素
• .b-post__text--red - b-post__text の b-post__text の BEM 修飾子

メディアクエリをブロックの内側または外側に配置する必要がありますか?

iPad と iPhone (4'') に異なる制約を設定しようとしています。

iPhone の標準の高さとコンパクトな幅の制約を設定しました。ただし、これらの制約は 7.9 インチ iPad、9.7 インチ iPad で表示されます。

これらの制約は、モーダル ビュー用です。

レギュラーの高さとコンパクトな幅の制限を iPhone のみに制限するにはどうすればよいですか。

Xcode 8 (ベータ 1) を使用してアプリを開発しています。残念ながら、「サイズ クラス」オプションが見つかりません。

Xcode 7 では、「Use Size Classes」というオプションがありました。

しかし、Xcode 8 にはそのようなオプションはありません。Xcode 8 で Size Classes などを使用するためのヘルプはありますか?

私のアプリでは、小さなデバイス (iPhone のポートレートなど) と大きなデバイス (iPad のフルスクリーンなど) で使用する場合、ほとんどのビューの UI デザインに大きな違いがあります。基本的なアーキテクチャは同じままですが、各ビュー コントローラーは非常にUI 要素の異なるセット。

サイズ クラスに応じて要素と自動レイアウト制約をインストールおよびアンインストールすることで、Interface Builder でのサイズ変更に対応できますが、これは非常に扱いにくく壊れやすいものです。

昔（〜2014年）、Appleのアドバイスは次のとおりでした：

デバイスが縦向きか横向きかによって同じデータを異なる方法で表示したい場合、その方法は 2 つの別個のビュー コントローラーを使用することです。1 つのビュー コントローラーは、主な向き (通常は縦向き) でのデータの表示を管理し、もう 1 つのビュー コントローラーは、別の向きでのデータの表示を管理する必要があります。

サイズ クラスの出現にもかかわらず、これは私の特定の設計に対する最良の解決策であることに変わりはありません (サイズ クラスと分割ビュー、スライドインを考慮することを忘れないでください)。

質問 1: アプリのどの時点で特性の変更を検出する必要がありますか?

質問 2: (ストーリーボードから代替ビュー コントローラーを読み込んだと仮定して) 特性の変更に応じて、代替ビュー コントローラーをどのように移行/提示するのが最適ですか?

ここで尋ねたのと同じ質問をしています: Size Class Trait changes iOS 9 に応じた View Controller の適応スワッピング

元の質問に誰も答えなかったからです。

テーブル幅を適応させるには? つまり、十分な余裕がある場合は 100% にします。テーブルが広すぎてクリップされている場合は、テーブルの列がクリップされないように自動にします。

CSSを使用する方法はありますか？ありがとう