「ListView」の記事 - Crieit

【C#】ListViewのソート処理、ヘッダーのマーク変更をやってみた

2019-08-22T09:25:53+09:00

今回はリストビューのヘッダークリックでソートし、且つマークを表示してみます。
ファイルの一覧なので、ファイル名とサイズのソートをちょっと変えています。

プログラムは、下記の記事のものを流用します。

【C#】非同期でファイルとフォルダのサイズを表示する

まとめ

何故、標準で出来ないのか。

謎は深まりますね。

次回は今のところ未定です。
ではでは。

【C#】非同期でファイルとフォルダのサイズを表示する

2019-08-20T14:41:12+09:00

今回は検索なんかをやる予定でしたが、ちょっと寄り道して
選択されたファイル、フォルダの総数とデータ容量を非同期で画面に表示してみました。

プログラムは前回のものを流用します。
【C#】TreeView と ListView でエクスプローラーみたいな操作をする

プログラムの修正

ファイルサイズ取得用の非同期メソッドを追加

            // 非同期処理のキャンセル用変数
            private CancellationTokenSource tokenSource = null;

            /// 
            /// ファイル数とファイルサイズを設定します.
            /// 
            private void SetFileCountAndSize()
            {
                // ファイル数、サイズの設定
                try
                {
                    // 非同期処理中だった場合はキャンセル
                    if (tokenSource != null)
                    {
                        tokenSource.Cancel();
                    }

                    using (tokenSource = new CancellationTokenSource())
                    {
                        SetFileCountAndSizeAsync(tokenSource.Token);
                    }
                }
                catch (ObjectDisposedException oe)
                {
                    Console.WriteLine("非同期処理が中止されました。");
                }
                catch (OperationCanceledException ex)
                {
                    MessageBox.Show("ファイル情報の取得に失敗しました。", "エラー");
                    return;
                }
                finally
                {
                    tokenSource = null;
                }
            }

            /// 
            /// ファイル数とファイルサイズを設定します（非同期処理）.
            /// 
            private async void SetFileCountAndSizeAsync(CancellationToken token)
            {
                long fileSize = 0;
                int fileCount = 0;

                lbl_fileCountValue.Text = "";
                lbl_fileSizeValue.Text = "";


                foreach (ListViewItem item in listViewTo.Items)
                {

                    token.ThrowIfCancellationRequested();

                    // ディレクトリだった場合
                    FileInfo fi = new FileInfo(item.Name);
                    if (fi.Attributes == FileAttributes.Directory)
                    {
                        string[] pathList = Directory.GetDirectories(item.Name, "*", SearchOption.AllDirectories);

                        foreach (string path in pathList)
                        {
                            List data = await GetFileCountAndSizeTask(path, fileSize, fileCount);
                            lbl_fileSizeValue.Text = getFileSize(data[0]);
                            lbl_fileCountValue.Text = data[1].ToString();

                            fileSize = data[0];
                            fileCount = (int)data[1];
                        }
                    }
                    else
                    {
                        fileSize += fi.Length;
                        fileCount++;
                        lbl_fileSizeValue.Text = getFileSize(fileSize);
                        lbl_fileCountValue.Text = fileCount.ToString();
                    }
                }
            }

            /// 
            /// ファイル数とファイルサイズを取得します.
            /// 
            /// 
            /// 
            /// 
            /// 
            private async Task> GetFileCountAndSizeTask(String filePath, long fileSize, int fileCount)
            {

                List result = new List();
                await Task.Run(() =>
                {
                    DirectoryInfo dirInfo = new DirectoryInfo(filePath);

                    // フォルダ内の全ファイルの合計サイズを計算する
                    foreach (FileInfo fi in dirInfo.GetFiles())
                    {
                        fileSize += fi.Length;
                        fileCount++;
                    }

                    result.Add(fileSize);
                    result.Add(fileCount);
                });

                return result;
            }

既存イベント処理の修正

