1. 程式人生 > >WPF ListView樣式

WPF ListView樣式

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:Themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Aero" x:Class="WpfApplication1.MainWindow"
        Title="MainWindow" x:Name="usercontrol" Height="350" Width="525">
<Window.Resources>
        <Style x:Key="ListViewStyle" TargetType="{x:Type ListView}">
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="BorderBrush" Value="Gray"/>
<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled"/>
<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Disabled"/>
<Setter Property="ScrollViewer.CanContentScroll" Value="False"/>
            <Setter Property="ScrollViewer.PanningMode" Value="Both"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ListView}">
                        <Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="true">
                                <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                        </Border>
                    </ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<ItemsPanelTemplate x:Key="ItemsPanelTemplate">
<WrapPanel IsItemsHost="True"/>
</ItemsPanelTemplate>
<Style x:Key="ListViewItemStyle" TargetType="{x:Type ListViewItem}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ListViewItem}">
                        <CheckBox BorderThickness="0" Style="{DynamicResource CheckBoxStyle}"/>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

<Style x:Key="CheckBoxStyle" TargetType="{x:Type CheckBox}">
<Setter Property="Height" Value="60"/>
<Setter Property="Width" Value="80"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type CheckBox}">
<Border x:Name="bd" Background="Gray">
<TextBlock x:Name="tb" Width="40" TextWrapping="Wrap" Text="{Binding RelativeSource={RelativeSource AncestorType=ListViewItem,Mode=FindAncestor},Path=Content}" HorizontalAlignment="Center"
                                       VerticalAlignment="Center" FontSize="14" Foreground="Black"/>
</Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsChecked" Value="True">
                                <Setter TargetName="bd" Property="Background" Value="Blue"/>
                                <Setter TargetName="tb" Property="Foreground" Value="White"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Window.Resources>
<Grid>
        <ListView x:Name="listview" Height="60"  
                  HorizontalAlignment="Left" VerticalAlignment="Top" 
                  Width="{Binding ElementName=usercontrol,Path=ActualWidth}" 
                  Style="{DynamicResource ListViewStyle}" 
                  ItemsPanel="{DynamicResource ItemsPanelTemplate}" 
                  ItemContainerStyle="{DynamicResource ListViewItemStyle}"  >
            
        </ListView>
        
</Grid>
</Window>