Skew Transforms for a ListBox : ListBox Style « Windows Presentation Foundation « C# / CSharp Tutorial

1. C# / CSharp Tutorial
2. Windows Presentation Foundation
3. ListBox Style

<Window x:Class="WPFTransformations.Transforms"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Skew Transform" Height="350" Width="300"
  >
  <Grid>
    <StackPanel Margin="8">
      <ListBox Height="100" Width="200" BorderBrush="Blue" BorderThickness="2">
        <ListBoxItem Content="Item 1" Background="Beige" Height="22"/>
        <ListBoxItem Content="Item 2" Background="LightGray" Height="22"/>
        <ListBoxItem Content="Item 3" Background="Beige" Height="22"/>
        <ListBoxItem Content="Item 4" Background="LightGray" Height="22"/>
        <ListBox.RenderTransform>
          <SkewTransform 
            CenterX="{Binding Path=Value, ElementName=sliderSkewCX}" 
            CenterY="{Binding Path=Value, ElementName=sliderSkewCY}" 
            AngleX="{Binding Path=Value, ElementName=sliderSkewX}" 
            AngleY="{Binding Path=Value, ElementName=sliderSkewY}"
            />
        </ListBox.RenderTransform>
      </ListBox>

      <TextBlock Height="65" Width="100"/>
      <Grid HorizontalAlignment="Center" Margin="2">
        <Grid.RowDefinitions>
          <RowDefinition/>
          <RowDefinition/>
          <RowDefinition/>
          <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
          <ColumnDefinition/>
          <ColumnDefinition Width="110"/>
          <ColumnDefinition/>
        </Grid.ColumnDefinitions>

        <TextBlock Grid.Row="0" Grid.Column="0" Text="Angle X:"/>
        <Slider Grid.Row="0" Grid.Column="1" Name="sliderSkewX"/>
        <TextBox Grid.Row="0" Grid.Column="2" 
          Text="{Binding Path=Value, ElementName=sliderSkewX}"/>


        <TextBlock Grid.Row="2" Grid.Column="0" Text="Center X:"/>
        <Slider Grid.Row="2" Grid.Column="1" Name="sliderSkewCX"/>
        <TextBox Grid.Row="2" Grid.Column="2" 
          Text="{Binding Path=Value, ElementName=sliderSkewCX}"/>

      </Grid>
    </StackPanel>
    <StackPanel Margin="8">
        <Rectangle Height="100" Width="200" Stroke="Red" Fill="Red" Opacity=".05"/>
    </StackPanel>
  </Grid>
</Window>

24.33.ListBox Style
	24.33.1.	Rotate a ListBox
	24.33.2.	Scale a ListBox
	24.33.3.	Skew Transforms for a ListBox
	24.33.4.	Different Font Family and Size for each ListBoxItem
	24.33.5.	Create a style that will produce a horizontal ListBox.
	24.33.6.	Change the Appearance of Alternate Items in a List
	24.33.7.	Change the Appearance of a List Item When It's Selected