ファイルの追加、削除時にファイルサイズを設定する。

            /// 
            /// 追加ボタンクリックイベント.
            /// 
            /// 
            /// 
            private void btn_add_Click(object sender, EventArgs e)
            {
                var selectedItems = listView1.SelectedItems;
                foreach (ListViewItem item in selectedItems)
                {
                    // 項目をコピーして名前を再設定
                    ListViewItem copy = (ListViewItem)item.Clone();
                    copy.Name = item.Name;

                    // 既にリストに含まれていないパスであれば追加
                    if (listViewTo.Items.Find(copy.Name, false).Length == 0)
                    {
                        listViewTo.Items.Add(copy);
                    }
                }

                // ファイル数、サイズの設定
                SetFileCountAndSize();

                // 列幅を自動調整
                listViewTo.AutoResizeColumns(ColumnHeaderAutoResizeStyle.HeaderSize);
            }

            /// 
            /// 削除ボタンクリックイベント.
            /// 
            /// 
            /// 
            private void btn_del_Click(object sender, EventArgs e)
            {
                var selectedItems = listViewTo.SelectedItems;
                foreach (ListViewItem item in selectedItems)
                {
                    listViewTo.Items.Remove(item);
                }

                // ファイル数、サイズの設定
                SetFileCountAndSize();

                // 列幅を自動調整
                listViewTo.AutoResizeColumns(ColumnHeaderAutoResizeStyle.HeaderSize);

            }

起動してみる

スクリーンショットだと分からないですが、ファイル数、データ容量の大きいフォルダなんかを選択した場合に、非同期で表示が更新されます。

まとめ

最初は非同期でない方法で試したのですが、
大きいファイルなんかだと画面が固まってしまうので非同期にしました。

やっぱり画面まわりも色々やれることがあって楽しいですね。

次回はボタンに画像を表示してみたいと思います。

【C#】TreeView と ListView でエクスプローラーみたいな操作をする

2019-08-19T10:29:42+09:00

エクスプローラ風画面作成の続きです。
今回は、リストビューに表示されたディレクトリをダブルクリックで下層に移動し、
「上へ」ボタンで上層に移動するサンプルとなります。

プログラムは前回のものを流用します。
【C#】7zip（Sfx）で自己解凍exeを作成する

プログラム修正

ツリービューの指定した項目を選択状態にする処理を追加

        /// 
        /// ツリービューの指定されたディレクトリパスの項目を選択状態にします.
        /// 
        /// 
        private void selectTreeViewItem(TreeView trv, string dirPath)
        {
            // ツリービューのノードを走査
            foreach (TreeNode node in trv.Nodes)
            {
                // 再帰処理で対象のディレクトリを処理
                selectTreeViewItem(node, dirPath);
            }
        }

        /// 
        /// ツリービューの指定されたディレクトリパスの項目を選択状態にします（再帰処理用）.
        /// 
        /// 
        /// 
        private void selectTreeViewItem(TreeNode node, string dirPath)
        {
            foreach (TreeNode n in node.Nodes)
            {
                FileInfo fi = new FileInfo(n.FullPath);
                // リストビューで表示されたディレクトリ名と一致する場合
                if (dirPath == fi.FullName)
                {
                    // 選択状態にする
                    treeView1.Focus();
                    treeView1.SelectedNode = n;
                    break;
                }
                selectTreeViewItem(n, dirPath);
            }
        }

ファイル一覧ダブルクリック時のイベントを追加

        /// 
        /// リストビューダブルクリックイベント.
        /// 
        /// 
        /// 
        private void listView1_MouseDoubleClick(object sender, MouseEventArgs e)
        {
            // 選択されたファイル情報を取得
            ListViewItem selectedListItem = listView1.SelectedItems[0];
            FileInfo fi = new FileInfo(selectedListItem.Name);

            // ディレクトリであればファイル一覧の内容を更新する
            if (fi.Attributes == FileAttributes.Directory)
            {
                // ツリービュー上で対象のディレクトリ（ノード）が
                // 表示されている場合は選択状態にする
                selectTreeViewItem(treeView1, fi.FullName);

                // ファイル一覧の内容を更新
                setListItem(fi.FullName);
                selectedItem = fi.FullName;
            }

        }

追加した「上へ」ボタンの処理を追加

        /// 
        /// 上へボタンクリックイベント.
        /// 
        /// 
        /// 
        private void btnUp_Click(object sender, EventArgs e)
        {
            DirectoryInfo di = new DirectoryInfo(selectedItem);
            if (di.Parent != null)
            {
                selectedItem = di.Parent.FullName;
                setListItem(di.Parent.FullName);

                // 表示されている場合は選択状態にする
                selectTreeViewItem(treeView1, selectedItem);
            }
        }

