質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Swift 2

Swift 2は、Apple社が独自に開発を行っている言語「Swift」のアップグレード版です。iOSやOS X、さらにLinuxにも対応可能です。また、throws-catchベースのエラーハンドリングが追加されています。

Q&A

解決済

1回答

3136閲覧

Storyboard上のAutoLayoutによるサイズが可変なメニューの揃え方

tropfen

総合スコア12

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

Swift 2

Swift 2は、Apple社が独自に開発を行っている言語「Swift」のアップグレード版です。iOSやOS X、さらにLinuxにも対応可能です。また、throws-catchベースのエラーハンドリングが追加されています。

0グッド

0クリップ

投稿2016/07/06 10:57

画面上部がスクロールビュー、画面下部がView(メニュー群)になっている画面についての、AutoLayoutの設定についての質問です。

開発環境:Xcode7.1.1、swift2.1

![画面イメージ

上記のようなレイアウトを実現しようとしています。
・メニューは上揃えで、Superviewとの余白は固定値
・一番高さのあるメニューとSuperviewとの余白は固定値
・各メニューは固定サイズの画像、行数未設定UILabelを含むViewで構成され、UILabelの行数は未設定(可変)
(画像は簡略化のためUILabelのみで記載)

メニューに表示する文字をローカライズする都合でUILabelの高さを指定していません。
Storyboard上ではメニューが最大高を取るか分からないため、基準となるメニューを決めることができません。
表示時に最大高となるメニューに合わせて余白を設定したいのですが、適切な設定方法が思い浮かびません。
可変高となるViewに対するAutoLayoutの設定ポイントをご教授頂ければと思います。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

こんな感じですかね。

AutoLayout

LabelとLabelContainerのTopの距離が固定(0px)で
・ Bottomの距離は0以上
・ Bottomの距離は0 (ただし、Labelの高さがIntrinsic Sizeになるほうが優先したいので Content Hugging Priorityより小さく)
・ 各LabelContainerの高さは同じ
を満たすようにすることでLabelContainerの中でLabelは上寄せになり、全てのLabelContainerの高さは同じなので適当なやつと親のビューのTop & Bottomの距離を設定すればいいです。
(Containerはいらないかも、、、)

投稿2016/07/06 13:31

toki_td

総合スコア2850

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

tropfen

2016/07/08 02:51

Storyboardのキャプチャを含めてご解説いただきありがとうございます。 優先度の設定を行ったことがなかったため、こちらの方法に考えが至っておりませんでした。 ご記載いただいた通りBottomと高さの設定することで、無事エラーなく実現が出来ました。 また、Label群のContainerを設定しなくても実現できましたので、一応ご報告させていただきます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問