CODEWITHSUNDEEP
c#.netwpfxaml
Tommy
Tommy

Reputation: 583

Creating styles for a ListView in a WPF Desktop application

I have some styles for a Metro/win8 app:

    <Style TargetType="ListViewItem">
        <Setter Property="Background" >
            <Setter.Value>
                <SolidColorBrush Color="#FF171717" Opacity="0.70"/>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderBrush" Value="#FFEAF32C" />
        <Setter Property="BorderThickness" Value="2, 0, 0, 0" />

        <Setter Property="Padding" Value="5" />
        <Setter Property="Opacity" Value="40" />
    </Style>

But now I am making a desktop app in wpf (.net 4.5) and cannot apply styles like this in xaml to a ListView control. How do we define our own custom styles for a Desktop ListView control in xaml?

Upvotes: 0

Views: 1480

Answers (1)

Andy
Andy

Reputation: 6466

Here is an example putting the style in a windows resource dictionary.

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <Style TargetType="ListViewItem">
            <Setter Property="Background" >
                <Setter.Value>
                    <SolidColorBrush Color="#FF171717" Opacity="0.70"/>
                </Setter.Value>
            </Setter>
            <Setter Property="BorderBrush" Value="#FFEAF32C" />
            <Setter Property="BorderThickness" Value="2, 0, 0, 0" />

            <Setter Property="Padding" Value="5" />
            <Setter Property="Opacity" Value="40" />
        </Style>
    </Window.Resources>
    <Grid>
        <ScrollViewer HorizontalContentAlignment="Stretch" VerticalAlignment="Stretch">
            <ListView>
                <ListView.Items>
                    <Button>a</Button>
                    <Button>b</Button>
                    <Button>c</Button>
                    <Button>d</Button>
                    <Button>e</Button>
                </ListView.Items>
            </ListView>
        </ScrollViewer>
    </Grid>
</Window>

and if you want the style to be placed in it's own file then you can reference that file like this (my resource file is just call Dictionary1.xaml)

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="Dictionary1.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Window.Resources>
    <Grid>
        <ScrollViewer HorizontalContentAlignment="Stretch" VerticalAlignment="Stretch">
            <ListView>
                <ListView.Items>
                    <Button>a</Button>
                    <Button>b</Button>
                    <Button>c</Button>
                    <Button>d</Button>
                    <Button>e</Button>
                </ListView.Items>
            </ListView>
        </ScrollViewer>
    </Grid>
</Window>

Upvotes: 5

Related Questions