【C#】TreeView と ListView でエクスプローラーのような画面を作成してみた
おはようございます。
今回はC#のWindowsFormsで、
エクスプローラーのようなUIを実装したいと思います。
WindowsFormsはまだブログに書いていないので、新規でプロジェクトを作成してください。
スポンサーリンク
目次
画面の作成
左側にフォルダのTreeView、右側に選択されたツリー項目に格納されているフォルダ・ファイル一覧を表示するための ListView を配置します。
プログラムの実装
ファイルサイズ変換処理
ファイルサイズ（バイト）を単位付きに変換するメソッド
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | /// <summary> /// ファイルサイズを単位付きに変換して返します. /// </summary> /// <param name="fileSize"></param> /// <returns></returns> privateStringgetFileSize(longfileSize) { Stringret=fileSize+" バイト"; if(fileSize>(1024f*1024f*1024f)) { ret=Math.Round((fileSize/1024f/1024f/1024f),2).ToString()+" GB"; } elseif(fileSize>(1024f*1024f)) { ret=Math.Round((fileSize/1024f/1024f),2).ToString()+" MB"; } elseif(fileSize>1024f) { ret=Math.Round((fileSize/1024f)).ToString()+" KB"; } returnret; } |
リストビュー項目設定処理
TreeView が選択された際に、格納されている項目の内容を ListView に設定するメソッド
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | /// <summary> /// リストビューの項目を設定します. /// </summary> privatevoidsetListItem(StringfilePath) { // リストビューのヘッダーを設定 listView1.View=View.Details; listView1.Clear(); listView1.Columns.Add("名前"); listView1.Columns.Add("更新日時"); listView1.Columns.Add("サイズ"); try { // フォルダ一覧 DirectoryInfo dirList=newDirectoryInfo(filePath); foreach(DirectoryInfo di indirList.GetDirectories()) { ListViewItem item=newListViewItem(di.Name); item.SubItems.Add(String.Format("{0:yyyy/MM/dd HH:mm:ss}",di.LastAccessTime)); item.SubItems.Add(""); listView1.Items.Add(item); } // ファイル一覧 List<String>files=Directory.GetFiles(filePath).ToList<String>(); foreach(Stringfile infiles) { FileInfo info=newFileInfo(file); ListViewItem item=newListViewItem(info.Name); item.SubItems.Add(String.Format("{0:yyyy/MM/dd HH:mm:ss}",info.LastAccessTime)); item.SubItems.Add(getFileSize(info.Length)); listView1.Items.Add(item); } } catch(IOException ie) { MessageBox.Show(ie.Message,"選択エラー"); } // 列幅を自動調整 listView1.AutoResizeColumns(ColumnHeaderAutoResizeStyle.HeaderSize); } |
起動時の処理
画面表示時に TreeView と、デフォルトで選択されるフォルダ（ドライブ）の内容を ListViewに設定します。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | /// <summary> /// 起動時の処理 /// </summary> publicForm1() { InitializeComponent(); // ドライブ一覧を走査してツリーに追加 foreach(Stringdrive inEnvironment.GetLogicalDrives()) { // 新規ノード作成 // プラスボタンを表示するため空のノードを追加しておく TreeNode node=newTreeNode(drive); node.Nodes.Add(newTreeNode()); treeView1.Nodes.Add(node); } // 初期選択ドライブの内容を表示 setListItem(Environment.GetLogicalDrives().First()); } |
TreeView展開時の処理
展開された項目の子ノードを追加する処理を実装
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | /// <summary> /// ツリービュー項目展開時（前）のイベントハンドラ. /// </summary> /// <param name="sender"></param> /// <param name="e"></param> privatevoidtreeView1_BeforeExpand(objectsender,TreeViewCancelEventArgse) { TreeNode node=e.Node; Stringpath=node.FullPath; node.Nodes.Clear(); try { DirectoryInfo dirList=newDirectoryInfo(path); foreach(DirectoryInfo di indirList.GetDirectories()) { TreeNode child=newTreeNode(di.Name); child.Nodes.Add(newTreeNode()); node.Nodes.Add(child); } } catch(IOException ie) { MessageBox.Show(ie.Message,"選択エラー"); } } |
TreeView項目選択時の処理
選択された項目に格納されているファイル・フォルダ一覧を表示
1 2 3 4 5 6 7 8 9 | /// <summary> /// ツリービュー項目選択時（前）のイベントハンドラ. /// </summary> /// <param name="sender"></param> /// <param name="e"></param> privatevoidtreeView1_NodeMouseClick(objectsender,TreeNodeMouseClickEventArgse) { setListItem(e.Node.FullPath); } |
起動してみる
左側、TreeViewにドライブ、フォルダの一覧、右側に選択されたフォルダの内容を表示することができました。
まとめ
エクスプローラーのようなコントローラーであれば標準であっても良さそうなもんですけどね。
とりあえずしばらくは WindowsForm をやっていく予定です。
ではでは。