質問: 現在Swift2を使ってアプリ開発をしています。 ログイン画面を ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/09a5b2ce997b2f9bf5500c5f6d368edb.png) のようにしたいのですが実装方法がまったくわかりません。 想定は、 UITableViewを使って、 UITextFieldを配置 のかと思っているのですがSwift及びXcodeでの開発初心者ということもあり、うまく実装できません。 【実現したいこと】 上の図のように1つのテーブルの中に複数のセルがあり、それぞれのセルにはラベルとテキストが入力できるフィールドが入っているデザインにしたい。 【課題】 添付ファイルのようにやりかけてはいますが、Storyboardでは実現が困難かと思っています。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/b52c6485c34c8791da866e6f13384217.png) なのでコード(Swift)にてこのようなデザインを実装する方法を知りたいです。 Objective-cでのサンプルはいくつか見つけたのですが、Swiftではどのようにすれば実現可能でしょうか? 参考Webページなどでも良いので、教えていただけると大変助かります。 よろしくお願いします。
回答: 完成形の例になっている画像のビューが古い iOS の物でしたが、見た目は質問内で言及されていなかった為 > > 【実現したいこと】 > > 上の図のように1つのテーブルの中に複数のセルがあり、それぞれのセルにはラベルとテキストが入力できるフィールドが入っているデザインにしたい。 > > > 上記の部分に絞って回答します。 1. Table View Cell の Style を Custom に変更する 2. Cell の中に UILabelView と UITextField を配置する 3. Auto layout の設定をしてそれぞれのパーツの位置を決める 4. UITextField の Border Style を一番左の非表示に変更する 5. Table View の Prototype Cells を "2" に変更する 6. それぞれの cell のラベルの文字を変更する 7. パスワード側の UITextField の Secure Text Entry にチェックを入れる 8. それぞれの cell の identifier を任意の物に変更する 9. UITableViewController を継承、または Table View 関連の delegate を実装する場所で以下のように書く(indexPath.row == 0 は適当なので状況にあわせて書き換えて下さい) ``` override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int { return 2 } override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell { if indexPath.row == 0 { let cell = tableView.dequeueReusableCellWithIdentifier("ID側のidentifier", forIndexPath: indexPath) return cell }else { let cell = tableView.dequeueReusableCellWithIdentifier("パスワード側のidentifier", forIndexPath: indexPath) return cell } } ``` ex. Table View の Style を Grouped にすると添付されていた画像のイメージに多少近づくと思います。 !イメージ説明