2009-05-24NVKCategoryViewNVKCategoryViewの紹介NVKCategoryViewは、複数のビューの表示を切替える事のできるビューです。限られた面積の中で数多くのビューを表示したい場合に使うと便利です。右の図がサンプルプログラムのスクリーンショットです。タイトルテキストの左にある三角ボタンをクリックして、そのグループを展開したり折り畳んだりする事ができます。ウィンドウが狭い時は最小限のビューを表示すればよく、またウィンドウが広い時は全てのビューを表示できます。したがって狭い画面に合わせた設計にする必要がなくなり、画面を有効に使う事ができます。ライセンスNVKCategoryViewは無保証です。NVKCategoryViewはクリエイティブコモンズライセンスのもとで公開します。原著作者のクレジットとしては以下の文を含めて下されば結構です。NVKCategoryViewの原著作者:NovemberKou公開URL:http://www.novemberkou.com/RMWCD/sourceCode/NVKCategoryView.htmlダウンロードNVKCategoryViewのソースコードと関連ファイルをダウンロードするには下記のリンクをクリックして下さい。Ver.1.0NVKCategoryViewを含んだサンプルプログラムのソースコードをダウンロードするには下記のリンクをクリックして下さい。NVKCategoryViewサンプルプログラム使い方NVKCategoryViewを使う手順を説明します。ソースファイルを自分のプロジェクトにコピーするダウンロードしたファイルを解凍してできたフォルダの中には五つのファイルが入っています。以下の五つのファイルです。NVKCategoryView.hNVKCategoryView.mNVKCategoryTitleView.hNVKCategoryTitleView.mNVKCategoryBackground.png全てのファイルをあなたのプロジェクトにコピーして下さい。FinderからファイルをドラッグしてXcodeのプロジェクトファイルにドロップすればコピーできます。右の図はサンプルプログラムにファイルをコピーした結果です。表示するビューを用意する表示するビューはあなたが用意する必要があります。そのビューはウィンドウ上に配置しないで、カスタムビューにしておいて下さい。カスタムビューは下の図の様にLibraryパレットからドラッグして、nibウィンドウにドロップすれば作る事ができます。ドロップしてできたカスタムビューアイコンをダブルクリックすれば、そのカスタムビューを表すウィンドウが開きます。そこにボタンやテキストフィールド等のコントロールを配置すればOKです。NVKCategoryViewを配置するウィンドウ上にNVKCategoryViewを配置して下さい。カスタムビューをパレットからドラッグしてウィンドウにドロップし、クラスをNVKCategoryViewに指定すればOKです。クラスの指定は、右の図の様にインスペクタのIdentityグループで行ないます。スクロールビューの中に入れると正常動作しなくなりますので、入れないで下さい。Localizable.stringsを用意するプロジェクトにLocalizable.stringsというファイルを作って入れて下さい。Resourcesグループの中に作るのがいいでしょう。右クリックで現れるコンテキストメニューで「追加」ー「新規ファイル...」を実行します。空のファイルを選択します。このファイルはタイトルテキストを指定するのに使います。"タイトルテキスト";という形式でキーと値のペアをLocalizable.stringsに記述して下さい。ここで記述したキーを後で使います。サンプルプログラムでは以下のような内容にしています。"線と塗りつぶし";Localizable.stringsファイルはローカライズ可能にしておきます。ファイルを右クリックして「情報を見る」を実行し、「一般」タブの一番下にある「ファイルをローカライズ可能にする」ボタンをクリックします。「ローカリゼーションを追加」ボタンをクリックしてJapaneseを追加します。Englishは不要であれば削除して下さい。表示するビューを登録する最後に初期化コードの中でNVKCategoryViewに表示するビューを登録して終了です。登録作業を行うクラスからNVKCategoryViewと表示する各ビューにアクセスできないといけないので、アウトレットを追加して接続しておいて下さい。サンプルプログラムのMyDocument.hは以下の様になっています。赤字が追加すべきコードです。*strokeAndFill,*windingRule,*flip,*scale,*opacity,*lineJoinStyle;}@endまず登録するビュー一つに対して一つの辞書を作成します。表示するビューの二つの情報を入れておきます。タイトルテキストを表すキーは先ほどLocalizable.stringsに記述したキーの名前を使います。表示するビューは接続したアウトレットを使います。NVKCategoryTargetViewKeyというキーで辞書に登録します。具体例は下のコードを見て下さい。辞書を作成したらNVKCategoryViewのaddCategorys:メソッドを使ってビューを登録します。複数のビューを一気に登録しますので、辞書の配列を引数にします。