「Ios/swift/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月22日 (水) 23: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!
}