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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Swift 2

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

Q&A

解決済

1回答

5300閲覧

Swift:tableviewの中にtextfieldを配置したい

TatsunoriKoda

総合スコア58

Swift 2

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

0グッド

0クリップ

投稿2016/04/11 05:05

編集2016/04/11 05:51

現在Swift2を使ってアプリ開発をしています。
ログイン画面を
イメージ説明
のようにしたいのですが実装方法がまったくわかりません。
想定は、
UITableViewを使って、
UITextFieldを配置
のかと思っているのですがSwift及びXcodeでの開発初心者ということもあり、うまく実装できません。

【実現したいこと】
上の図のように1つのテーブルの中に複数のセルがあり、それぞれのセルにはラベルとテキストが入力できるフィールドが入っているデザインにしたい。

【課題】
添付ファイルのようにやりかけてはいますが、Storyboardでは実現が困難かと思っています。
イメージ説明
なのでコード(Swift)にてこのようなデザインを実装する方法を知りたいです。

Objective-cでのサンプルはいくつか見つけたのですが、Swiftではどのようにすれば実現可能でしょうか?
参考Webページなどでも良いので、教えていただけると大変助かります。

よろしくお願いします。

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

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

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

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

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

happy_ryo

2016/04/11 05:41

今現在作業されている状態がどうなっているのかの画像等があると、回答しやすいです。
guest

回答1

0

ベストアンサー

完成形の例になっている画像のビューが古い 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 は適当なので状況にあわせて書き換えて下さい)

swift

1override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int { 2 return 2 3} 4 5override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell { 6 7 if indexPath.row == 0 { 8 let cell = tableView.dequeueReusableCellWithIdentifier("ID側のidentifier", forIndexPath: indexPath) 9 return cell 10 }else { 11 let cell = tableView.dequeueReusableCellWithIdentifier("パスワード側のidentifier", forIndexPath: indexPath) 12 return cell 13 } 14 15} 16

ex.
Table View の Style を Grouped にすると添付されていた画像のイメージに多少近づくと思います。

イメージ説明

投稿2016/04/11 06:26

happy_ryo

総合スコア56

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

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

TatsunoriKoda

2016/04/11 07:30

happy_ryo様 ここまでの詳細のご提示、本当にありがとうございます。 早速試しています。 重ねていくつか質問させてもらえないでしょうか。 ・TableViewにある「Master」というのはToolbarでしょうか?設置の仕方がわかっていません。 ・TableViewに対応するSwiftコード ・これらの設定に関するデリゲートコード(AppDeleate.swift?) を参考までにいただけないでしょうか。 お手数おかけしますが、何卒宜しくお願い致します。
happy_ryo

2016/04/11 07:50

・Master と表記されている部分は NavigationBar です。 UINavigationController を別に用意し、該当の UITableViewController を rootviewcontroller として設定しています。 ・Table View に関する Swift コードは先の回答内に含めたもので全てです ・上に同じ
TatsunoriKoda

2016/04/13 01:01

最後までご親切な回答、本当にありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問