Permalink
Cannot retrieve contributors at this time
Fetching contributors…
| <!--<SnippetResources>--> | |
| <Window x:Class="SDKSample.Window1" | |
| xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" | |
| xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" | |
| xmlns:local="clr-namespace:SDKSample" | |
| Title="Introduction to Data Templating Sample"> | |
| <!--<SnippetR1>--> | |
| <Window.Resources> | |
| <!--</SnippetR1>--> | |
| <local:Tasks x:Key="myTodoList"/> | |
| <!--</SnippetResources>--> | |
| <!--<SnippetDTS>--> | |
| <local:TaskListDataTemplateSelector x:Key="myDataTemplateSelector"/> | |
| <!--</SnippetDTS>--> | |
| <!--<SnippetImportantTemplate>--> | |
| <DataTemplate x:Key="importantTaskTemplate"> | |
| <DataTemplate.Resources> | |
| <Style TargetType="TextBlock"> | |
| <Setter Property="FontSize" Value="20"/> | |
| </Style> | |
| </DataTemplate.Resources> | |
| <Border Name="border" BorderBrush="Red" BorderThickness="1" | |
| Padding="5" Margin="5"> | |
| <DockPanel HorizontalAlignment="Center"> | |
| <TextBlock Text="{Binding Path=Description}" /> | |
| <TextBlock>!</TextBlock> | |
| </DockPanel> | |
| </Border> | |
| </DataTemplate> | |
| <!--</SnippetImportantTemplate>--> | |
| <!--<SnippetAsResource>--> | |
| <DataTemplate x:Key="myTaskTemplate"> | |
| <StackPanel> | |
| <TextBlock Text="{Binding Path=TaskName}" /> | |
| <TextBlock Text="{Binding Path=Description}"/> | |
| <TextBlock Text="{Binding Path=Priority}"/> | |
| </StackPanel> | |
| </DataTemplate> | |
| <!--</SnippetAsResource>--> | |
| <!--<SnippetDataType>--> | |
| <DataTemplate DataType="{x:Type local:Task}"> | |
| <StackPanel> | |
| <TextBlock Text="{Binding Path=TaskName}" /> | |
| <TextBlock Text="{Binding Path=Description}"/> | |
| <TextBlock Text="{Binding Path=Priority}"/> | |
| </StackPanel> | |
| </DataTemplate> | |
| <!--</SnippetDataType>--> | |
| <!--<SnippetUI1>--> | |
| <!--<SnippetR2>--> | |
| </Window.Resources> | |
| <!--</SnippetR2>--> | |
| <StackPanel> | |
| <TextBlock Name="blah" FontSize="20" Text="My Task List:"/> | |
| <ListBox Width="400" Margin="10" | |
| ItemsSource="{Binding Source={StaticResource myTodoList}}"/> | |
| <!--</SnippetUI1>--> | |
| <!--<SnippetItemsControlProperties>--> | |
| <ItemsControl Margin="10" | |
| ItemsSource="{Binding Source={StaticResource myTodoList}}"> | |
| <!--The ItemsControl has no default visual appearance. | |
| Use the Template property to specify a ControlTemplate to define | |
| the appearance of an ItemsControl. The ItemsPresenter uses the specified | |
| ItemsPanelTemplate (see below) to layout the items. If an | |
| ItemsPanelTemplate is not specified, the default is used. (For ItemsControl, | |
| the default is an ItemsPanelTemplate that specifies a StackPanel.--> | |
| <ItemsControl.Template> | |
| <ControlTemplate TargetType="ItemsControl"> | |
| <Border BorderBrush="Aqua" BorderThickness="1" CornerRadius="15"> | |
| <ItemsPresenter/> | |
| </Border> | |
| </ControlTemplate> | |
| </ItemsControl.Template> | |
| <!--Use the ItemsPanel property to specify an ItemsPanelTemplate | |
| that defines the panel that is used to hold the generated items. | |
| In other words, use this property if you want to affect | |
| how the items are laid out.--> | |
| <ItemsControl.ItemsPanel> | |
| <ItemsPanelTemplate> | |
| <WrapPanel /> | |
| </ItemsPanelTemplate> | |
| </ItemsControl.ItemsPanel> | |
| <!--Use the ItemTemplate to set a DataTemplate to define | |
| the visualization of the data objects. This DataTemplate | |
| specifies that each data object appears with the Proriity | |
| and TaskName on top of a silver ellipse.--> | |
| <ItemsControl.ItemTemplate> | |
| <DataTemplate> | |
| <DataTemplate.Resources> | |
| <Style TargetType="TextBlock"> | |
| <Setter Property="FontSize" Value="18"/> | |
| <Setter Property="HorizontalAlignment" Value="Center"/> | |
| </Style> | |
| </DataTemplate.Resources> | |
| <Grid> | |
| <Ellipse Fill="Silver"/> | |
| <StackPanel> | |
| <TextBlock Margin="3,3,3,0" | |
| Text="{Binding Path=Priority}"/> | |
| <TextBlock Margin="3,0,3,7" | |
| Text="{Binding Path=TaskName}"/> | |
| </StackPanel> | |
| </Grid> | |
| </DataTemplate> | |
| </ItemsControl.ItemTemplate> | |
| <!--Use the ItemContainerStyle property to specify the appearance | |
| of the element that contains the data. This ItemContainerStyle | |
| gives each item container a margin and a width. There is also | |
| a trigger that sets a tooltip that shows the description of | |
| the data object when the mouse hovers over the item container.--> | |
| <ItemsControl.ItemContainerStyle> | |
| <Style> | |
| <Setter Property="Control.Width" Value="100"/> | |
| <Setter Property="Control.Margin" Value="5"/> | |
| <Style.Triggers> | |
| <Trigger Property="Control.IsMouseOver" Value="True"> | |
| <Setter Property="Control.ToolTip" | |
| Value="{Binding RelativeSource={x:Static RelativeSource.Self}, | |
| Path=Content.Description}"/> | |
| </Trigger> | |
| </Style.Triggers> | |
| </Style> | |
| </ItemsControl.ItemContainerStyle> | |
| </ItemsControl> | |
| <!--</SnippetItemsControlProperties>--> | |
| <!--<SnippetItemTemplateSelector>--> | |
| <ListBox Width="400" Margin="10" | |
| ItemsSource="{Binding Source={StaticResource myTodoList}}" | |
| ItemTemplateSelector="{StaticResource myDataTemplateSelector}" | |
| HorizontalContentAlignment="Stretch"/> | |
| <!--</SnippetItemTemplateSelector>--> | |
| <!--<SnippetInline>--> | |
| <ListBox Width="400" Margin="10" | |
| ItemsSource="{Binding Source={StaticResource myTodoList}}"> | |
| <ListBox.ItemTemplate> | |
| <DataTemplate> | |
| <StackPanel> | |
| <TextBlock Text="{Binding Path=TaskName}" /> | |
| <TextBlock Text="{Binding Path=Description}"/> | |
| <TextBlock Text="{Binding Path=Priority}"/> | |
| </StackPanel> | |
| </DataTemplate> | |
| </ListBox.ItemTemplate> | |
| </ListBox> | |
| <!--</SnippetInline>--> | |
| <!--<SnippetMyTaskTemplate>--> | |
| <ListBox Width="400" Margin="10" | |
| ItemsSource="{Binding Source={StaticResource myTodoList}}" | |
| ItemTemplate="{StaticResource myTaskTemplate}"/> | |
| <!--</SnippetMyTaskTemplate>--> | |
| <!--<SnippetStretch>--> | |
| <ListBox Width="400" Margin="10" | |
| ItemsSource="{Binding Source={StaticResource myTodoList}}" | |
| ItemTemplate="{StaticResource myTaskTemplate}" | |
| HorizontalContentAlignment="Stretch"/> | |
| <!--</SnippetStretch>--> | |
| <!--<SnippetUI2>--> | |
| </StackPanel> | |
| </Window> | |
| <!--</SnippetUI2>--> |