Swift: StoryBoardからTableViewを使う
データ用のクラスを用意する。
必須ではありませんが、今回は曲のデータとして曲名と曲の長さを持つようなクラスをTableViewに表示したいと思います。
class Song: NSObject { var title : String = "A Song" var duration : NSTimeInterval = 0.0 } extension Song { func durationString() -> String { return NSString(format:"%i:%02i",Int(self.duration) / 60, Int(self.duration) % 60) } }
TableViewを作る
StoryBoard上にTableViewをおきます。 TableView
以下の手順で設定します。
1.１列目の名前をTitle、２列目のタイトルをDurationにします。 2. Identity Inspectorで、１列目のIdentifierをTitle、２列目のIdentifierをDurationに設定します。いくつかのコンポーネントから構成されていますから、Outlineで間違えないように選んでください。 3. OutlineでTable Viewを選択して、Attribute Inspectorを開いて、Content ModeをCell Basedにします。 4. TableViewを選択したまま、Connections Inspectorを開いて dataSourceとdelegateとViewControllerを接続します。 5. StoryBoard上のTable Viewをコードエディタ上のViewControllerにドラッグして、NSTableViewのOutletを作成します。
TableView用の実装コード
NSTableViewのために２つのメソッドをViewController上に実装する必要があります。以下、コードの抜粋です。
var songs : [Song] = [] func numberOfRowsInTableView(aTableView: NSTableView) -> Int { return songs.count } func tableView(aTableView: NSTableView, objectValueForTableColumn aTableColumn: NSTableColumn?, row rowIndex: Int) -> AnyObject? { let titleOfSong = songs[rowIndex].title as NSString let durationOfSong = songs[rowIndex].durationString() let columnName = aTableColumn?.identifier if columnName == "Title" { return titleOfSong } else if columnName == "Duration" { return durationOfSong } return "" } func tableViewSelectionDidChange(aNotification: NSNotification) { let row = tableView.selectedRow if row >= 0 { let selected = songs[row].title as String NSLog("Selected: \(selected)") } }
numberOfRowsInTableView()では、songsにSongクラスの配列が格納されている前提でその数を返しています。 まず、各行と対応する配列内のSongオブジェクトを取り出しています。 次に渡ってきたTableColumn.identifierを元にどの列をデータが求められているか判断し、曲名と曲の時間を返すようにしています。
どうせならTableView上のカーソルの位置に従って曲を選択したアクションをしたいので、tablViewSelectionDidChange()を実装しました。コード例ではログに書き出しているだけですが。データを追加した後、表示を反映させるためには NSTableView.reloadData() を投げてやる必要があります。