Cocoa/テーブルビュー

&tag(Cocoa/テーブルビュー);

目次†[edit]

関連ページ†[edit]

参考情報†[edit]

基本的実装方法†[edit]

NSTableViewDataSourceを利用する方法†[edit]

• iOSのようにtableViewのアウトレットを作成し、そこにdataSourceを設定する。

  class Document: NSDocument, NSTableViewDataSource {
      
      @IBOutlet weak var tableView: NSTableView!
      var employees:[Employee] = []
      
      
      override init() {
          super.init()
          
          let employee1 = Employee()
          employee1.name = "従業員1"
          employee1.age = 18
  
          let employee2 = Employee()
          employee2.name = "従業員2"
          employee2.age = 28
          
          employees.append(employee1)
          employees.append(employee2)
      }
  
      // MARK: - NSTableViewDataSource
      func numberOfRows(in tableView: NSTableView) -> Int {
          return employees.count
      }
      
      func tableView(_ tableView: NSTableView, objectValueFor tableColumn: NSTableColumn?, row: Int) -> Any? {
          let employee = employees[row]
          var result:Any? = nil
          if tableColumn?.identifier == "name" {
              result = employee.name
          } else {
              result = String(employee.age)
          }
          return result
      }
      
      @IBAction func addClicked(_ sender: NSButton) {
          let newEmployee = Employee()
          employees.append(newEmployee)
          tableView.reloadData()
      }
      
      @IBAction func deleteClicked(_ sender: NSButton) {
          let index =  tableView.selectedRow
          Swift.print("index=\(index)")
          if index >= 0 {
              employees.remove(at: index)
          }
          tableView.reloadData()
      }
      
  

NSArrayControllerを使用する方法†[edit]

• NSTableViewのContentをNSArrayControllerのarrangedObjectにバインドし、NSArrayControllerのContent ArrayをFile's Ownerのemployesにバインドする。

  class Document: NSDocument {
  
      var employees:[Employee] = []
      
      override init() {
          super.init()
          // Add your subclass-specific initialization here.
          
          
          let employee1 = Employee()
          employee1.name = "従業員1"
          employee1.age = 18
          
          let employee2 = Employee()
          employee2.name = "従業員2"
          employee2.age = 28
          
          employees.append(employee1)
          employees.append(employee2)    }
  
      override class func autosavesInPlace() -> Bool {
          return true
      }
  }
  

• 列のヘッダクリックによってソートしたい場合、Table ViewのSort DescriptorsをArray ControllerのsortDescriptorsにバインドする。さらにTable ColumnのSort KeyとSelectorを設定する。

トラブルシューティング†[edit]

Interface Builderで列を追加しても表示されない。†[edit]

• Table ViewのColumsnを2から3に増やしても実行すると新しい列が表示されない。
• 実はこれは最後のカラムが表示されないだけ。実行中列の右端にリサイズハンドルが存在するはず。
• Interface Builderでも同様で、Interface Builderで各カラムの幅を適切なサイズに変更すれば良い。
• もしくは各Columnのサイズを数字で設定してもよい(Attributes Inspectorのwidh)。

以下PENDING

• だたし上の方法だとカラムの自動リサイズができない。
• Column Sizingというプロパティが存在し、自動的にリサイズしてくれそうに思えるがしてくれない。
• cocoa - How can I have the only column of my NSTableView take all the width of the TableView? - Stack Overflowによると以下のようにすれば良いのか？

  [tableView  setColumnAutoresizingStyle:NSTableViewUniformColumnAutoresizingStyle];
  [tableColumn setResizingMask:NSTableColumnAutoresizingMask];
  
   //AND 
   [tableView sizeLastColumnToFit];
  

Contents

メニュー

• about
• blog
• blog(はてな)

配布物

• FaEdit
  • ヘルプ
  • BugTrack
• WikiHelpMaker
  • ヘルプ
  • BugTrack

ゲーム

• 時のオカリナ3DS
• ドラゴンズドグマ
• スプラトゥーン2
• DQB2
• ジョイコン

ショートカット

• 用語集A-Z
• 用語集ア-ワ

最新の20件