ストーリーボードのスウィフトスタックビュー

Question

私のストーリーボードに私のレイアウトに関する問題があります。私はスタックビューを作成するとき、どのように私はUIlabelボックスのサイズをより多くのテキストに合わせて調整できますか？ イメージ例：

また、元の状態に戻すためにスタックビューを削除するにはどうすればよいですか？

Answer 1

単により多くのテキストを入力するより、テキストベースを追加します。ラベル自体が調整されます。スタックを取り除くために

はスタックビューを選択し、Editorのに行く表示 - > Unembed

Answer 2

私はあなたの自動レイアウトの簡単な概要を与えています。私たちが取り組んできた例はとても簡単でした。ただし、アプリのUIが複雑になると、すべてのUIオブジェクトのレイアウトの制約を定義するのが難しくなります。 iOS 9以降、AppleはStack Viewsと呼ばれる強力な機能を導入し、開発者の生活を少しシンプルにしています。すべてのUIオブジェクトに対して自動レイアウト制約を定義する必要はなくなりました。スタックビューはそのほとんどを処理します。

この章では、引き続きInterface Builderを使用したUI設計について説明します。より包括的なUIを構築する方法を教えてくれるでしょう。あなたは実世界のアプリケーションに出会えるかもしれません。

ユーザーインターフェイスをレイアウトするためにスタックビューを使用します。 イメージビューを使用してイメージを表示します。 組み込み資産カタログを使用して画像を管理します。 サイズクラスを使用してスタックビューを調整します。 上記に加えて、自動レイアウトの詳細について検討します。 1行のコードを書かなくてもどれほどのことができるのか驚くでしょう。

スタックビューとは

最初にまずスタックビューとは何ですか？スタックビューは、列または行のビューのコレクションをレイアウトするための合理化されたインターフェイスを提供します。 KeynoteまたはMicrosoft Powerpointでは、複数のオブジェクトをまとめて1つのオブジェクトとして移動またはサイズ変更できるようにすることができます。スタックビューは非常によく似た機能を提供します。スタックビューを使用すると、複数のUIオブジェクトを1つに埋め込むことができます。ほとんどの場合、スタックビューに埋め込まれたビューの場合、自動レイアウト制約を定義する必要はなくなりました。

クイックメモ：スタックビューに埋め込まれたビューでは、通常、配置ビューと呼ばれます。 スタックビューは、そのサブビューのレイアウトを管理し、自動的にレイアウト制約を適用します。つまり、サブビューはさまざまな画面サイズに適応する準備ができています。さらに、スタックビューを別のスタックビューに埋め込んで、より複雑なユーザーインターフェイスを構築することもできます。クールな音、そうですか？

間違ってはいけません。つまり、自動レイアウトに対処する必要はありません。スタックビューのレイアウト制約を定義する必要があります。すべてのUI要素の制約を作成する時間が節約され、レイアウトからビューを追加/削除するのが簡単になります。