「Ios/swift/TableView」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→storyboardを使ってTableViewを追加) |
|||
行2: | 行2: | ||
#sotryboardにTableViewを貼り付ける | #sotryboardにTableViewを貼り付ける | ||
#TableViewオブジェクトをViewControllerに紐付ける | #TableViewオブジェクトをViewControllerに紐付ける | ||
− | |||
#以下をViewController.swiftに追加 | #以下をViewController.swiftに追加 | ||
@IBOutlet weak var testTableView: UITableView! | @IBOutlet weak var testTableView: UITableView! | ||
行24: | 行23: | ||
参考:http://www.dcom-web.co.jp/technology/swift3/ | 参考:http://www.dcom-web.co.jp/technology/swift3/ | ||
+ | |||
+ | ==画像付きTableViewの作成== | ||
+ | #sotryboardにTableViewを貼り付ける | ||
+ | #TableViewオブジェクトをViewControllerに紐付ける | ||
+ | #TableViewの中のTableViewCellにImageViewとLabelViewを貼り付ける | ||
+ | #TableViewCellのIdentityを"CustomCell"とし | ||
+ | #TableViewCellのClass名をを"CustomTableViewCell"とする | ||
+ | #CocoaTouchClassのファイルを作成し"CustomTableViewCell"の名前で以下のように編集。 | ||
+ | #labelとimageのオブジェクトの紐付けも行う。 | ||
+ | class CustomTableViewCell: UITableViewCell { | ||
+ | @IBOutlet weak var customLabelView: UILabel! | ||
+ | @IBOutlet weak var customImageView: UIImageView! | ||
+ | } |
2016年6月23日 (木) 08:58時点における版
storyboardを使ってTableViewを追加
- sotryboardにTableViewを貼り付ける
- TableViewオブジェクトをViewControllerに紐付ける
- 以下をViewController.swiftに追加
@IBOutlet weak var testTableView: UITableView! override func viewDidLoad() { super.viewDidLoad() testTableView.registerClass(UITableViewCell.self, forCellReuseIdentifier: "Cell") testTableView.delegate = self testTableView.dataSource = self } func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int { return 10 } func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCellWithIdentifier("Cell", forIndexPath: indexPath) as! UITableViewCell cell.textLabel?.text = String(indexPath.row + 1) + "データ" return cell }
- クラスを継承する
-class ViewController: UIViewController +class ViewController: UIViewController, UITableViewDataSource,UITableViewDelegate {
参考:http://www.dcom-web.co.jp/technology/swift3/
画像付きTableViewの作成
- sotryboardにTableViewを貼り付ける
- TableViewオブジェクトをViewControllerに紐付ける
- TableViewの中のTableViewCellにImageViewとLabelViewを貼り付ける
- TableViewCellのIdentityを"CustomCell"とし
- TableViewCellのClass名をを"CustomTableViewCell"とする
- CocoaTouchClassのファイルを作成し"CustomTableViewCell"の名前で以下のように編集。
- labelとimageのオブジェクトの紐付けも行う。
class CustomTableViewCell: UITableViewCell { @IBOutlet weak var customLabelView: UILabel! @IBOutlet weak var customImageView: UIImageView! }