ListView

[C#] ListViewでのダブルクリックイベントの活用法

C#のListViewでダブルクリックイベントを活用する方法は、ユーザーがリスト内の項目を素早く選択し、詳細情報を表示したり、編集画面を開いたりする際に便利です。

ListViewのItemActivateイベントを使用して、ダブルクリックを検出できます。

このイベントは、ユーザーが項目をアクティブにしたときに発生し、デフォルトではダブルクリックに対応しています。

イベントハンドラー内で、選択された項目の情報を取得し、必要な処理を実行します。

これにより、ユーザーインターフェースの操作性が向上し、直感的な操作が可能になります。

目次から探す

ListViewでのダブルクリックイベントの設定
ダブルクリックイベントの活用例
ダブルクリックイベントの応用
まとめ

ListViewでのダブルクリックイベントの設定

イベントハンドラーの追加方法

ListViewのダブルクリックイベントを処理するためには、まずイベントハンドラーを追加する必要があります。

以下の手順で設定できます。

Visual Studioでフォームデザイナーを開く。
ListViewコントロールを選択する。
プロパティウィンドウで「イベント」アイコンをクリックする。
DoubleClickイベントを見つけ、ダブルクリックして新しいイベントハンドラーを作成する。

以下は、イベントハンドラーを追加した後のサンプルコードです。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        listView1.DoubleClick += ListView1_DoubleClick; // ダブルクリックイベントの追加
    }
    private void ListView1_DoubleClick(object sender, EventArgs e)
    {
        // ダブルクリック時の処理をここに記述
    }
}

このコードでは、ListView1_DoubleClickメソッドがダブルクリックイベントの処理を行います。

ItemActivateイベントの活用

ListViewには、ItemActivateというイベントもあります。

このイベントは、アイテムがアクティブになったときに発生します。

ダブルクリックと同様の処理を行いたい場合、ItemActivateイベントを使用することができます。

以下は、ItemActivateイベントを使用したサンプルコードです。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        listView1.ItemActivate += ListView1_ItemActivate; // ItemActivateイベントの追加
    }
    private void ListView1_ItemActivate(object sender, EventArgs e)
    {
        // アイテムがアクティブになったときの処理をここに記述
    }
}

このように、ItemActivateイベントを利用することで、ダブルクリック以外の方法でもアイテムの選択を処理できます。

ダブルクリックイベントの実装手順

ダブルクリックイベントを実装する手順は以下の通りです。

ListViewコントロールをフォームに追加する。
上記の方法でダブルクリックイベントハンドラーを追加する。
イベントハンドラー内で、ダブルクリックされたアイテムの情報を取得する。

以下は、ダブルクリックされたアイテムの情報を表示するサンプルコードです。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        listView1.DoubleClick += ListView1_DoubleClick; // ダブルクリックイベントの追加
    }
    private void ListView1_DoubleClick(object sender, EventArgs e)
    {
        if (listView1.SelectedItems.Count > 0) // 選択されたアイテムがあるか確認
        {
            string itemText = listView1.SelectedItems[0].Text; // 選択されたアイテムのテキストを取得
            MessageBox.Show($"選択されたアイテム: {itemText}"); // メッセージボックスで表示
        }
    }
}

このコードでは、ダブルクリックされたアイテムのテキストをメッセージボックスで表示します。

これにより、ユーザーはどのアイテムを選択したかを確認できます。

ダブルクリックイベントの活用例

詳細情報の表示

ダブルクリックイベントを利用して、選択したアイテムの詳細情報を表示することができます。

例えば、ListViewに表示されているアイテムの詳細を別のフォームで表示することが考えられます。

以下は、その実装例です。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        listView1.DoubleClick += ListView1_DoubleClick; // ダブルクリックイベントの追加
    }
    private void ListView1_DoubleClick(object sender, EventArgs e)
    {
        if (listView1.SelectedItems.Count > 0) // 選択されたアイテムがあるか確認
        {
            string itemText = listView1.SelectedItems[0].Text; // 選択されたアイテムのテキストを取得
            ShowDetails(itemText); // 詳細情報を表示するメソッドを呼び出し
        }
    }
    private void ShowDetails(string itemText)
    {
        MessageBox.Show($"アイテムの詳細: {itemText}"); // メッセージボックスで詳細を表示
    }
}

このコードでは、ダブルクリックされたアイテムのテキストを取得し、ShowDetailsメソッドを呼び出して詳細情報を表示します。

編集画面の開き方

ダブルクリックイベントを利用して、選択したアイテムを編集するための新しいフォームを開くこともできます。

以下は、編集画面を開く実装例です。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        listView1.DoubleClick += ListView1_DoubleClick; // ダブルクリックイベントの追加
    }
    private void ListView1_DoubleClick(object sender, EventArgs e)
    {
        if (listView1.SelectedItems.Count > 0) // 選択されたアイテムがあるか確認
        {
            string itemText = listView1.SelectedItems[0].Text; // 選択されたアイテムのテキストを取得
            OpenEditForm(itemText); // 編集フォームを開くメソッドを呼び出し
        }
    }
    private void OpenEditForm(string itemText)
    {
        EditForm editForm = new EditForm(itemText); // 編集フォームのインスタンスを作成
        editForm.ShowDialog(); // モーダルで表示
    }
}

このコードでは、EditFormという別のフォームを開き、選択されたアイテムのテキストを渡しています。

EditForm内でアイテムの編集を行うことができます。

項目の削除確認ダイアログの表示

ダブルクリックイベントを利用して、選択したアイテムを削除する際の確認ダイアログを表示することもできます。

