3

iOS のサイズ クラスと自動レイアウトは初めてです。私は小さなアプリケーションで同じことを練習しています。以下は、自動レイアウトとサイズクラスを通じて達成しようとしていることです。以下は、それぞれ iPad の縦向きと iPad の横向きの特定のスクリーンショットです。

iPadのポートレートインターフェース iPad ランドスケープ インターフェイス

iPad のポートレート:: ここには 3 つのサブビュー、つまりグレー ビュー、グリーン ビュー、ピンク ビューがあります。

灰色のビュー - スーパー ビューの 3/4 の高さ、スーパー ビューの 2/3 の幅 グリーン ビュー - スーパー ビューの 3/4 の高さ、スーパー ビューの 1/3 の幅 ピンク ビュー - スーパー ビューの 1/4 の高さ、スーパー ビューの 1/4 の幅スーパービュー

iPad の横向き:: iPad の縦向きと同じ 3 つのサブビューですが、位置がわずかに異なります。

グレー ビュー - スーパー ビューと同じ高さ、スーパー ビューの 2/4 幅 グリーン ビュー - スーパー ビューと同じ高さ、スーパー ビューの 1/4 幅 ピンク ビュー - スーパー ビューと同じ高さ、スーパー ビューの 1/4 幅

サブビューが2つあれば、自動レイアウトで管理できます。しかし、私は上記のことを達成することができません。また、iPadの縦向きと横向きでレイアウトデザインを変えたいです。

4

1 に答える 1

-2

WWDC2014 の「インターフェイス ビルダーの新機能」https://developer.apple.com/videos/wwdc/2014/の新しい適応型インターフェイス ビルダーも参照してください。また、さまざまな画面サイズ (大きい、小さい、デフォルト) に合わせてさまざまな UI を設計することを参照してください。 .

編集: ViewController 内に単一の uiView を作成することから始めましょう: uiviewcontroller の uiview

その後、UIView を選択し、右下隅にある制約エディター (「タイ ファイター」のようなアイコン) をクリックします。 制約の編集

上部と左側の制約を 0 に選択します (「余白に制約する」のチェックを外します):制約

Control キーを押しながらビューから背景ビューにドラッグし、等幅を選択します:等幅

ビューを選択し、パネルの右側で [サイズ] インスペクターを選択します。そこにすべての制約のリストがあります。Equal width to:Superview を選択し、編集をクリックします。乗数を選択して、たとえば 1/2:比例制約を選択します。

追加の 2 つのビューを追加し、制約を試します。必要なものを取得するために、スペースを最近隣および他のビューに追加します。

重要なステップ: インターフェイス ビルダーの下部にある w any をクリックし、regular width|any height を選択します。[ w any h any 最初に、一般的な制約を作成しました。ここで、いわゆるサイズ クラス (モデルとデバイスの向きに応じて画面のサイズを表すクラス) のより具体的な制約を作成します。前の説明のように、さまざまな制約のセットを作成できます。

私はあなたの幸運を祈ります。

于 2015-05-11T12:49:17.617 に答える