ansaurus

Question

ItemsControl, ItemsPanel and ItemsPresenter (Silverlight, XAML)

Answer 1

+1 A:

ItemsControl is conceptually a control that houses items. Try to simply think of this control as a holder for zero or more objects.

ItemsPresenter is a bit tougher to explain, but this is part of the ItemsControl template that will define where the items are placed within it. Your ItemsControl's template can be anything you like, say a Grid with some pretty pictures around it, inside this template, you would place the ItemsPresenter where ever you want your items to be, say right in the middle of your grid. (this example is taken from msdn and simplified for ease of reading)

<Style TargetType="HeaderedItemsControl">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type HeaderedItemsControl}">
          <Grid>
            <Rectangle Stroke="Black" Fill="Red"/>
            <ItemsPresenter Margin="2,0,0,0"/>
          </Grid>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

The ItemsPanel is the panel (or container) that controls the layout of the items in your ItemsControl. So if you want your items that you have added to your ItemsControl to display in a horizotal way, then yor items panel could simply be a StackPanel with its Orientation property set to Horizontal.

This all make sense?

Mark 2010-09-16 10:51:32

If you could give an example of all 3 in use.. will be great. The msdn example which I came across before is not that great (ie it bloody sucks) So I think the itemspresenter is shifting the ControlTemplate which can contain a ItemsPanel for containing more items within the ControlTemplate?

Brandon 2010-09-17 00:07:52

is this a conceptual question or are you having trouble trying to create your own ItemsControl?

Mark 2010-09-17 02:17:00

conceptual, but would just like to understand it well.

Brandon 2010-09-17 06:25:02

Ok, so the `ControlTemplate` will define the look of your `ItemsControl` as it is a template for a control. Inside the `ControlTemplate` is where you place the `ItemsPresenter` this is a place holder control that will insert (or "replace at runtime") the `ItemsPanel` which maybe a StackPanel, Grid (or whatever) that holds your items. The thing to remember about SL is that its built to be "lookless" which basically means that its all about behavior and not a locked down look and feel.

Mark 2010-09-17 07:03:22

...sorry didnt mean to hit enter... Essentially, all the control classes like a `Button` or an `ItemsControl` are defined as having behavior, not tied to a specific look (for example, a Button is "something you Click", not "a thing that looks like this that you Click"). This means, however, that there must be plenty of different template hooks in place to build up the eventual look of whatever you are creating, such as a listbox, which is what leads to the common confusion around the massive amounts of templates and presenters.

Mark 2010-09-17 07:06:43

ansaurus

tags:

views:

answers:

ItemsControl, ItemsPanel and ItemsPresenter (Silverlight, XAML)

related questions