ねお 「今度は、リストビューについて紹介します。
リストビューとは、エクスプローラなどで使われている、アイコンの一覧を表示することができるオブジェクトです。」
とも 「アイコンが追加できるリストってことだね！」
ねお 「そう。アイコン表示だけでなく、詳細表示にすることも可能です。」
|
ねお 「今度は、リストビューについて紹介します。 とも 「アイコンが追加できるリストってことだね！」 ねお 「そう。アイコン表示だけでなく、詳細表示にすることも可能です。」 |
|
リストビューを貼り付けるには、下のようにします。
※TTSneoデザイナの「ウィンドウの編集」で貼り付けることができます。
ウィンドウ１を表示
リストビュー１を作れ
その大きさを２００，２００に変えろ
データ（１，０）は 「山田次郎,4/25,男」
データ（２，０）は 「田中花子,7/31,女」
データ（３，０）は 「相原貴之,9/12,男」
データ（４，０）は 「高橋祐子,11/27,女」
データ（５，０）は 「鈴木次郎,10/20,男」
ーーデータをリストビューへ追加
それへデータの詳細一覧を「file.ico」で追加
アイコンは、任意ですので、サンプルにあるアイコンを使って試してみてください。
※以降、例は、リストビュー１を操作するものとして説明しています。
リストビューの番号が違う場合は、「リストビュー２」などと変更して
連続して使用する場合は、「それ」を使って書き換えてください。
プログラムを見るとよくわからないと思いますが、実行すると下のようなツリーを作ります。
「名前」を「アイコン名」で、その「親の名前」に、追加
親の名前は、追加する項目がどこの項目に属すかを指定します。
深くなる場合は、「\」で親の名前を区切ります。
ちょうどファイルのパス(アドレス)と同じだと考えてください。
(属す項目の名前を「\」で区切りすべて指定してください)
※一番上(ルート)に追加する場合は、親の名前を省略します。
ツリーの項目をクリックした時は、下のような手順が実行されます。
手順は ウィンドウ１のリストビュー１をクリック
終わり
手順は ウィンドウ１のリストビュー１をダブルクリック
終わりどの項目を選択したか調べるには、下のようにします。
リストビュー１の内容
枝を展開して子となる項目を出したときと、枝を折りたたんだときにも手順が実行されます。
開いたときと閉じたときで、アイコンの形を変えるときなどに使います。手順は ウィンドウ１のリストビュー１を展開
リストビュー１の選択の絵を「open.ico」に変えろ
終わり
手順は ウィンドウ１のリストビュー１を折りたたむ
リストビュー１の選択の絵を「close.ico」に変えろ
終わり
「見た目」設定項目を「詳細」に設定した場合、見出しに表示される項目をカラム（カラムヘッダ）と言います。
▼見出しを追加する
▼見出しを変更する
リストビュー[番号]の[項目名]の見出しの[設定項目]を[内容]に変えろ
▼見出しの設定項目
| 設定項目 | 説明 |
| 順番 | 見出しの順番（１からカラムの項目数まで） |
| 内容 | 見出しの内容 |
| 幅 | 見出しのカラムの項目の幅 |
| 表示位置 | カラムの項目の見出しの位置 左／右／中央で指定 |
ツリーの項目名を変更できるようにすることもできます。
項目名（ラベル）を変更する直前に「リストビュー１のラベル編集直前」手順が実行され、直後に「リストビュー１のラベル編集直後」手順が実行されます。変更後の項目名は、「リストビュー１のラベル編集後」で取得することができますので これらを使って正しい内容が指定されているか判断することができます。
もし内容が正しくない場合は、「リストビュー１のラベル編集中止をオンに変えろ」など とすると変更されずに元に戻ります。
リストビュー１のラベル編集をオンに変えろ
手順は リストビュー１のラベル編集直後
’ラベルの編集の確認
もし このラベル編集後は、「」 なら
「空白にはできません」を警告で表示。
このラベル編集中止をオンに変えろ
もし終わり
終わり
ツリーの各項目にチェックを入れることもできます。
リストビュー１のチェックボックスをオンに変えろ
こうすることで各項目にチェックボックスが表示されます。
チェックされているかどうか調べる場合は、下のようにします。
リストビュー１の[項目名または番号]のチェック
項目名は、追加するときに指定した名前です。
また、選択している部分に関して調べるときは、下のようにすることもできます。
リストビュー１のチェック
以上でリストビューの基本的な使い方は、説明しましたが、ここではリストビューの細かい設定項目について説明します。
指定した部分の項目名の色や背景を変更することができます。
リストビュー１の[項目名または番号]の色を青に変えろ
リストビュー１の[項目名または番号]の太字をオンに変えろ
リストビュー１の[項目名または番号]の背景を灰色に変えろ項目名を「選択」とすると現在選択している項目に対して設定します。
昔のラジオのボタンのように、ボタンをチェックオブジェクトのようにすることもできます。
ツールバー１の１番目のスタイルを、１に変えろ
ツールバー１の１番目のチェックを、オンに変えろこのようにすると、１番目のボタンがチェック状態になります。
通常は、ボタンのように表示されていますが、マウスがあるところだけ浮き出して表示するフラットスタイルにすることもできます。
ツールバー１の見た目をフラットに変えろ
指定した項目の属する位置や親の項目名、子の項目の数などの情報を調べることもできます。
リストビュー１の[項目名または番号]のパス
リストビュー１の[項目名または番号]の親
リストビュー１の[項目名または番号]の個数
ウィンドウ１の表示
ーー★データの作成（配列を利用します）
データ（１，０）は 「山田次郎,4/25,男」
データ（２，０）は 「田中花子,7/31,女」
データ（３，０）は 「相原貴之,9/12,男」
データ（４，０）は 「高橋祐子,11/27,女」
データ（５，０）は 「鈴木次郎,10/20,男」
ーー★データをリストビューへ追加
リストビュー２へデータの詳細一覧を「file.ico」で追加
待機
手順は ウィンドウ１の表示
ウィンドウ１を使う
’<ウィンドウ１>
ウィンドウ１の中の大きさを332，226へ変えろ
その名前を「リストビューのサンプル」へ変えろ
その背景を&h8000000Fへ変えろ
リストビュー１を作れ
その位置と大きさを0，0，100，200へ変えろ
その一覧を「ABC［改行］CDE」へ変えろ
リストビュー２を作れ
その位置と大きさを110，0，200，200へ変えろ
その見た目を「詳細」へ変えろ
そのカラム一覧を「名前,誕生日,性別」へ変えろ
そのカラム幅一覧を96,96,96へ変えろ
’</ウィンドウ１>
ウィンドウ１を表示
終わり
手順は ウィンドウ１のリストビュー１をクリック
ウィンドウ１の名前を「［リストビュー１の内容］を選択中」に変えろ
終わり
手順は ウィンドウ１のリストビュー２をダブルクリック
’全内容とすると、選択された行の全情報を表示します
’内容とすると、選択された項目名を表示します
ウィンドウ１の名前を「［リストビュー２の全内容］を選択中」に変えろ
終わり
リファレンスの「オブジェクト」には、ツールバーの設定項目を一覧で説明しています。
説明できなかった部分や詳細の説明は、リファレンスをご覧ください。