ItemsControl.Items プロパティ

定義

ItemsControl のコンテンツの生成に使用するコレクションを取得します。Gets the collection used to generate the content of the ItemsControl.

public:
 property System::Windows::Controls::ItemCollection ^ Items { System::Windows::Controls::ItemCollection ^ get(); };
[System.ComponentModel.Bindable(true)]
public System.Windows.Controls.ItemCollection Items { get; }
member this.Items : System.Windows.Controls.ItemCollection
Public ReadOnly Property Items As ItemCollection

プロパティ値

ItemsControl のコンテンツ生成に使用されるコレクション。The collection that is used to generate the content of the ItemsControl. 既定値は空のコレクションです。The default is an empty collection.

属性

次の例では、ItemsControlにデータをバインドする方法を示します。The following examples demonstrate binding data to an ItemsControl. 最初の例では、単純な文字列コレクションである MyData というクラスを作成します。The first example creates a class called MyData that is a simple string collection.

public class MyData : ObservableCollection<string>
{
    public MyData()
    {
        Add("Item 1");
        Add("Item 2");
        Add("Item 3");
    }
}
Public Class MyData
    Inherits ObservableCollection(Of String)

    Public Sub New()  '

        Add("Item 1")
        Add("Item 2")
        Add("Item 3")

    End Sub
End Class

次の例では、ItemsControlItemsSource オブジェクトを MyDataにバインドします。The following example binds the ItemsSource object of an ItemsControl to MyData.

<!--Create an instance of MyData as a resource.-->
<src:MyData x:Key="dataList"/>
<ListBox ItemsSource="{Binding Source={StaticResource dataList}}"/>
ListBox listBox1 = new ListBox();
MyData listData = new MyData();
Binding binding1 = new Binding();

binding1.Source = listData;
listBox1.SetBinding(ListBox.ItemsSourceProperty, binding1);
Dim listBox1 As New ListBox()
Dim listData As New MyData()
Dim binding1 As New Binding()

binding1.Source = listData
listBox1.SetBinding(ListBox.ItemsSourceProperty, binding1)

次の図は、前の例で作成した ListBox コントロールを示しています。The following illustration shows the ListBox control created in the previous example.

ListBoxListBox

次の例は、Items プロパティを使用して ItemsControl にデータを設定する方法を示しています。The following example demonstrates how to populate an ItemsControl by using the Items property. この例では、ListBoxに次の異なる種類の項目を追加します。The example adds the following different types of items to the ListBox:

<!--Create a ListBox that contains a string, a Rectangle,
     a Panel, and a DateTime object. These items can be accessed
     via the Items property.-->
<ListBox xmlns:sys="clr-namespace:System;assembly=mscorlib"
         Name="simpleListBox">

  <!-- The <ListBox.Items> element is implicitly used.-->
  This is a string in a ListBox

  <sys:DateTime>2004/3/4 13:6:55</sys:DateTime>

  <Rectangle Height="40" Width="40"  Fill="Blue"/>

  <StackPanel Name="itemToSelect">
    <Ellipse Height="40" Fill="Blue"/>
    <TextBlock>Text below an Ellipse</TextBlock>
  </StackPanel>

  <TextBlock>String in a TextBlock</TextBlock>
</ListBox>
// Add a String to the ListBox.
listBox1.Items.Add("This is a string in a ListBox");

// Add a DateTime object to a ListBox.
DateTime dateTime1 = new DateTime(2004, 3, 4, 13, 6, 55);

listBox1.Items.Add(dateTime1);

// Add a Rectangle to the ListBox.
Rectangle rect1 = new Rectangle();
rect1.Width = 40;
rect1.Height = 40;
rect1.Fill = Brushes.Blue;
listBox1.Items.Add(rect1);

// Add a panel that contains multpile objects to the ListBox.
Ellipse ellipse1 = new Ellipse();
TextBlock textBlock1 = new TextBlock();

ellipse1.Width = 40;
ellipse1.Height = 40;
ellipse1.Fill = Brushes.Blue;

textBlock1.TextAlignment = TextAlignment.Center;
textBlock1.Text = "Text below an Ellipse";

stackPanel1.Children.Add(ellipse1);
stackPanel1.Children.Add(textBlock1);

listBox1.Items.Add(stackPanel1);
' Create a Button with a string as its content.
listBox1.Items.Add("This is a string in a ListBox")

' Create a Button with a DateTime object as its content.
Dim dateTime1 As New DateTime(2004, 3, 4, 13, 6, 55)

listBox1.Items.Add(dateTime1)

' Create a Button with a single UIElement as its content.
Dim rect1 As New Rectangle()
rect1.Width = 40
rect1.Height = 40
rect1.Fill = Brushes.Blue
listBox1.Items.Add(rect1)

