ListBoxを利用する[DataTemplate][ItemTemplate][XAML][WPF][C#]

ListBoxにおいてDataTemplateによる基本的な表示方法を記述します。

まずはListBoxに表示させるデータを作成しておきます。今回はMainWindowのコードビハインド上で、コレクションのListジェネリッククラスを利用します。

関連ページ

namespace ListBoxSample1
{
    /// <summary>
    /// MainWindow.xaml の相互作用ロジック
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            List<Book> books = new List<Book>();

            books.Add(new Book() { Title = "こころ" });
            books.Add(new Book() { Title = "ノルウェーの森" });
            books.Add(new Book() { Title = "人間失格" });

            bookList.ItemsSource = books;
        }

        public class Book
        {
            public string Title { get; set; }
        }
    }
}

namespace ListBoxSample1

{

/// <summary>

/// MainWindow.xaml の相互作用ロジック

/// </summary>

public partial class MainWindow : Window

{

public MainWindow()

{

InitializeComponent();

List<Book> books = new List<Book>();

books.Add(new Book() { Title = "こころ" });

books.Add(new Book() { Title = "ノルウェーの森" });

books.Add(new Book() { Title = "人間失格" });

bookList.ItemsSource = books;

}

public class Book

{

public string Title { get; set; }

}

<Grid>

    <ListBox Name="bookList">

        <ListBox.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Title}" />
            </DataTemplate>
        </ListBox.ItemTemplate>

    </ListBox>

</Grid>