まとめ

ひとまずエクスプローラーみたいな感じになってきました。

あとは検索とかもやってみるかもしれません。（予定）

ではでは。

【C#】ListViewの項目を別のListViewへ追加する

2019-08-01T11:01:21+09:00

今回は ListViewに表示したフォルダ、ファイルを別の ListView に移す（コピー）してみたいと思います。

プログラムは前回のものを流用します。

【C#】TreeViewとListViewにシステムイメージ（アイコン）を表示する

画面修正

「追加」、「削除」、「追加項目をクリア」ボタンと、別のListViewを追加します。
ボタンにはそれぞれ「Click」イベントを追加。

プログラム修正

既存処理の修正

起動時の処理時に、追加したListViewのイメージリスト、ヘッダーを設定します。

        /// 
        /// 起動時の処理
        /// 
        public Form1()
        {
            InitializeComponent();

            // イメージリストの設定
            SHFILEINFO shFileInfo = new SHFILEINFO();
            IntPtr imageListHandle = SHGetFileInfo(String.Empty, 0, out shFileInfo, (uint)Marshal.SizeOf(shFileInfo), SHGFI_SMALLICON | SHGFI_SYSICONINDEX);
            // TreeView
            SendMessage(treeView1.Handle, TVM_SETIMAGELIST, new IntPtr(TVSIL_NORMAL), imageListHandle);
            // ListViewFrom
            SendMessage(listView1.Handle, LVM_SETIMAGELIST, new IntPtr(LVSIL_SMALL), imageListHandle);
            // ListViewTo
            SendMessage(listViewTo.Handle, LVM_SETIMAGELIST, new IntPtr(LVSIL_SMALL), imageListHandle);

            // ドライブ一覧を走査してツリーに追加
            foreach (String drive in Environment.GetLogicalDrives())
            {
                // アイコンの取得
                int iconIndex = 0;
                IntPtr hSuccess = SHGetFileInfo(drive, 0, out shFileInfo, (uint)Marshal.SizeOf(shFileInfo), SHGFI_SYSICONINDEX );
                if (hSuccess != IntPtr.Zero)
                {
                    iconIndex = shFileInfo.iIcon;
                }

                // 新規ノード作成
                // プラスボタンを表示するため空のノードを追加しておく
                TreeNode node = new TreeNode(drive, iconIndex, iconIndex);
                node.Nodes.Add(new TreeNode());
                treeView1.Nodes.Add(node);
            }

            // 初期選択ドライブの内容を表示
            setListItem(Environment.GetLogicalDrives().First());

            // リストビューのヘッダーを設定
            listViewTo.View = View.Details;
            listViewTo.Clear();
            listViewTo.Columns.Add("名前");
            listViewTo.Columns.Add("種類");
            listViewTo.Columns.Add("更新日時");
            listViewTo.Columns.Add("サイズ");
        }