' Create a Button with a panel that contains multiple objects 
' as its content.
Dim ellipse1 As New Ellipse()
Dim textBlock1 As New TextBlock()

ellipse1.Width = 40
ellipse1.Height = 40
ellipse1.Fill = Brushes.Blue

textBlock1.TextAlignment = TextAlignment.Center
textBlock1.Text = "Text below an Ellipse"

stackPanel1.Children.Add(ellipse1)
stackPanel1.Children.Add(textBlock1)

listBox1.Items.Add(stackPanel1)

次の図は、前の例で作成した ListBox を示しています。The following illustration shows the ListBox created in the previous example.

4 種類の内容を含む ListBoxListBox with four types of content

ItemCollection はビューであるため、並べ替え、フィルター処理、グループ化などのビューに関連する機能を使用できます。Note that the ItemCollection is a view, so you can use the view-related functionalities such as sorting, filtering, and grouping.

たとえば、myListBoxListBoxのインスタンスがある場合は、次のようにして、ListBoxの内容を並べ替えることができます。For example, if you have an instance of a ListBox, myListBox, you can do the following to sort the content of the ListBox. この例では、Content は並べ替えの基準となるプロパティの名前です。In this example, Content is the name of the property to sort by.

myListBox.Items.SortDescriptions.Add(
    new SortDescription("Content", ListSortDirection.Descending));
myListBox.Items.SortDescriptions.Add(New SortDescription("Content", ListSortDirection.Descending))

この場合、コントロールが直接コレクションにバインドされると、既定のコレクションビューが使用され、同じコレクションに直接バインドされている他のすべてのコントロールに対して並べ替え条件が適用されることに注意してください。Note that when you do this, if the control is bound to a collection directly, the default collection view is used, and the sort criteria are applied to all other controls bound to the same collection directly. ItemsSource プロパティが CollectionViewSourceにバインドされている場合、ビューは既定のビューにはなりません。The view will not be the default view if the ItemsSource property is bound to a CollectionViewSource.

ItemsControl がコレクションに直接バインドされている場合は、次のようにして既定のビューを取得できます。If your ItemsControl is bound directly to a collection, then you can do the following to get the default view:

CollectionView myView;
Private myView As CollectionView
myView = (CollectionView)CollectionViewSource.GetDefaultView(myItemsControl.ItemsSource);
myView = CType(CollectionViewSource.GetDefaultView(myItemsControl.ItemsSource), CollectionView)

また、CollectionViewSourceを使用して XAMLXAML またはコードでフィルター処理、並べ替え、およびグループ化の条件を指定することもできます。Alternately, you can specify filtering, sorting, and grouping criteria in XAMLXAML or code by using a CollectionViewSource.

注釈

このプロパティは、ItemsControlに項目を追加するために使用できます。This property may be used to add items to an ItemsControl. ItemsControl オブジェクトに子を追加すると、それが暗黙的に ItemsControl オブジェクトの ItemCollection に追加されます。Adding a child to an ItemsControl object implicitly adds it to the ItemCollection for the ItemsControl object.

注意

このプロパティを設定できるのは、表示されているコレクション構文を使用するか、コレクションオブジェクトにアクセスし、Addなどのさまざまなメソッドを使用して Extensible Application Markup Language (XAML)Extensible Application Markup Language (XAML) だけです。This property can only be set in Extensible Application Markup Language (XAML)Extensible Application Markup Language (XAML) via the collection syntax shown, or by accessing the collection object and using its various methods such as Add. コレクションオブジェクト自体にアクセスするプロパティは読み取り専用で、コレクション自体は読み取り/書き込み可能です。The property to access the collection object itself is read-only, and the collection itself is read-write.

Items または ItemsSource プロパティを使用して、ItemsControlのコンテンツを生成するために使用するコレクションを指定することに注意してください。Note that you use either the Items or the ItemsSource property to specify the collection that should be used to generate the content of your ItemsControl. ItemsSource プロパティが設定されている場合、Items コレクションは読み取り専用と固定サイズになります。When the ItemsSource property is set, the Items collection is made read-only and fixed-size.

ItemsSource が使用されている場合、ItemsSource プロパティを null に設定すると、コレクションが削除され、使用状況が Itemsに復元されます。これは空の ItemCollectionになります。When ItemsSource is in use, setting the ItemsSource property to null removes the collection and restores usage to Items, which will be an empty ItemCollection.

XAML プロパティ要素の使用XAML Property Element Usage

<object>  
  OneOrMoreElements  
</object>  

XAML の値XAML Values

Oneorelements の要素OneOrMoreElements
1つ以上の UIElement オブジェクト。One or more UIElement objects.

適用対象

こちらもご覧ください