ListView using GridView.HeaderTemplate and GridViewColumn.CellTemplate properties : ListBox « Windows Presentation Foundation « VB.Net

1. VB.Net
2. Windows Presentation Foundation
3. ListBox

ListView using GridView.HeaderTemplate and GridViewColumn.CellTemplate properties

   

<Window x:Class="WpfApplication1.Window1"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:ds="clr-namespace:WpfApplication1">
  <Window.Resources>
    <ObjectDataProvider x:Key="myDateCollectionDataSource" ObjectType="{x:Type ds:myDateCollection}"/>
    <Style x:Key="GridViewColumnHeaderGripper" TargetType="{x:Type Thumb}">
      <Setter Property="Height" Value="{Binding Path=ActualHeight,RelativeSource={RelativeSource TemplatedParent}}"/>
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="{x:Type Thumb}">
            <Border>
              <Rectangle HorizontalAlignment="Center" Width="1" Fill="Black"/>
            </Border>
          </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Style>
    <Style x:Key="myControlTemplateStyle" TargetType="{x:Type GridViewColumnHeader}">
      <Setter Property="Template">
        <Setter.Value>
          <ControlTemplate TargetType="{x:Type GridViewColumnHeader}">
            <Grid Background="LightBlue">
              <DockPanel HorizontalAlignment="Center" VerticalAlignment="Center">
                <CheckBox></CheckBox>
                <TextBlock Text="{TemplateBinding Content}" FontSize="16" Foreground="DarkBlue"/>
              </DockPanel>
              <Canvas>
              <Thumb x:Name="PART_HeaderGripper"
                     Style="{StaticResource GridViewColumnHeaderGripper}"
                     Background="Transparent"
                     />
            </Canvas>
            </Grid>
          </ControlTemplate>
        </Setter.Value>
      </Setter>
    </Style>

    <Style x:Key="myHeaderStyle" TargetType="{x:Type GridViewColumnHeader}">
      <Setter Property="Background" Value="LightBlue"/>
    </Style>

    <DataTemplate x:Key="myHeaderTemplate">
      <DockPanel>
        <CheckBox/>
        <TextBlock FontSize="16" Foreground="DarkBlue">
          <TextBlock.Text>
            <Binding/>
          </TextBlock.Text>
        </TextBlock>
      </DockPanel>
    </DataTemplate>

    <DataTemplate x:Key="myCellTemplateDay">
      <DockPanel>
        <TextBlock Foreground="DarkBlue" HorizontalAlignment="Center">
          <TextBlock.Text>
            <Binding Path="Day"/>
          </TextBlock.Text>
        </TextBlock>
      </DockPanel>
    </DataTemplate>

    <DataTemplate x:Key="myCellTemplateMonth">
      <DockPanel>
        <TextBlock Foreground="DarkBlue" HorizontalAlignment="Center">
          <TextBlock.Text>
            <Binding Path="Month"/>
          </TextBlock.Text>
        </TextBlock>
      </DockPanel>
    </DataTemplate>
    <DataTemplate x:Key="myCellTemplateYear">
      <DockPanel>
        <TextBlock Foreground="DarkBlue" HorizontalAlignment="Center">
          <TextBlock.Text>
            <Binding Path="Year"/>
          </TextBlock.Text>
        </TextBlock>
      </DockPanel>
    </DataTemplate>
  </Window.Resources>
  <StackPanel>
      <ListView ItemsSource="{Binding Source={StaticResource myDateCollectionDataSource}}"
                HorizontalAlignment="Center">
        <ListView.View>
          <GridView ColumnHeaderTemplate="{StaticResource myHeaderTemplate}"
                    ColumnHeaderContainerStyle="{StaticResource myHeaderStyle}">
            <GridViewColumn Header="Year" Width="80"
                  CellTemplate="{StaticResource myCellTemplateYear}"/>
            <GridViewColumn Header="Month" Width="80"
                  CellTemplate="{StaticResource myCellTemplateMonth}"/>
            <GridViewColumn Header="Day" Width="80"
                  CellTemplate="{StaticResource myCellTemplateDay}"/>
          </GridView>
        </ListView.View>
      </ListView>
  </StackPanel>
</Window>
//File:Window.xaml.vb
Imports System
Imports System.Windows
Imports System.Windows.Controls
Imports System.Windows.Data
Imports System.Windows.Documents
Imports System.Windows.Media
Imports System.Windows.Shapes
Imports System.Windows.Controls.Primitives
Imports System.Collections.ObjectModel

Namespace WpfApplication1
  Public Partial Class Window1
    Inherits Window
  End Class

  Public Class myDateCollection
    Inherits ObservableCollection(Of DateTime)
    Public Sub New()
      Add(New DateTime(2005, 1, 1))
      Add(New DateTime(2004, 8, 1))
      Add(New DateTime(2003, 12, 4))
      Add(New DateTime(2004, 2, 18))
      Add(New DateTime(2004, 6, 30))
    End Sub
  End Class
End Namespace

   
    
    
  

Related examples in the same category

1.	External ListBox style
2.	Define ListBox template
3.	Set selected index for ListBox
4.	Bind String Array Resource to ListBox
5.	ListBox Selected Index, Item, Value
6.	ListBox and SelectionMode
7.	Load the Items in a ListBox Asynchronously
8.	Change the Appearance of Alternate Items in a List
9.	Change the Appearance of a List Item When It's Selected
10.	Use Data Templates to Display Bound Data
11.	CheckBox List
12.	Convert the contents of a ListBoxItem to an instance of GridLength by using GridLengthConverter
13.	Use the FontSizeConverter class to convert the content of a ListBoxItem to a value that represents the size of a font.
14.	ListBox SelectionChanged Event
15.	ListBox SelectionMode=Single
16.	Get Selected Item from ListBox
17.	ListBox selection changed event
18.	Different Font Family and Size for each ListBoxItem
19.	Handles ListBoxItem Selected events for the ListBoxItems in the inner ListBox.
20.	Use Panel as a ListBoxItem
21.	Create a ListBoxItem, set font, content, add the ListBoxItem to the ListBox
22.	Select All ListBox Items
23.	Create a style that will produce a horizontal ListBox.
24.	Convert contents of a ListBoxItem to an instance of Thickness by using the ThicknessConverter
25.	DataTrigger, ListBox and user object
26.	Add selected file to ListBox
27.	ListBox with Image item
28.	Get selecte item from ListBox
29.	List box with text and non-text content in the list box items.
30.	This list box allows multiple user selections.
31.	List box that uses data binding to populate the list box items.
32.	This list box allows items to be selected in groups by using the SHIFT key and mouse or the CTRL key and space key.
33.	Get selected item count from Listbox
34.	Change Height
35.	Change MinHeight
36.	View and Select Items Using a List
37.	Set text to TextBlock for selected list item
38.	Iterate through the selected items and remove each one
39.	Ensure there is at least one item selected
40.	Select All and unselect all
41.	Get Item At Index Position [0]