C# WPFのListBoxで、分離コードにコードを追加して、選択した要素をTextBlockに表示する

ListBoxで選択された項目を取得するには、ListBoxコントロールのSelectedItemプロパティを取得することで、項目のオブジェクトが取得できます。複数選択の場合は、ForEach文などを使用して列挙してオブジェクトを取得します。

上記のコードでは、SelectionChangedイベントを使用しており、さらに、ListBoxのSelectionModeをSingleに設定して 、1つしか項目を選択できないため、SelectionChangedイベントの引数、senderやeからも取得できます。senderは、イベントを取得したオブジェクトが、eには、イベントが発生したオブジェクトが入っています。

プログラムを実行し、上から順番にListBoxの項目を選択します。一番上のTextBlockで表示される値、言い換えると、選択肢た項目のToString()メソッドの値は、上の3つの項目、「みかん」、「りんご」、「ばなな」と下の3つの項目、「もも」、「いちご」、「ぶどう」で異なることがわかります。

• System.Windows.Controls.ListBoxItem: みかん
• System.Windows.Controls.ListBoxItem: りんご
• System.Windows.Controls.ListBoxItem: ばなな
• もも
• いちご
• ぶどう

言い換えると、 xamlで、ListBoxItem要素に登録した項目は、ListBoxItem要素であり、C#コードで、Items.Addを使用して追加した項目は、テキスト（String）です。

            // 選択したListBoxItemを文字列として表示する
            ListItem.Text=lb.SelectedItem.ToString();

ListBoxItem要素とテキスト（String）が混在したListBoxで、ListBoxItem要素の場合、Content属性の値を、テキスト（String）の場合は、そのまま、テキストをTextBlockに表示する場合はどうすればよいのでしょうか？この答えの１つが、2つ目のTextBlockです。

xamlで項目を追加したもののListBoxに表示されている文字列は、ListBoxItem要素の場合、Content属性の値です。この値をTextBlockであるListItemNameに表示するためには、以下のコードを使用します。

ListItemName.Text = ((sender as ListBox).SelectedItem as ListBoxItem).Content.ToString();

しかし、このコードは、ListBoxItem要素のためのコードであるため、テキスト（String）の項目では、System.NullReferenceException例外が発生します。

一方、テキスト（String）の項目を表示するためには、以下のコードを使用します。

ListItemName.Text = lb.SelectedItem.ToString();

単純に、選択された項目を文字列として表示するだけです。

もちろん、このコードに、ListBoxItem要素を与えれば例外が発生します。

そのため、上記のコードでは、例外処理が含まれるコードになっています。

            // 選択したListBoxItemのContent属性を文字列として表示する
            try
            {
                // xamlで、ListBoxItemのContent属性で追加した項目は、このコードでListBoxで項目に表示されている内容を表示できる
                ListItemName.Text = ((sender as ListBox).SelectedItem as ListBoxItem).Content.ToString();
            }
            catch(System.NullReferenceException)
            {
                // C#で、ListboxにAddメソッドで追加した項目は、このコードでListBoxで項目に表示されている内容を表示できる
                ListItemName.Text = lb.SelectedItem.ToString();
            }

このコードを例外処理を使用しないコードに書き換える場合の1例として、以下のようなコードが考えられます。例外処理を使用しないため、プログラムの動作が早くなることが期待できます。

            // 選択したListBoxItemのContent属性を文字列として表示する
            ListBoxItem srcItem = lb.SelectedItem as ListBoxItem;

            if (srcItem != null)
            {
                // 項目が、ListBoxItemのときの処理
                ListItemName.Text = srcItem.Content.ToString();
            }
            else
            {
                //  項目が、テキスト（String）のときの処理
                ListItemName.Text = lb.SelectedItem.ToString();
            }

3つ目のTextBlockでは、選択した要素のインディックス番号を取得しています。

            // 選択した項目のインディックス番号を取得する
            ListItemNo.Text = "選択した項目のインディックス番号は" + (sender as ListBox).SelectedIndex.ToString();

外部に、ListBoxの項目用のコンテナを用意せずにListBoxを使用する際、意図せずに項目に複数の型を使用する状況を作らないように注意しましょう。

最終的なコードを以下に示します。

<Window x:Class="SelectListBoxItem.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        Title="MainWindow" Height="250" Width="300">
    <DockPanel>
        <TextBlock DockPanel.Dock="Top" Name="ListItem" Padding="5,0,0,0"/>
        <TextBlock DockPanel.Dock="Top" Name="ListItemName" Padding="5,0,0,0"/>
        <TextBlock DockPanel.Dock="Top" Name="ListItemNo" Padding="5,0,0,0"/>

        <ListBox DockPanel.Dock="Bottom" Name="lb" SelectionMode="Single" SelectionChanged="Listbox_SelectionChanged">
            <ListBoxItem Content="みかん"/>
            <ListBoxItem Content="りんご"/>
            <ListBoxItem>ばなな</ListBoxItem>
        </ListBox>
    </DockPanel>
</Window>

using System.Windows;
using System.Windows.Controls;

namespace SelectListBoxItem
{
    /// <summary>
    /// MainWindow.xaml の相互作用ロジック
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            // リストの初期値を入力
            SetInitialListItems();
        }

        private void SetInitialListItems()
        {
           lb.Items.Add("もも");
           lb.Items.Add("いちご");
           lb.Items.Add("ぶどう");
        }

        private void Listbox_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            // 選択したListBoxItemを文字列として表示する
            ListItem.Text = lb.SelectedItem.ToString();

            // 選択したListBoxItemのContent属性を文字列として表示する
            ListBoxItem srcItem = lb.SelectedItem as ListBoxItem;

            if (srcItem != null)
            {
                // 項目が、ListBoxItemのときの処理
                ListItemName.Text = srcItem.Content.ToString();
            }
            else
            {
                //  項目が、テキスト（String）のときの処理
                ListItemName.Text = lb.SelectedItem.ToString();
            }

            // 選択した項目のインディックス番号を取得する
            ListItemNo.Text = "選択した項目のインディックス番号は" + (sender as ListBox).SelectedIndex.ToString();
        }
    }
}

ListBoxItem要素とテキスト（String）が混在したListBoxでは、項目の扱いが複雑になります。

xamlで、ListBoxの項目にテキストの項目を追加することが難しければ、C#コードで、項目を追加するときにListBoxItemクラスのオブジェクトを追加すれば、ListBox内の項目のオブジェクト型が統一されるためコードを単純化することができます。

lb.Items.Add("もも");

項目の中にListBoxItemクラスのオブジェクトを追加するコード

ListBoxItem myItem1 = new ListBoxItem();
myItem1.Content = "もも";

lb.Items.Add(myItem1);

• ListBox クラス[msdn]
• ItemsControl.Items プロパティ
• WPFのListBoxで、ItemsSourceプロパティを使用して登録したリスト内の要素を選択しTextBoxに表示する
• Listboxに、DataBindingを使用して、Listboxで選択した要素をTextBoxに表示します。
• ListBoxのItemsSourceプロパティを使用して項目を登録します。