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

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

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

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

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

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

Q&A

解決済

2回答

2859閲覧

Swift3.0 xcode8.0 申し込みフォームの作成方法がわからない(スクロール必要)

Kazuhiro15

総合スコア11

iOS

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

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

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

0グッド

0クリップ

投稿2016/11/01 03:31

###前提・実現したいこと
掲題の環境でユーザーに複数項目を入力させて登録ボタンを押すと
申し込みのAPIに処理を投げるようなアプリを作成しようとしています。

入力してもらう項目数的に一画面に収まらないので、スクロールさせたいです。
(画面分割ではなく、1画面におさめたい)

iOSのアプリ開発初学者(1ヶ月程度)でStoryBoardで画面を作っています。

StoryBoardでViewController部品で入力ボックスを置いていくと縦の幅が足りず、
スクロールさせて部品を置きたいのですが、方法がわからず困っています。

###発生している問題・エラーメッセージ
WEBで情報を探したものの、欲しい情報に行き着けませんでした。
識者の方がおりましたら、ご教示いただけると大変助かります。
(具体的な方法、参考サイト、サンプルプロジェクトなど)

###補足情報(言語/FW/ツール等のバージョンなど)
IDE : xcode 8.0
言語 : swift 3.0

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

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

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

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

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

guest

回答2

0

ベストアンサー

###標準的な縦スクロールフォームを作ってみる

まずは作業しやすいように枠の縦を伸ばします。simulated sizeを「freeform」にして、heightを設定。
今回はiPhone6sの枠を下地に使ってます。
イメージ説明
スクロールViewを置きます。pinで画面いっぱいになるように制約付けします。
イメージ説明
スクロールViewの上にviewを置きます。このView(FormView)がcontentSizeになります。
四方のマージンをpinで、「高さ」の制約を固定値で設定し、FormViewとViewの横幅を「=」にします(③)。
ここがミソ。ひとつでもミスってるとスクロールしないです。高さは後で微調整すればOK。
イメージ説明
後は普通にFormViewに上から順に部品を配置していきます(送信ボタンだけ下からのマージンでやるのがいいかも)。
イメージ説明

サンプルGif (iPhone6s simulator)
イメージ説明

by Xcode8.0

投稿2016/11/04 08:24

編集2016/11/04 10:29
fromageblanc

総合スコア2724

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

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

Kazuhiro15

2016/11/04 11:32

できました!ありがとうございます! 何が悪かったのかはきちんと理解できていません。。 制約周りは概念の理解が難しいですね! >FormViewとViewの横幅を「=」にします(③)。 ↑のところは目から鱗でした!
guest

0

「UIScrollView」という部品がありますので、ググってみてください。

投稿2016/11/01 03:35

fromageblanc

総合スコア2724

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

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

Kazuhiro15

2016/11/01 03:37

ありがとうございます。ググってできるか進めてみます!
fromageblanc

2016/11/01 08:41

と言いつつ、ScrollViewはちょっとクセがあってネットにもレスポンシブに対応する記事が少ないのでハマったら教えてください。コツ教えます。
Kazuhiro15

2016/11/02 02:03

早速はまっております。。ぜひコツをご教授いただけますと。。 色々記事を見ながらやろうとはしているものの、制約部分の解説を詳しくしている記事が 見つからず、理解が薄いため、UIScrollViewの設定がうまくいきません。 本日、下記の記事を参考にまた進めてみようとしています。 *記事が古いですが、今回の対応箇所には変更がそこまでないかと思われるので。 http://qiita.com/hirobe/items/2baf629b7807b4c0d10f 記事と状況が違う点は、ナビゲージョンで遷移してきた画面に設定するため、 一番親の階層がScrollViewではなく、Viewになることです。
fromageblanc

2016/11/02 05:37

いい記事みつけましたね!それで解決すると思います。 キモなのはコンテンツサイズの制約の付け方なんです。 >一番親の階層がScrollViewではなく、Viewになることです。 今回の場合、特に問題にはならないかと。
Kazuhiro15

2016/11/04 01:44

WEBで指定された通りに設定してもうまくいかず、時間がかかりすぎているので、一旦画面分割で対応することにしました(泣)
fromageblanc

2016/11/04 06:39

え、マジですか。うまくいかないところ教えて頂ければよかったなと。。 なんかもったいつけてたようで申し訳ないです。 リンクの記事でダイジョブかと思ったのですが、今後のためにも後で手順書いておきます。
Kazuhiro15

2016/11/04 08:11

すみません。。制約をつける部分がうまくいかず。。 よろしくお願いします!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問