「WindowsForms」の記事 - Crieit

【C#】WindowsForm にチェックボックスを動的に配置してみる

2019-08-28T09:29:46+09:00

あるデータを元にチェックボックスを等間隔に動的配置する方法を試してみました。

プロジェクト新規作成

今回は新規でプロジェクトを作成します。

Visual Studio を起動して、「ファイル」＞「新規」からプロジェクトを作成してください。

画面の作成

「Label」、「TableLayoutPanel」、「Button」を配置します。
TableLayoutPanelによって、均等にチェックボックスを並べていくようになります。

プログラム

クラス追加

チェックボックスのデータを保持するクラスの追加

Option.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace SampleCheckBoxDynamicArrangement
{
    /// 
    /// 選択肢クラス
    /// 
    class Option
    {
        /// 
        /// チェックされているかどうか
        /// 
        public Boolean IsChecked { set; get; }

        /// 
        /// 表示テキスト
        /// 
        public String Text { set; get; }

        /// 
        /// 値
        /// 
        public String Value { set; get; }

    }
}

メインの処理

Form1.cs

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace SampleCheckBoxDynamicArrangement
{
    public partial class Form1 : Form
    {
        private int toggleFlg = 0;

        /// 
        /// 選択肢リスト
        /// 
        private List

まとめ

動的に配置できれば、
選択肢に増減がある場合などに使えますね。

もっと上手い方法もあるかと思いますが、
今回はサクッと、選択肢のリストをグローバルで保持し、
チェックボックスのIDを利用してどこのチェックボックスがチェックされているかを判定しました。

ソース（プロジェクト）は、
初めて GitHub にアップしてみましたが、上げ方合ってるのかな。。

GitHub

何かの参考になれば。

ではでは。

【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 をやっていく予定です。ではでは。