ItemsControl.Items ItemsControl.Items ItemsControl.Items ItemsControl.Items Property

定義

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

ItemsSource の例ではMyData、のオブジェクトをにバインドします。ItemsControlThe 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

次の例は、 ItemsControl Itemsプロパティを使用してを設定する方法を示しています。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.

たとえば、のListBox myListBoxインスタンスがある場合、次のようにしてのコンテンツを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)

または、をXAMLXAML CollectionViewSource使用して、またはコードでフィルター処理、並べ替え、およびグループ化の条件を指定することもできます。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オブジェクトに子を追加すると、 ItemCollection ItemsControlオブジェクトのに暗黙的に子が追加されます。Adding a child to an ItemsControl object implicitly adds it to the ItemCollection for the ItemsControl object.

注意

このプロパティを設定するにExtensible Application Markup Language (XAML)Extensible Application Markup Language (XAML)は、表示されているコレクション構文を使用するか、コレクションオブジェクトにアクセスし、などAddのさまざまなメソッドを使用します。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 ItemsControlまたはプロパティを使用して、のコンテンツを生成するために使用するコレクションを指定することに注意してください。 ItemsSourceNote 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. プロパティが設定Itemsされると、コレクションは読み取り専用になり、固定サイズになります。 ItemsSourceWhen 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

OneOrMoreElementsOneOrMoreElements
1つ以上のオブジェクト。UIElementOne or more UIElement objects.

適用対象

こちらもご覧ください