単語リストプログラム　その５

今回は、ファイルビューの方にテーブルとボタンを配置していく。TabView の File のタブをクリックして選択しておく。

単語リストは２つ表示できるようにするので、それぞれに対応するファイルリスト用のテーブルを準備する。さらにファイルの中身がプレビューできるように、下の方に TextView を配置する。このために NSSplitView を使う。

まず、Library の Horizontal Split View を選んで、ファイルビューに配置してサイズを調整する。

配置したら、Inspector の Attributes で Style を Thin divider にする（Thick divider でもいい）。あと、Autosave に小文字で始まる（多分）名前を付けておくと、divider の位置を覚えておいてくれるようだ。

さらに、前回の TabView と同様にサイズのタブで Autosizing の設定をする。

見た目はこんな感じ。

この上の Custom View に Vertical Split View を配置して同様の設定をする。このとき、divider を動かしてそれぞれの Custom View の大きさを調整する。

上の縦の Split View は幅が同じになるように調整する。

ここまでできたら、左上の Custom View に TableView を配置する。Library で Table View を選んでドラッグアンドドロップ。

さらに、ボタンを３つ配置したいので、Rounded Rect Button を選んでドラッグアンドドロップ。別に他のボタンでもいいけど。

配置としては、ガイドにあわせてこんな感じで。ボタンは、Delete、Clear、Add としておく。

テーブルの Autosizing を設定するときは、Table View が乗っかっている Scroll View を選んで行う。つまり、テーブルの枠の部分も選択された状態にする。そして、次のように設定する。

左２つのボタンは、左下に固定して、幅も固定したいので次のようにする。

右下のボタンは、右下に固定して、幅も固定したいので次のようにする。

ためしに、ここで Command + R で Cocoa Simulator を立ち上げると、実際のウィンドウがどうなるか確認できる。

さて、テーブルの細かい設定は後にするとして、見た目の設定をする。

テーブルには、ファイル名と、テキストファイルの文字コードを表示するようにして、文字コードの変更がテーブル上でできるようにしたい。

ここでは、Table View を選択したいので、Scroll View が選択された状態で、もう一度クリックする。次のような状態。

Inspector の Attributes で Alternating Rows にチェックを入れ、Selection の Column のチェックを外す。Col. Sizing は First Column Only にしておく。ここでも、Autosave に小文字で始まる名前を付けておくと、テーブルのコラムの状態とかを覚えてくれているっぽい。