入力画面について

Question

###実現したいこと
以下のような入力画面を作りたいのですが、なんのViewを組み合わせて作っているのかがわかりません。
このような、枠ありの入力画面はどのように実現するのでしょうか？

名前がわかれば検索もできるのですが。。。

以上、よろしくお願いします。

Answer 1

自分が作成するとしたら大体以下の様に作ると思います。

ベースにする白い部分はUIViewで作成して角丸にする。

後はUIViewの上に以下のパーツを乗せます。

ユーザー名、パスワード部分はUILabelで作成
[e-mail]と必須はUITextFieldで作成 ,文字はplaceholderに設定します。
真ん中の線はUIViewを高さ1pxで配置すれば良いと思います。

Comments

[sunskysoft]

回答ありがとうございます。
よく使われている画面なので、こういうコントロールが存在するのかとも思っていましたが、地道に組み合わせて実現するのですね。

[_Kentarou]

複雑なデザインでも細かいパーツの組み合わせで実現できますね。あとはAutolayoutを入れれば出来上がりです。

Answer 2

参考までに、
便利なライブラリとして Eureka というものがありました。
https://github.com/xmartlabs/Eureka