以下は、その実装例です。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        listView1.DoubleClick += ListView1_DoubleClick; // ダブルクリックイベントの追加
    }
    private void ListView1_DoubleClick(object sender, EventArgs e)
    {
        if (listView1.SelectedItems.Count > 0) // 選択されたアイテムがあるか確認
        {
            string itemText = listView1.SelectedItems[0].Text; // 選択されたアイテムのテキストを取得
            ConfirmDelete(itemText); // 削除確認ダイアログを表示するメソッドを呼び出し
        }
    }
    private void ConfirmDelete(string itemText)
    {
        DialogResult result = MessageBox.Show(
            $"本当に `{itemText}` を削除しますか？",
            "削除確認",
            MessageBoxButtons.YesNo,
            MessageBoxIcon.Warning
        );
        if (result == DialogResult.Yes) // ユーザーが「はい」を選択した場合
        {
            listView1.Items.Remove(listView1.SelectedItems[0]); // アイテムを削除
        }
    }
}

このコードでは、ダブルクリックされたアイテムに対して削除確認のメッセージボックスを表示し、ユーザーが「はい」を選択した場合にそのアイテムをListViewから削除します。

これにより、誤ってアイテムを削除することを防ぐことができます。

ダブルクリックイベントの応用

複数選択時の処理

ListViewで複数のアイテムを選択できる場合、ダブルクリックイベントを利用して、選択されたすべてのアイテムに対して処理を行うことができます。

以下は、選択されたアイテムのテキストを表示する実装例です。

partial class MyForm : Form
{
    public MyForm()
    {
        InitializeComponent();
        listView1.MultiSelect = true; // 複数選択を有効にする
        listView1.DoubleClick += ListView1_DoubleClick; // ダブルクリックイベントの追加
    }
    private void ListView1_DoubleClick(object sender, EventArgs e)
    {
        if (listView1.SelectedItems.Count > 0) // 選択されたアイテムがあるか確認
        {
            string selectedItems = string.Join(", ", listView1.SelectedItems.Cast<ListViewItem>().Select(item => item.Text)); // 選択されたアイテムのテキストを取得
            MessageBox.Show($"選択されたアイテム: {selectedItems}"); // メッセージボックスで表示
        }
    }
}

このコードでは、複数選択されたアイテムのテキストをカンマ区切りで表示します。

これにより、ユーザーはどのアイテムを選択したかを一目で確認できます。

コンテキストメニューとの連携

ダブルクリックイベントとコンテキストメニューを組み合わせることで、ユーザーに対してより直感的な操作を提供できます。

以下は、右クリックで表示されるコンテキストメニューをダブルクリックイベントと連携させる実装例です。

partial class MyForm : Form
{
    private ContextMenuStrip contextMenuStrip;
    public MyForm()
    {
        InitializeComponent();
        contextMenuStrip = new ContextMenuStrip(); // コンテキストメニューのインスタンスを作成
        contextMenuStrip.Items.Add("詳細表示", null, ContextMenuDetail_Click); // メニュー項目を追加
        contextMenuStrip.Items.Add("削除", null, ContextMenuDelete_Click); // メニュー項目を追加
        listView1.ContextMenuStrip = contextMenuStrip; // ListViewにコンテキストメニューを設定
        listView1.DoubleClick += ListView1_DoubleClick; // ダブルクリックイベントの追加
    }
    private void ListView1_DoubleClick(object sender, EventArgs e)
    {
        if (listView1.SelectedItems.Count > 0) // 選択されたアイテムがあるか確認
        {
            ContextMenuDetail_Click(sender, e); // 詳細表示メニューを呼び出す
        }
    }
    private void ContextMenuDetail_Click(object sender, EventArgs e)
    {
        if (listView1.SelectedItems.Count > 0) // 選択されたアイテムがあるか確認
        {
            string itemText = listView1.SelectedItems[0].Text; // 選択されたアイテムのテキストを取得
            MessageBox.Show($"アイテムの詳細: {itemText}"); // メッセージボックスで表示
        }
    }
    private void ContextMenuDelete_Click(object sender, EventArgs e)
    {
        if (listView1.SelectedItems.Count > 0) // 選択されたアイテムがあるか確認
        {
            listView1.Items.Remove(listView1.SelectedItems[0]); // アイテムを削除
        }
    }
}

このコードでは、ダブルクリック時に詳細表示の処理を呼び出し、右クリック時にはコンテキストメニューが表示されます。

これにより、ユーザーは直感的に操作できます。

他のコントロールとの連携

ダブルクリックイベントを他のコントロールと連携させることで、より複雑なインターフェースを構築できます。

例えば、ListViewのアイテムをダブルクリックした際に、TextBoxにそのアイテムの情報を表示することができます。

以下は、その実装例です。

partial class MyForm : Form
{
    private TextBox textBox1;
    public MyForm()
    {
        InitializeComponent();
        textBox1 = new TextBox { Location = new Point(10, 200), Width = 200 }; // TextBoxのインスタンスを作成
        Controls.Add(textBox1); // フォームにTextBoxを追加
        listView1.DoubleClick += ListView1_DoubleClick; // ダブルクリックイベントの追加
    }
    private void ListView1_DoubleClick(object sender, EventArgs e)
    {
        if (listView1.SelectedItems.Count > 0) // 選択されたアイテムがあるか確認
        {
            string itemText = listView1.SelectedItems[0].Text; // 選択されたアイテムのテキストを取得
            textBox1.Text = itemText; // TextBoxにアイテムのテキストを表示
        }
    }
}

このコードでは、ダブルクリックされたアイテムのテキストがTextBoxに表示されます。

これにより、ユーザーは選択したアイテムの詳細を簡単に確認できます。