[C#/WPF/MATERIAL DESIGN/.NET5] ListBox 엘리먼트 사용하기

■ ListBox 엘리먼트를 사용하는 방법을 보여준다.

▶ MainApplication.xaml


<Application x:Class="TestProject.MainApplication"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
    StartupUri="MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <materialDesign:BundledTheme
                    BaseTheme="Inherit"
                    PrimaryColor="DeepPurple"
                    SecondaryColor="Lime"
                    ColorAdjustment="{materialDesign:ColorAdjustment}" />
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

<Application x:Class="TestProject.MainApplication"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"

StartupUri="MainWindow.xaml">

<Application.Resources>

<ResourceDictionary.MergedDictionaries>

<materialDesign:BundledTheme

BaseTheme="Inherit"

PrimaryColor="DeepPurple"

SecondaryColor="Lime"

ColorAdjustment="{materialDesign:ColorAdjustment}" />

</ResourceDictionary.MergedDictionaries>

</ResourceDictionary>

</Application.Resources>

</Application>

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
    Width="800"
    Height="600"
    Title="ListBox 엘리먼트 사용하기"
    Background="{DynamicResource MaterialDesignPaper}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <StackPanel
            HorizontalAlignment="Center"
            VerticalAlignment="Center">
            <materialDesign:Card Margin="10">
                <ListBox
                    Style="{StaticResource MaterialDesignFilterChipListBox}"
                    Margin="10">
                    <ListBoxItem Content="Mercury" />
                    <ListBoxItem
                        IsSelected="True"
                        Content="Venus" />
                    <ListBoxItem Content="Earth" />
                    <ListBoxItem
                        IsEnabled="False"
                        Content="Pluto" />
                </ListBox>
            </materialDesign:Card>
            <materialDesign:Card Margin="10">
                <ListBox
                    Style="{StaticResource MaterialDesignFilterChipPrimaryListBox}"
                    Margin="10">
                    <ListBoxItem Content="Mercury" />
                    <ListBoxItem
                        IsSelected="True"
                        Content="Venus" />
                    <ListBoxItem Content="Earth" />
                    <ListBoxItem
                        IsEnabled="False"
                        Content="Pluto" />
                </ListBox>
            </materialDesign:Card>
            <materialDesign:Card Margin="10">
                <ListBox
                    Style="{StaticResource MaterialDesignFilterChipAccentListBox}"
                    Margin="10">
                    <ListBoxItem Content="Mercury"/>
                    <ListBoxItem
                        IsSelected="True"
                        Content="Venus" />
                    <ListBoxItem Content="Earth"/>
                    <ListBoxItem
                        IsEnabled="False"
                        Content="Pluto" />
                </ListBox>
            </materialDesign:Card>
            <materialDesign:Card Margin="10 30 10 10">
                <ListBox
                    Style="{StaticResource MaterialDesignFilterChipOutlineListBox}"
                    Margin="10">
                    <ListBoxItem Content="Mercury" />
                    <ListBoxItem
                        IsSelected="True"
                        Content="Venus" />
                    <ListBoxItem Content="Earth" />
                    <ListBoxItem
                        IsEnabled="False"
                        Content="Pluto" />
                </ListBox>
            </materialDesign:Card>
            <materialDesign:Card Margin="10">
                <ListBox
                    Style="{StaticResource MaterialDesignFilterChipPrimaryOutlineListBox}"
                    Margin="10">
                    <ListBoxItem Content="Mercury" />
                    <ListBoxItem
                        IsSelected="True"
                        Content="Venus" />
                    <ListBoxItem Content="Earth" />
                    <ListBoxItem
                        IsEnabled="False"
                        Content="Pluto" />
                </ListBox>
            </materialDesign:Card>
            <materialDesign:Card Margin="10">
                <ListBox
                    Style="{StaticResource MaterialDesignFilterChipAccentOutlineListBox}"
                    Margin="10">
                    <ListBoxItem Content="Mercury" />
                    <ListBoxItem
                        IsSelected="True"
                        Content="Venus" />
                    <ListBoxItem Content="Earth" />
                    <ListBoxItem
                        IsEnabled="False"
                        Content="Pluto" />
                </ListBox>
            </materialDesign:Card>
        </StackPanel>
    </Grid>
</Window>

100

101

102

103

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"

Width="800"

Height="600"

Title="ListBox 엘리먼트 사용하기"

Background="{DynamicResource MaterialDesignPaper}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<materialDesign:Card Margin="10">

<ListBox

Style="{StaticResource MaterialDesignFilterChipListBox}"

Margin="10">

<ListBoxItem

IsSelected="True"

Content="Venus" />

<ListBoxItem

IsEnabled="False"

Content="Pluto" />

</ListBox>

</materialDesign:Card>

<materialDesign:Card Margin="10">

<ListBox

Style="{StaticResource MaterialDesignFilterChipPrimaryListBox}"

Margin="10">

<ListBoxItem

IsSelected="True"

Content="Venus" />

<ListBoxItem

IsEnabled="False"

Content="Pluto" />

</ListBox>

</materialDesign:Card>

<materialDesign:Card Margin="10">

<ListBox

Style="{StaticResource MaterialDesignFilterChipAccentListBox}"

Margin="10">

<ListBoxItem

IsSelected="True"

Content="Venus" />

<ListBoxItem

IsEnabled="False"

Content="Pluto" />

</ListBox>

</materialDesign:Card>

<materialDesign:Card Margin="10 30 10 10">

<ListBox

Style="{StaticResource MaterialDesignFilterChipOutlineListBox}"

Margin="10">

<ListBoxItem

IsSelected="True"

Content="Venus" />

<ListBoxItem

IsEnabled="False"

Content="Pluto" />

</ListBox>

</materialDesign:Card>

<materialDesign:Card Margin="10">

<ListBox

Style="{StaticResource MaterialDesignFilterChipPrimaryOutlineListBox}"

Margin="10">

<ListBoxItem

IsSelected="True"

Content="Venus" />

<ListBoxItem

IsEnabled="False"

Content="Pluto" />

</ListBox>

</materialDesign:Card>

<materialDesign:Card Margin="10">

<ListBox

Style="{StaticResource MaterialDesignFilterChipAccentOutlineListBox}"

Margin="10">

<ListBoxItem

IsSelected="True"

Content="Venus" />

<ListBoxItem

IsEnabled="False"

Content="Pluto" />

</ListBox>

</materialDesign:Card>

</StackPanel>

</Grid>

</Window>

TestProject.zip