[C# WPF] WPF ListView 컨트롤 다루기

안녕하세요.

 

오늘은 C# WPF에서 ListView 컨트롤 다루는 방법에 대해서 알아 보도록 하겠습니다.

 

오늘은 ListView 컨트롤에 아이템을 넣어서 기본적으로 사용방법에 대해서 보여드리고, 계속 포스팅을 진행하여 여러가지 ListView 컨트롤 다루는 방법에 대해서 공부해 보도록 하겠습니다.

 

 

먼저, WPF 프로젝트를 하나 생성해 주시고 아래와 같이 Xaml과 클래스 소스 코드를 작성해 주시기 바랍니다.

 

MainWindow.xaml

<Window x:Class="ListBoxTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:ListBoxTest"
        mc:Ignorable="d"
        Title="MainWindow" Height="250" Width="500">
    <Grid>
        <ListView x:Name="uiLv_Main" Margin=" 5" Background="AliceBlue">
            <ListViewItem>사과</ListViewItem>
            <ListViewItem IsSelected="True">파인애플</ListViewItem>
            <ListViewItem>망고</ListViewItem>
            <ListViewItem>딸기</ListViewItem>
            <ListViewItem IsSelected="True">수박</ListViewItem>
            <ListViewItem>애플망고</ListViewItem>
        </ListView>
    </Grid>
</Window>
 

 

실행 결과

위와 같이 아주 기본적으로 Xaml에서 ListView에 Item을 직접 설정하여 넣을 수 있습니다.

 

그럼 여기서 조금 더 나아가서, 이제 ListView Item 목록에 Image를 함께 넣는 방법도 보여 드리도록 하겠습니다.

 

MainWindow.xaml

<Window x:Class="ListBoxTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:ListBoxTest"
        mc:Ignorable="d"
        Title="MainWindow" Height="250" Width="500">
    <Grid>
        <ListView Margin="10">
            <ListViewItem>
                <StackPanel Orientation="Horizontal">
                    <Image Source="C:\Users\Desktop\ListBoxTest\ListBoxTest\Image\apple.jpg" Margin="0,0,5,0" Width="20" Height="20" />
                    <TextBlock>사과</TextBlock>
                </StackPanel>
            </ListViewItem>
            <ListViewItem>
                <StackPanel Orientation="Horizontal">
                    <Image Source="C:\Users\Desktop\ListBoxTest\ListBoxTest\Image\pineapple.png" Margin="0,0,5,0" Width="20" Height="20" />
                    <TextBlock>파인애플</TextBlock>
                </StackPanel>
            </ListViewItem>
        </ListView>
    </Grid>
</Window>
 

 

 

실행 결과

위와 같이 StackPanel을 이용하여 ListView 컨트롤에 Image를 함께 넣을 수 있는 것을 확인하실 수 있습니다.

 

다음 포스팅에서는 ListView 컨트롤에 대해서 더 자세히 알아 보도록 하겠습니다.

 

감사합니다.^^