また、追加する項目が既に別のListViewに存在するかどうかチェックするため
ファイル・フォルダのフルパスをListViewItemに持たせるように修正します。
（リストビューの項目設定処理）

            /// 
            /// リストビューの項目を設定します.
            /// 
            private void setListItem(String filePath)
            {
                // リストビューのヘッダーを設定
                listView1.View = View.Details;
                listView1.Clear();
                listView1.Columns.Add("名前");
                listView1.Columns.Add("種類");
                listView1.Columns.Add("更新日時");
                listView1.Columns.Add("サイズ");

                try
                {
                    // フォルダ一覧
                    DirectoryInfo dirList = new DirectoryInfo(filePath);
                    foreach (DirectoryInfo di in dirList.GetDirectories())
                    {
                        ListViewItem item = new ListViewItem(di.Name);

                        // フォルダ種類、アイコンの取得
                        String type = "";
                        int iconIndex = 0;
                        SHFILEINFO shFileInfo = new SHFILEINFO();
                        IntPtr hSuccess = SHGetFileInfo(di.FullName, 0, out shFileInfo, (uint)Marshal.SizeOf(shFileInfo), SHGFI_ICON | SHGFI_LARGEICON | SHGFI_SMALLICON | SHGFI_SYSICONINDEX | SHGFI_TYPENAME);
                        if (hSuccess != IntPtr.Zero)
                        {
                            type = shFileInfo.szTypeName;
                            iconIndex = shFileInfo.iIcon;
                        }

                        // 各列の内容を設定
                        item.Name = di.FullName;
                        item.ImageIndex = iconIndex;
                        item.SubItems.Add(type);
                        item.SubItems.Add(String.Format("{0:yyyy/MM/dd HH:mm:ss}", di.LastAccessTime));
                        item.SubItems.Add("");

                        // リストに追加
                        listView1.Items.Add(item);

                    }

                    // ファイル一覧
                    List files = Directory.GetFiles(filePath).ToList();
                    foreach (String file in files)
                    {
                        FileInfo info = new FileInfo(file);
                        ListViewItem item = new ListViewItem(info.Name);

                        // ファイル種類、アイコンの取得
                        String type = "";
                        int iconIndex = 0;
                        SHFILEINFO shinfo = new SHFILEINFO();
                        IntPtr hSuccess = SHGetFileInfo(info.FullName, 0, out shinfo, (uint)Marshal.SizeOf(shinfo), SHGFI_ICON | SHGFI_LARGEICON | SHGFI_SMALLICON | SHGFI_SYSICONINDEX | SHGFI_TYPENAME);
                        if (hSuccess != IntPtr.Zero)
                        {
                            type = shinfo.szTypeName;
                            iconIndex = shinfo.iIcon;
                        }

                        // 各列の内容を設定
                        item.Name = info.FullName;
                        item.ImageIndex = iconIndex;
                        item.SubItems.Add(type);
                        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);
            }

イベント処理の追加

各ボタンのクリックイベントを追加

            /// 
            /// 追加ボタンクリックイベント.
            /// 
            /// 
            /// 
            private void btn_add_Click(object sender, EventArgs e)
            {
                var selectedItems = listView1.SelectedItems;
                foreach (ListViewItem item in selectedItems)
                {
                    // 項目をコピーして名前を再設定
                    ListViewItem copy = (ListViewItem)item.Clone();
                    copy.Name = item.Name;

                    // 既にリストに含まれていないパスであれば追加
                    if (listViewTo.Items.Find(copy.Name, false).Length == 0)
                    {
                        listViewTo.Items.Add(copy);
                    }
                }

                // 列幅を自動調整
                listViewTo.AutoResizeColumns(ColumnHeaderAutoResizeStyle.HeaderSize);
            }

            /// 
            /// 削除ボタンクリックイベント.
            /// 
            /// 
            /// 
            private void btn_del_Click(object sender, EventArgs e)
            {
                var selectedItems = listViewTo.SelectedItems;
                foreach (ListViewItem item in selectedItems)
                {
                    listViewTo.Items.Remove(item);
                }

                // 列幅を自動調整
                listViewTo.AutoResizeColumns(ColumnHeaderAutoResizeStyle.HeaderSize);

            }

            /// 
            /// 追加項目をクリアボタンクリックイベント
            /// 
            /// 
            /// 
            private void btnClear_Click(object sender, EventArgs e)
            {
                listViewTo.Items.Clear();
            }

まとめ

複数のフォルダやファイルに対して何か処理をする際に、ユーザに選ばせるようなイメージですね。
まあよくある感じですか。

次回は選択されたフォルダ・ファイルに対して何かしらの処理をする、などをやってみようかと思います。

ではでは。

【C#】TreeViewとListViewにシステムイメージ（アイコン）を表示する

2019-07-31T09:51:53+09:00

前回に引き続き、Windows Forms で、エクスプローラーのような表示をするために、
今回はファイル・フォルダの横にアイコンを表示してみます。

プログラムは前回のものを流用します。

https://www.doraxdora.com/blog/2018/01/30/post-3801/

プログラムの修正

DLL関数の呼び出し宣言を追加

システムイメージを利用するには「Shll32.dll」、「user32.dll」の関数を呼び出す必要があるため、関数呼び出しの宣言を追加します。

    // DllImportに必要
    using System.Runtime.InteropServices;

            /// 
            /// ファイル情報を取得
            /// 
            /// 
            /// 
            /// 
            /// 
            /// 
            /// 
            [DllImport("shell32.dll", CharSet = CharSet.Auto)]
            private static extern IntPtr SHGetFileInfo(string pszPath, uint dwFileAttributes, out SHFILEINFO psfi, uint cbFileInfo, uint uFlags);

            /// 
            /// イメージリストを登録
            /// 
            /// 
            /// 
            /// 
            /// 
            /// 
            [DllImport("user32.dll", CharSet = CharSet.Auto)]
            private static extern IntPtr SendMessage(IntPtr hWnd, uint Msg, IntPtr wParam, IntPtr lParam);

構造体や定数の定義

DLL関数で利用する構造体や定数の定義を追加します。

            /// 
            /// SHGetFileInfo関数で使用する構造体
            /// 
            [StructLayout(LayoutKind.Sequential, CharSet = CharSet.Auto)]
            private struct SHFILEINFO
            {
                public IntPtr hIcon;
                public int iIcon;
                public uint dwAttributes;
                [MarshalAs(UnmanagedType.ByValTStr, SizeConst = 260)]
                public string szDisplayName;
                [MarshalAs(UnmanagedType.ByValTStr, SizeConst = 80)]
                public string szTypeName;
            };

            // ファイル情報用
            private const int SHGFI_LARGEICON = 0x00000000;
            private const int SHGFI_SMALLICON = 0x00000001;
            private const int SHGFI_USEFILEATTRIBUTES = 0x00000010;
            private const int SHGFI_OVERLAYINDEX = 0x00000040;
            private const int SHGFI_ICON = 0x00000100;
            private const int SHGFI_SYSICONINDEX = 0x00004000;
            private const int SHGFI_TYPENAME = 0x000000400;

            // TreeView用
            private const int TVSIL_NORMAL = 0x0000;
            private const int TVSIL_STATE = 0x0002;
            private const int TVM_SETIMAGELIST = 0x1109;

            // ListView用
            private const int LVSIL_NORMAL = 0;
            private const int LVSIL_SMALL = 1;
            private const int LVM_SETIMAGELIST = 0x1003;

            // 選択された項目を保持
            private String selectedItem = "";

起動時にシステムイメージを登録

起動時の処理で、TreeView、ListViewにイメージのリストを登録します。

            /// 
            /// 起動時の処理
            /// 
            public Form1()
            {
                InitializeComponent();

                // イメージリストの設定
                SHFILEINFO shFileInfo = new SHFILEINFO();
                IntPtr imageListHandle = SHGetFileInfo(String.Empty, 0, out shFileInfo, (uint)Marshal.SizeOf(shFileInfo), SHGFI_SMALLICON | SHGFI_SYSICONINDEX);
                // TreeView
                SendMessage(treeView1.Handle, TVM_SETIMAGELIST, new IntPtr(TVSIL_NORMAL), imageListHandle);
                // ListView
                SendMessage(listView1.Handle, LVM_SETIMAGELIST, new IntPtr(LVSIL_SMALL), imageListHandle);

                // ドライブ一覧を走査してツリーに追加
                foreach (String drive in Environment.GetLogicalDrives())
                {
                    // アイコンの取得
                    int iconIndex = 0;
                    IntPtr hSuccess = SHGetFileInfo(drive, 0, out shFileInfo, (uint)Marshal.SizeOf(shFileInfo), SHGFI_SYSICONINDEX );
                    if (hSuccess != IntPtr.Zero)
                    {
                        iconIndex = shFileInfo.iIcon;
                    }

                    // 新規ノード作成
                    // プラスボタンを表示するため空のノードを追加しておく
                    TreeNode node = new TreeNode(drive, iconIndex, iconIndex);
                    node.Nodes.Add(new TreeNode());
                    treeView1.Nodes.Add(node);
                }

                // 初期選択ドライブの内容を表示
                setListItem(Environment.GetLogicalDrives().First());
            }

ListViewの内容更新時の処理を修正

TreeViewが選択された際にListViewの内容を更新する処理で、
表示するファイル、フォルダ―のイメージを取得して設定します。

            /// 
            /// リストビューの項目を設定します.
            /// 
            private void setListItem(String filePath)
            {
                // リストビューのヘッダーを設定
                listView1.View = View.Details;
                listView1.Clear();
                listView1.Columns.Add("名前");
                listView1.Columns.Add("種類");
                listView1.Columns.Add("更新日時");
                listView1.Columns.Add("サイズ");

                try
                {
                    // フォルダ一覧
                    DirectoryInfo dirList = new DirectoryInfo(filePath);
                    foreach (DirectoryInfo di in dirList.GetDirectories())
                    {
                        ListViewItem item = new ListViewItem(di.Name);

                        // フォルダ種類、アイコンの取得
                        String type = "";
                        int iconIndex = 0;
                        SHFILEINFO shFileInfo = new SHFILEINFO();
                        IntPtr hSuccess = SHGetFileInfo(di.FullName, 0, out shFileInfo, (uint)Marshal.SizeOf(shFileInfo), SHGFI_ICON | SHGFI_LARGEICON | SHGFI_SMALLICON | SHGFI_SYSICONINDEX | SHGFI_TYPENAME);
                        if (hSuccess != IntPtr.Zero)
                        {
                            type = shFileInfo.szTypeName;
                            iconIndex = shFileInfo.iIcon;
                        }

                        // 各列の内容を設定
                        item.ImageIndex = iconIndex;
                        item.SubItems.Add(type);
                        item.SubItems.Add(String.Format("{0:yyyy/MM/dd HH:mm:ss}", di.LastAccessTime));
                        item.SubItems.Add("");

                        // リストに追加
                        listView1.Items.Add(item);

                    }

                    // ファイル一覧
                    List files = Directory.GetFiles(filePath).ToList();
                    foreach (String file in files)
                    {
                        FileInfo info = new FileInfo(file);
                        ListViewItem item = new ListViewItem(info.Name);

                        // ファイル種類、アイコンの取得
                        String type = "";
                        int iconIndex = 0;
                        SHFILEINFO shinfo = new SHFILEINFO();
                        IntPtr hSuccess = SHGetFileInfo(info.FullName, 0, out shinfo, (uint)Marshal.SizeOf(shinfo), SHGFI_ICON | SHGFI_LARGEICON | SHGFI_SMALLICON | SHGFI_SYSICONINDEX | SHGFI_TYPENAME);
                        if (hSuccess != IntPtr.Zero)
                        {
                            type = shinfo.szTypeName;
                            iconIndex = shinfo.iIcon;
                        }

                        // 各列の内容を設定
                        item.ImageIndex = iconIndex;
                        item.SubItems.Add(type);
                        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展開時の処理を修正

同様に TreeView を展開する際の処理で、
フォルダ―のアイコンを取得して設定するように修正します。

            /// 
            /// ツリービュー項目展開時（前）のイベントハンドラ.
            /// 
            /// 
            /// 
            private void treeView1_BeforeExpand(object sender, TreeViewCancelEventArgs e)
            {
                TreeNode node = e.Node;
                node.Nodes.Clear();

                try
                {
                    DirectoryInfo dirList = new DirectoryInfo(node.FullPath);
                    foreach (DirectoryInfo di in dirList.GetDirectories())
                    {
                        // フォルダのアイコンを取得
                        SHFILEINFO shinfo = new SHFILEINFO();
                        int iconIndex = 0;
                        IntPtr hSuccess = SHGetFileInfo(di.FullName, 0, out shinfo, (uint)Marshal.SizeOf(shinfo), SHGFI_ICON | SHGFI_LARGEICON | SHGFI_SMALLICON | SHGFI_SYSICONINDEX | SHGFI_TYPENAME);
                        if (hSuccess != IntPtr.Zero)
                        {
                            iconIndex = shinfo.iIcon;
                        }

                        // 子を追加してノードを展開
                        TreeNode child = new TreeNode(di.Name, shinfo.iIcon, shinfo.iIcon);
                        child.ImageIndex = iconIndex;
                        child.Nodes.Add(new TreeNode());
                        node.Nodes.Add(child);
                    }
                }
                catch (IOException ie)
                {
                    MessageBox.Show(ie.Message, "選択エラー");
                }

            }

起動してみる

無事に TreeView、ListViewにアイコンを表示することができ、
更にエクスプローラーのようなUIになりました。

まとめ

プログラムについては共通化したり、別クラスに処理をまとめたりできるので整理が必要ですが、
ひとまずアイコンを表示する方法を試してみました。

【C#】TreeView と ListView でエクスプローラーのような表示をする

2019-07-26T09:51:39+09:00

おはようございます。

今回はC#のWindowsFormで、
エクスプローラーのようなUIを実装したいと思います。

WindowsFormはまだブログに書いていないので、新規でプロジェクトを作成してください。

画面の作成

左側にフォルダのTreeView、右側に選択されたツリー項目に格納されているフォルダ・ファイル一覧を表示するための ListView を配置します。

プログラムの実装

ファイルサイズ変換処理

ファイルサイズ（バイト）を単位付きに変換するメソッド ``` ///

/// ファイルサイズを単位付きに変換して返します. ///

/// /// private String getFileSize(long fileSize) { String ret = fileSize + " バイト"; if (fileSize > (1024f * 1024f * 1024f)) { ret = Math.Round((fileSize / 1024f / 1024f / 1024f), 2).ToString() + " GB"; } else if (fileSize > (1024f * 1024f)) { ret = Math.Round((fileSize / 1024f / 1024f), 2).ToString() + " MB"; } else if (fileSize > 1024f) { ret = Math.Round((fileSize / 1024f)).ToString() + " KB"; } return ret; } ``` ### リストビュー項目設定処理 TreeView が選択された際に、格納されている項目の内容を ListView に設定するメソッド ``` ///

/// リストビューの項目を設定します. ///

private void setListItem(String filePath) { // リストビューのヘッダーを設定 listView1.View = View.Details; listView1.Clear(); listView1.Columns.Add("名前"); listView1.Columns.Add("更新日時"); listView1.Columns.Add("サイズ"); try { // フォルダ一覧 DirectoryInfo dirList = new DirectoryInfo(filePath); foreach (DirectoryInfo di in dirList.GetDirectories()) { ListViewItem item = new ListViewItem(di.Name); item.SubItems.Add(String.Format("{0:yyyy/MM/dd HH:mm:ss}", di.LastAccessTime)); item.SubItems.Add(""); listView1.Items.Add(item); } // ファイル一覧 List files = Directory.GetFiles(filePath).ToList(); foreach (String file in files) { FileInfo info = new FileInfo(file); ListViewItem item = new ListViewItem(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に設定します。 ``` ///

/// 起動時の処理 ///

public Form1() { InitializeComponent(); // ドライブ一覧を走査してツリーに追加 foreach (String drive in Environment.GetLogicalDrives()) { // 新規ノード作成 // プラスボタンを表示するため空のノードを追加しておく TreeNode node = new TreeNode(drive); node.Nodes.Add(new TreeNode()); treeView1.Nodes.Add(node); } // 初期選択ドライブの内容を表示 setListItem(Environment.GetLogicalDrives().First()); } ``` ### TreeView展開時の処理展開された項目の子ノードを追加する処理を実装 ``` ///

/// ツリービュー項目展開時（前）のイベントハンドラ. ///

/// /// private void treeView1_BeforeExpand(object sender, TreeViewCancelEventArgs e) { TreeNode node = e.Node; String path = node.FullPath; node.Nodes.Clear(); try { DirectoryInfo dirList = new DirectoryInfo(path); foreach (DirectoryInfo di in dirList.GetDirectories()) { TreeNode child = new TreeNode(di.Name); child.Nodes.Add(new TreeNode()); node.Nodes.Add(child); } } catch (IOException ie) { MessageBox.Show(ie.Message, "選択エラー"); } } ``` ### TreeView項目選択時の処理選択された項目に格納されているファイル・フォルダ一覧を表示 ``` ///

/// ツリービュー項目選択時（前）のイベントハンドラ. ///

/// /// private void treeView1_NodeMouseClick(object sender, TreeNodeMouseClickEventArgs e) { setListItem(e.Node.FullPath); } ``` ## 起動してみる ![起動後の画面](https://www.doraxdora.com/wp-content/uploads/2018/01/CSharpTreeView001.jpg) 左側、TreeViewにドライブ、フォルダの一覧、右側に選択されたフォルダの内容を表示することができました。 ## まとめエクスプローラーのようなコントローラーであれば標準であっても良さそうなもんですけどね。とりあえずしばらくは WindowsForm をやっていく予定です。ではでは。