WPF Archives - 114 중 107 번째 페이지

[C#/WPF] SolidColorBrush 클래스 : 디폴트 시스템 색상 오버라이딩 하기

■ SolidColorBrush 클래스에서 디폴트 시스템 색상을 오버라이딩하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<ListBox>
    <ListBox.Resources>
        <SolidColorBrush
            x:Key="{x:Static SystemColors.HighlightBrushKey}"
            Color="Red" />
    </ListBox.Resources>
    <TextBlock>항목1</TextBlock>
    <TextBlock>항목2</TextBlock>
    <TextBlock>항목3</TextBlock>
</ListBox>

<ListBox.Resources>

<SolidColorBrush

x:Key="{x:Static SystemColors.HighlightBrushKey}"

Color="Red" />

</ListBox.Resources>

</ListBox>

[C#/WPF] Ellipse 엘리먼트 : 커졌다 사라지는 동심원 애니메이션 설정하기

■ Ellipse 엘리먼트를 사용해 커졌다 사라지는 동심원 애니메이션을 만드는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="Ellipse 엘리먼트 : 커졌다 사라지는 동심원 애니메이션 설정하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <Style TargetType="Ellipse">
            <Setter Property="VerticalAlignment"   Value="Center" />
            <Setter Property="HorizontalAlignment" Value="Center" />
            <Setter Property="Width"               Value="0"      />
            <Setter Property="Height"              Value="0"      />
            <Setter Property="StrokeThickness"     Value="2"      />
            <Style.Triggers>
                <EventTrigger RoutedEvent="Loaded">
                    <BeginStoryboard >
                        <Storyboard
                            FillBehavior="Stop"
                            RepeatBehavior="Forever">
                            <DoubleAnimation
                                Storyboard.TargetProperty="Width"
                                Duration="0:0:5"
                                To="300" />
                            <DoubleAnimation
                                Storyboard.TargetProperty="Height"
                                Duration="0:0:5"
                                To="300" />
                            <DoubleAnimation
                                Storyboard.TargetProperty="Opacity"
                                Duration="0:0:5"
                                From="1"
                                To="0" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Grid>
        <Ellipse Margin="20  0  0  0" Stroke="Red"      />
        <Ellipse Margin=" 0 10  0  0" Stroke="Orange"   />
        <Ellipse Margin=" 0  0 20  0" Stroke="Yellow"   />
        <Ellipse Margin=" 0  0  0 30" Stroke="Green"    />
        <Ellipse Margin=" 0  0  0  0" Stroke="Blue"     />
        <Ellipse Margin=" 0 30 10  0" Stroke="DarkBlue" />
        <Ellipse Margin="30  0  0 10" Stroke="Purple"   />
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

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

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

Width="800"

Height="600"

Title="Ellipse 엘리먼트 : 커졌다 사라지는 동심원 애니메이션 설정하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<Style.Triggers>

<Storyboard

FillBehavior="Stop"

RepeatBehavior="Forever">

<DoubleAnimation

Storyboard.TargetProperty="Width"

Duration="0:0:5"

To="300" />

<DoubleAnimation

Storyboard.TargetProperty="Height"

Duration="0:0:5"

To="300" />

<DoubleAnimation

Storyboard.TargetProperty="Opacity"

Duration="0:0:5"

From="1"

To="0" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Style.Triggers>

</Style>

</Window.Resources>

<Grid>

</Grid>

</Window>

TestProject.zip

[C#/WPF] BitmapSource 클래스 : WINFORM Icon 객체에서 비트맵 소스 구하기

■ BitmapSource 클래스를 사용해 WINFORM Icon 객체에서 비트맵 소스를 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System;
using System.Drawing;
using System.Windows.Interop;
using System.Windows.Media.Imaging;

#region 비트맵 소스 구하기 - GetBitmapSource(icon)

/// <summary>
/// 비트맵 소스 구하기
/// </summary>
/// <param name="icon">WINFORM 아이콘</param>
/// <returns>비트맵 소스</returns>
public BitmapSource GetBitmapSource(Icon icon)
{
    Bitmap bitmap = icon.ToBitmap();

    IntPtr bitmapHandle = bitmap.GetHbitmap();

    BitmapSource bitmapSource = System.Windows.Interop.Imaging.CreateBitmapSourceFromHBitmap
    (
        bitmapHandle,
        IntPtr.Zero,
        Int32Rect.Empty,
        System.Windows.Media.Imaging.BitmapSizeOptions.FromEmptyOptions()
    );

    return bitmapSource;
}

#endregion

using System;

using System.Drawing;

using System.Windows.Interop;

using System.Windows.Media.Imaging;

#region 비트맵 소스 구하기 - GetBitmapSource(icon)

/// <summary>

/// 비트맵 소스 구하기

/// </summary>

/// <param name="icon">WINFORM 아이콘</param>

/// <returns>비트맵 소스</returns>

public BitmapSource GetBitmapSource(Icon icon)

{

Bitmap bitmap = icon.ToBitmap();

IntPtr bitmapHandle = bitmap.GetHbitmap();

BitmapSource bitmapSource = System.Windows.Interop.Imaging.CreateBitmapSourceFromHBitmap

(

bitmapHandle,

IntPtr.Zero,

Int32Rect.Empty,

System.Windows.Media.Imaging.BitmapSizeOptions.FromEmptyOptions()

);

return bitmapSource;

}

#endregion

[C#/WPF] BitmapSource 클래스 : WINFORM Bitmap 객체에서 비트맵 소스 구하기

■ BitmapSource 클래스를 사용해 WINFORM Bitmap 객체에서 비트맵 소스를 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System;
using System.Drawing;
using System.Windows.Interop;
using System.Windows.Media.Imaging;

#region 비트맵 소스 구하기 - GetBitmapSource(bitmap)

/// <summary>
/// 비트맵 소스 구하기
/// </summary>
/// <param name="bitmap">WINFORM 비트맵</param>
/// <returns>비트맵 소스</returns>
public BitmapSource GetBitmapSource(Bitmap bitmap)
{
    IntPtr bitmapHandle = bitmap.GetHbitmap();

    BitmapSource bitmapSource = Imaging.CreateBitmapSourceFromHBitmap
    (
        bitmapHandle,
        IntPtr.Zero,
        Int32Rect.Empty,
        System.Windows.Media.Imaging.BitmapSizeOptions.FromEmptyOptions()
    );

    return bitmapSource;
}

#endregion

using System;

using System.Drawing;

using System.Windows.Interop;

using System.Windows.Media.Imaging;

#region 비트맵 소스 구하기 - GetBitmapSource(bitmap)

/// <summary>

/// 비트맵 소스 구하기

/// </summary>

/// <param name="bitmap">WINFORM 비트맵</param>

/// <returns>비트맵 소스</returns>

public BitmapSource GetBitmapSource(Bitmap bitmap)

{

IntPtr bitmapHandle = bitmap.GetHbitmap();

BitmapSource bitmapSource = Imaging.CreateBitmapSourceFromHBitmap

(

bitmapHandle,

IntPtr.Zero,

Int32Rect.Empty,

System.Windows.Media.Imaging.BitmapSizeOptions.FromEmptyOptions()

);

return bitmapSource;

}

#endregion

[C#/WPF] ListBox 엘리먼트 : ItemContainerStyle 속성을 사용해 선택한 Icon 항목을 크게 만드는 애니메이션 설정하기

■ ListBox 엘리먼트의 ItemContainerStyle 속성을 사용해 선택한 Icon 항목을 크게 만드는 애니메이션을 설정하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="ListBox 엘리먼트 : ItemContainerStyle 속성을 사용해 선택한 Icon 항목을 크게 만드는 애니메이션 설정하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <ListBox
            HorizontalAlignment="Center"
            VerticalAlignment="Center">
            <ListBox.Resources>
                <SolidColorBrush
                    x:Key="{x:Static SystemColors.HighlightBrushKey}"
                    Color="Transparent" />
                <Style TargetType="Image">
                    <Setter Property="Width"  Value="45"   />
                    <Setter Property="Height" Value="45"   />
                    <Setter Property="Margin" Value="0"    />
                    <Setter Property="Cursor" Value="Hand" />
                </Style>
            </ListBox.Resources>
            <ListBox.Template>
                <ControlTemplate>
                    <StackPanel
                        Orientation="Horizontal"
                        IsItemsHost="True" />
                </ControlTemplate>
            </ListBox.Template>
            <ListBox.ItemContainerStyle>
                <Style>
                    <Setter Property="ListBoxItem.VerticalAlignment" Value="Bottom" />
                    <Style.Triggers>
                        <EventTrigger RoutedEvent="ListBoxItem.MouseEnter">
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimation
                                        Storyboard.TargetProperty="Content.Height"
                                        Duration="0:0:0.3"
                                        To="70" />
                                    <DoubleAnimation
                                        Storyboard.TargetProperty="Content.Width"
                                        Duration="0:0:0.3"
                                        To="70" />
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                        <EventTrigger RoutedEvent="ListBoxItem.MouseLeave">
                            <BeginStoryboard HandoffBehavior="Compose">
                                <Storyboard >
                                    <DoubleAnimation
                                        Storyboard.TargetProperty="Content.Height"
                                        Duration="0:0:0.3"
                                        To="45" />
                                    <DoubleAnimation
                                        Storyboard.TargetProperty="Content.Width"
                                        Duration="0:0:0.3"
                                        To="45" />
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                        <EventTrigger RoutedEvent="ListBoxItem.MouseUp">
                            <BeginStoryboard>
                                <Storyboard
                                    Storyboard.TargetProperty="Content.Margin"
                                    AutoReverse="True"
                                    RepeatBehavior="2x">
                                        <ThicknessAnimation
                                            Duration="0:0:0.2"
                                            To="0,0,0,10" />
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                    </Style.Triggers>
                </Style>
            </ListBox.ItemContainerStyle>
            <Image Source="IMAGE/sample01.png" />
            <Image Source="IMAGE/sample02.png" />
            <Image Source="IMAGE/sample03.png" />
            <Image Source="IMAGE/sample04.png" />
            <Image Source="IMAGE/sample05.png" />
            <Image Source="IMAGE/sample06.png" />
            <Image Source="IMAGE/sample07.png" />
            <Image Source="IMAGE/sample08.png" />
            <Image Source="IMAGE/sample09.png" />
            <Image Source="IMAGE/sample10.png" />
        </ListBox>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

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

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

Width="800"

Height="600"

Title="ListBox 엘리먼트 : ItemContainerStyle 속성을 사용해 선택한 Icon 항목을 크게 만드는 애니메이션 설정하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<ListBox

HorizontalAlignment="Center"

VerticalAlignment="Center">

<ListBox.Resources>

<SolidColorBrush

x:Key="{x:Static SystemColors.HighlightBrushKey}"

Color="Transparent" />

</Style>

</ListBox.Resources>

<ListBox.Template>

<StackPanel

Orientation="Horizontal"

IsItemsHost="True" />

</ControlTemplate>

</ListBox.Template>

<ListBox.ItemContainerStyle>

<Style>

<Style.Triggers>

<DoubleAnimation

Storyboard.TargetProperty="Content.Height"

Duration="0:0:0.3"

To="70" />

<DoubleAnimation

Storyboard.TargetProperty="Content.Width"

Duration="0:0:0.3"

To="70" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

<DoubleAnimation

Storyboard.TargetProperty="Content.Height"

Duration="0:0:0.3"

To="45" />

<DoubleAnimation

Storyboard.TargetProperty="Content.Width"

Duration="0:0:0.3"

To="45" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

<Storyboard

Storyboard.TargetProperty="Content.Margin"

AutoReverse="True"

RepeatBehavior="2x">

<ThicknessAnimation

Duration="0:0:0.2"

To="0,0,0,10" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Style.Triggers>

</Style>

</ListBox.ItemContainerStyle>

</ListBox>

</Grid>

</Window>

TestProject.zip

[C#/WPF] ListBox 엘리먼트 : ItemContainerStyle 속성을 사용해 항목 크기 애니메이션 설정하기

■ ListBox 엘리먼트의 ItemContainerStyle 속성을 사용해 항목 크기 애니메이션을 설정하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="ListBox 엘리먼트 : ItemContainerStyle 속성을 사용해 항목 크기 애니메이션 설정하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <ListBox
            HorizontalAlignment="Center"
            VerticalAlignment="Center">
            <ListBox.ItemContainerStyle>
                <Style>
                    <Style.Triggers>
                        <EventTrigger RoutedEvent="ListBoxItem.MouseEnter">
                            <BeginStoryboard>
                                <Storyboard TargetProperty="Content.Height">
                                    <DoubleAnimation
                                        Duration="0:0:0.5"
                                        To="100" />
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                        <EventTrigger RoutedEvent="ListBoxItem.MouseLeave">
                            <BeginStoryboard>
                                <Storyboard TargetProperty="Content.Height">
                                    <DoubleAnimation
                                        Duration="0:0:0.5"
                                        To="30" />
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                    </Style.Triggers>
                </Style>
            </ListBox.ItemContainerStyle>
            <Rectangle Fill="Red"      Width="250" Height="30" />
            <Rectangle Fill="Orange"   Width="250" Height="30" />
            <Rectangle Fill="Yellow"   Width="250" Height="30" />
            <Rectangle Fill="Green"    Width="250" Height="30" />
            <Rectangle Fill="Blue"     Width="250" Height="30" />
            <Rectangle Fill="DarkBlue" Width="250" Height="30" />
            <Rectangle Fill="Purple"   Width="250" Height="30" />
        </ListBox>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

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

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

Width="800"

Height="600"

Title="ListBox 엘리먼트 : ItemContainerStyle 속성을 사용해 항목 크기 애니메이션 설정하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<ListBox

HorizontalAlignment="Center"

VerticalAlignment="Center">

<ListBox.ItemContainerStyle>

<Style>

<Style.Triggers>

<DoubleAnimation

Duration="0:0:0.5"

To="100" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

<DoubleAnimation

Duration="0:0:0.5"

To="30" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Style.Triggers>

</Style>

</ListBox.ItemContainerStyle>

</ListBox>

</Grid>

</Window>

TestProject.zip

[C#/WPF] ControlTemplate 엘리먼트 : Button 엘리먼트 정의하기

■ ControlTemplate 엘리먼트를 사용해 Button 엘리먼트를 정의하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="ControlTemplate 엘리먼트 : Button 엘리먼트 정의하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <Style x:Key="ButtonKey" TargetType="{x:Type Button}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Grid>
                            <Image x:Name="ButtonBackground"
                                Source="IMAGE/ButtonBackground.png" />
                            <Image
                                Margin="0 -10 0 0"
                                Width="20"
                                Height="20"
                                Source="IMAGE/Slicer.gif" />
                            <TextBlock
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Margin="0 15 0 0"
                                FontSize="9"
                                Foreground="White"
                                Text="{TemplateBinding Button.Content}" />
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="Button.IsMouseOver" Value="True">
                                <Setter
                                    TargetName="ButtonBackground"
                                    Property="Source"
                                    Value="IMAGE/ButtonBackground_MouseOver.png" />
                                <Setter
                                    Property="Cursor"
                                    Value="Hand" />
                            </Trigger>
                            <Trigger Property="Button.IsPressed" Value="True">
                                <Setter
                                    TargetName="ButtonBackground"
                                    Property="Source"
                                    Value="IMAGE/ButtonBackground_Pressed.png" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <Grid>
        <Button
            Style="{StaticResource ButtonKey}"
            Width="40"
            Height="40"
            Focusable="False"
            Content="New">
        </Button>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

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

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

Width="800"

Height="600"

Title="ControlTemplate 엘리먼트 : Button 엘리먼트 정의하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<Setter.Value>

<Grid>

<Image x:Name="ButtonBackground"

Source="IMAGE/ButtonBackground.png" />

<Image

Margin="0 -10 0 0"

Width="20"

Height="20"

Source="IMAGE/Slicer.gif" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

Margin="0 15 0 0"

FontSize="9"

Foreground="White"

Text="{TemplateBinding Button.Content}" />

</Grid>

<ControlTemplate.Triggers>

<Setter

TargetName="ButtonBackground"

Property="Source"

Value="IMAGE/ButtonBackground_MouseOver.png" />

<Setter

Property="Cursor"

Value="Hand" />

</Trigger>

<Setter

TargetName="ButtonBackground"

Property="Source"

Value="IMAGE/ButtonBackground_Pressed.png" />

</Trigger>

</ControlTemplate.Triggers>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</Window.Resources>

<Grid>

<Button

Style="{StaticResource ButtonKey}"

Width="40"

Height="40"

Focusable="False"

Content="New">

</Button>

</Grid>

</Window>

TestProject.zip

[C#/WPF] ComboBox 엘리먼트 : 폰트 ComboBox 설정하기

■ ComboBox 엘리먼트에서 폰트 ComboBox를 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<ComboBox
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:swm="clr-namespace:System.Windows.Media;assembly=PresentationCore"
    FontSize="12pt"
    Width="200"
    Height="24"
    ItemsSource="{x:Static swm:Fonts.SystemFontFamilies}"
    SelectedIndex="0">
    <ComboBox.ItemsPanel>
        <ItemsPanelTemplate>
            <VirtualizingStackPanel
                IsItemsHost="True"
                Width="{Binding RelativeSource={RelativeSource AncestorType={x:Type ComboBox}, AncestorLevel=1}, Path=Width}"/>
        </ItemsPanelTemplate>
    </ComboBox.ItemsPanel>
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <TextBlock
                Text="{Binding Source}"
                FontFamily="{Binding}" />
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

<ComboBox

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

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

xmlns:swm="clr-namespace:System.Windows.Media;assembly=PresentationCore"

FontSize="12pt"

Width="200"

Height="24"

ItemsSource="{x:Static swm:Fonts.SystemFontFamilies}"

SelectedIndex="0">

<ComboBox.ItemsPanel>

<VirtualizingStackPanel

IsItemsHost="True"

Width="{Binding RelativeSource={RelativeSource AncestorType={x:Type ComboBox}, AncestorLevel=1}, Path=Width}"/>

</ItemsPanelTemplate>

</ComboBox.ItemsPanel>

<ComboBox.ItemTemplate>

<TextBlock

Text="{Binding Source}"

FontFamily="{Binding}" />

</DataTemplate>

</ComboBox.ItemTemplate>

</ComboBox>

[C#/WPF] Window 클래스 : 전체 화면 크기 설정하기

■ Window 클래스에서 전체 화면 크기를 설정하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Windows;
using System.Windows.Media;

#region 전체 화면 크기 설정하기 - SetFullScreenSize(window)

/// <summary>
/// 전체 화면 크기 설정하기
/// </summary>
/// <param name="window">Window 객체</param>
public void SetFullScreenSize(Window window)
{
    ScaleTransform scaleTransform = new ScaleTransform();

    scaleTransform.ScaleX = SystemParameters.PrimaryScreenWidth  / window.Width;
    scaleTransform.ScaleY = SystemParameters.PrimaryScreenHeight / window.Height;

    FrameworkElement contentFrameworkElement = window.Content as FrameworkElement;

    contentFrameworkElement.LayoutTransform = scaleTransform;

    window.WindowState = WindowState.Maximized;
    window.WindowStyle = WindowStyle.None;
    window.ResizeMode  = ResizeMode.NoResize;
}

#endregion

using System.Windows;

using System.Windows.Media;

#region 전체 화면 크기 설정하기 - SetFullScreenSize(window)

/// <summary>

/// 전체 화면 크기 설정하기

/// </summary>

/// <param name="window">Window 객체</param>

public void SetFullScreenSize(Window window)

{

ScaleTransform scaleTransform = new ScaleTransform();

scaleTransform.ScaleX = SystemParameters.PrimaryScreenWidth / window.Width;

scaleTransform.ScaleY = SystemParameters.PrimaryScreenHeight / window.Height;

FrameworkElement contentFrameworkElement = window.Content as FrameworkElement;

contentFrameworkElement.LayoutTransform = scaleTransform;

window.WindowState = WindowState.Maximized;

window.WindowStyle = WindowStyle.None;

window.ResizeMode = ResizeMode.NoResize;

}

#endregion

[C#/WPF] Dispatcher 클래스 : BeginInvoke 메소드를 사용해 크로스 스레드(Cross-Thread) 처리하기

■ Dispather 클래스의 BeginInvoke 메소드를 사용해 크로스 스레드(Cross-Thread)를 처리하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System;
using System.Threading;
using System.Windows.Controls;
using System.Windows.Threading;

...

private TextBlock textBlock;

...

ThreadStart threadStart = delegate()
{
    for(int i = 0; i < 10; i++)
    {
        Thread.Sleep(100);

        DispatcherOperation dispatcherOperation = Dispatcher.BeginInvoke
        (
            DispatcherPriority.Normal,
            new Action<string, int>(SetMessage),
            "테스트",
            i
        );

        DispatcherOperationStatus dispatcherOperationStatus = dispatcherOperation.Status;

        while(dispatcherOperationStatus != DispatcherOperationStatus.Completed)
        {
            dispatcherOperationStatus = dispatcherOperation.Wait(TimeSpan.FromMilliseconds(1000));

            if(dispatcherOperationStatus == DispatcherOperationStatus.Aborted)
            {
                // Abort시 처리한다.
            }
        }
    }
};

new Thread(this.threadStart).Start();

...

#region 메시지 설정하기 - SetMessage(message, value)

/// <summary>
/// 메시지 설정하기
/// </summary>
/// <param name="message">메시지</param>
/// <param name="value">값</param>
private void SetMessage(string message, int value)
{
    this.textBlock.Text = string.Format("{0} : {1}", message, value);
}

#endregion

using System;

using System.Threading;

using System.Windows.Controls;

using System.Windows.Threading;

...

private TextBlock textBlock;

...

ThreadStart threadStart = delegate()

{

for(int i = 0; i < 10; i++)

{

Thread.Sleep(100);

DispatcherOperation dispatcherOperation = Dispatcher.BeginInvoke

(

DispatcherPriority.Normal,

new Action<string, int>(SetMessage),

"테스트",

);

DispatcherOperationStatus dispatcherOperationStatus = dispatcherOperation.Status;

while(dispatcherOperationStatus != DispatcherOperationStatus.Completed)

{

dispatcherOperationStatus = dispatcherOperation.Wait(TimeSpan.FromMilliseconds(1000));

if(dispatcherOperationStatus == DispatcherOperationStatus.Aborted)

{

// Abort시 처리한다.

}

};

new Thread(this.threadStart).Start();

...

#region 메시지 설정하기 - SetMessage(message, value)

/// <summary>

/// 메시지 설정하기

/// </summary>

/// <param name="message">메시지</param>

/// <param name="value">값</param>

private void SetMessage(string message, int value)

{

this.textBlock.Text = string.Format("{0} : {1}", message, value);

}

#endregion

[C#/WPF] Dispatcher 클래스 : Invoke 메소드를 사용해 크로스 스레드(Cross Thread) 처리하기

■ Dispatcher 클래스의 Invoke 메소드를 사용해 크로스 스레드(Cross Thread)를 처리하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Threading;
using System.Windows.Controls;
using System.Windows.Threading;

...

private TextBlock textBlock;

...

ThreadStart threadStart = delegate()
{
    for(int i = 0; i < 10; i++)
    {
        Thread.Sleep(100);

        Dispatcher.Invoke(DispatcherPriority.Normal, new Action<string, int>(SetMessage), "테스트", i);
    }
};

new Thread(this.threadStart).Start();

...

#region 메시지 설정하기 - SetMessage(message, value)

/// <summary>
/// 메시지 설정하기
/// </summary>
/// <param name="message">메시지</param>
/// <param name="value">값</param>
private void SetMessage(string message, int value)
{
    this.textBlock.Text = string.Format("{0} : {1}", message, value);
}

#endregion

using System.Threading;

using System.Windows.Controls;

using System.Windows.Threading;

...

private TextBlock textBlock;

...

ThreadStart threadStart = delegate()

{

for(int i = 0; i < 10; i++)

{

Thread.Sleep(100);

Dispatcher.Invoke(DispatcherPriority.Normal, new Action<string, int>(SetMessage), "테스트", i);

}

};

new Thread(this.threadStart).Start();

...

#region 메시지 설정하기 - SetMessage(message, value)

/// <summary>

/// 메시지 설정하기

/// </summary>

/// <param name="message">메시지</param>

/// <param name="value">값</param>

private void SetMessage(string message, int value)

{

this.textBlock.Text = string.Format("{0} : {1}", message, value);

}

#endregion

[C#/WPF] GridViewColumn 클래스 : CellTemplate 속성 사용하기

■ GridViewColumn 클래스의 CellTemplate 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


...
<DataTemplate x:Key="MonthDataTemplateKey">
    <DockPanel>
        <TextBlock
            HorizontalAlignment="Center"
            Foreground="DarkBlue">
            <TextBlock.Text>
                <Binding Path="Month" />
            </TextBlock.Text>
        </TextBlock>
    </DockPanel>
</DataTemplate>
...
<GridViewColumn
    Width="80"
    Header="Month"
    CellTemplate="{StaticResource MonthDataTemplateKey}" />

...

<TextBlock

HorizontalAlignment="Center"

Foreground="DarkBlue">

<TextBlock.Text>

</TextBlock.Text>

</TextBlock>

</DockPanel>

</DataTemplate>

...

<GridViewColumn

Width="80"

Header="Month"

CellTemplate="{StaticResource MonthDataTemplateKey}" />

[C#/WPF] GridViewColumn 클래스 : 바인딩 설정하기

■ GridViewColumn 클래스에서 바인딩을 설정하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Windows.Controls;
using System.Windows.Data;

GridViewColumn gridViewColumn = new GridViewColumn();

gridViewColumn.Width                = 100;
gridViewColumn.Header               = "FirstName";
gridViewColumn.DisplayMemberBinding = new Binding("FirstName");

using System.Windows.Controls;

using System.Windows.Data;

GridViewColumn gridViewColumn = new GridViewColumn();

gridViewColumn.Width = 100;

gridViewColumn.Header = "FirstName";

gridViewColumn.DisplayMemberBinding = new Binding("FirstName");

[C#/WPF] GridView 엘리먼트 : 리스트 뷰에서 사용하기

■ GridView 엘리먼트를 리스트 뷰에서 사용하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="GridView 엘리먼트 : 리스트 뷰에서 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid Margin="10">
        <ListView Name="listView">
            <ListView.View>
                <GridView>
                    <GridView.Columns>
                        <GridViewColumn Header="속성"
                            Width="300"
                            DisplayMemberBinding="{Binding Name}" />
                        <GridViewColumn Header="값"
                            Width="200"
                            DisplayMemberBinding="{Binding Value}" />
                    </GridView.Columns>
                </GridView>
            </ListView.View>
        </ListView>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

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

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

Width="800"

Height="600"

Title="GridView 엘리먼트 : 리스트 뷰에서 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<ListView.View>

<GridView.Columns>

<GridViewColumn Header="속성"

Width="300"

DisplayMemberBinding="{Binding Name}" />

<GridViewColumn Header="값"

Width="200"

DisplayMemberBinding="{Binding Value}" />

</GridView.Columns>

</GridView>

</ListView.View>

</ListView>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Reflection;
using System.Windows;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            PropertyInfo[] propertyInfoArray = typeof(SystemParameters).GetProperties();

            ObservableCollection<SystemParamer> collection = new ObservableCollection<SystemParamer>();

            foreach(PropertyInfo propertyInfo in propertyInfoArray)
            {
                if(propertyInfo.PropertyType != typeof(ResourceKey))
                {
                    SystemParamer systemParamer = new SystemParamer();

                    systemParamer.Name  = propertyInfo.Name;
                    systemParamer.Value = propertyInfo.GetValue(null, null);

                    collection.Add(systemParamer);
                }
            }

            this.listView.ItemsSource = collection;

            this.listView.Items.SortDescriptions.Add(new SortDescription("Name", ListSortDirection.Ascending));
        }

        #endregion
    }
}

using System.Collections.ObjectModel;

using System.ComponentModel;

using System.Reflection;

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

PropertyInfo[] propertyInfoArray = typeof(SystemParameters).GetProperties();

ObservableCollection<SystemParamer> collection = new ObservableCollection<SystemParamer>();

foreach(PropertyInfo propertyInfo in propertyInfoArray)

{

if(propertyInfo.PropertyType != typeof(ResourceKey))

{

SystemParamer systemParamer = new SystemParamer();

systemParamer.Name = propertyInfo.Name;

systemParamer.Value = propertyInfo.GetValue(null, null);

collection.Add(systemParamer);

}

this.listView.ItemsSource = collection;

this.listView.Items.SortDescriptions.Add(new SortDescription("Name", ListSortDirection.Ascending));

}

#endregion

}

TestProject.zip

[C#/WPF] ListBox 엘리먼트 : 스크롤 성능 개선하기

■ ListBox 엘리먼트에서 스크롤 성능을 개선하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<StackPanel>
    <StackPanel.Resources>
        <local:LargeItemCollection x:Key="LargeItemCollectionKey"/>
    </StackPanel.Resources>
    <ListBox
        Height="150"
        VirtualizingStackPanel.VirtualizationMode="Recycling"
        ItemsSource="{StaticResource LargeItemCollectionKey}" />
</StackPanel>

<StackPanel.Resources>

<local:LargeItemCollection x:Key="LargeItemCollectionKey"/>

</StackPanel.Resources>

<ListBox

Height="150"

VirtualizingStackPanel.VirtualizationMode="Recycling"

ItemsSource="{StaticResource LargeItemCollectionKey}" />

</StackPanel>

▶ LargeItemCollection.cs


using System.Collections.ObjectModel;

/// <summary>
/// 대규모 항목 컬렉션
/// </summary>
public class LargeItemCollection : ObservableCollection<string>
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - LargeItemCollection

    /// <summary>
    /// 생성자
    /// </summary>
    public LargeItemCollection()
    {
        for(int i = 0; i < 1000000; ++i)
        {
            Add("Item " + i.ToString());
        }
    }

    #endregion
}

using System.Collections.ObjectModel;

/// <summary>

/// 대규모 항목 컬렉션

/// </summary>

public class LargeItemCollection : ObservableCollection<string>

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - LargeItemCollection

/// <summary>

/// 생성자

/// </summary>

public LargeItemCollection()

{

for(int i = 0; i < 1000000; ++i)

{

Add("Item " + i.ToString());

}

#endregion

}

[C#/WPF] ListBox 클래스 : ListBoxItem 객체 구하기

■ ListBox 클래스에서 ListBoxItem 객체를 구하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<ListBox Name="listBox">
    <ListBoxItem>Item 0</ListBoxItem>
    <ListBoxItem>Item 1</ListBoxItem>
    <ListBoxItem>Item 2</ListBoxItem>
    <ListBoxItem>Item 3</ListBoxItem>
</ListBox>

</ListBox>

▶ 예제 코드 (C#)


using System.Windows.Controls;

ListBoxItem listBoxItem = this.listBox.ItemContainerGenerator.ContainerFromIndex(0) as ListBoxItem;

using System.Windows.Controls;

ListBoxItem listBoxItem = this.listBox.ItemContainerGenerator.ContainerFromIndex(0) as ListBoxItem;

[C#/WPF] ListBox 엘리먼트 : 데이터 바인딩 하기

■ ListBox 엘리먼트에서 데이터를 바인딩하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Canvas.Resources>
    <src:ColorCollection x:Key="ColorCollectionKey" />
</Canvas.Resources>
<ListBox
    Name="listBox"
    Width="300"
    Height="200"
    HorizontalAlignment="Left"
    Background="HoneyDew"
    IsSynchronizedWithCurrentItem="True"
    SelectionMode="Extended"
    ItemsSource="{Binding Source={StaticResource ColorCollectionKey}}"
    SelectionChanged="listBox_SelectionChanged">
</ListBox>

<Canvas.Resources>

<src:ColorCollection x:Key="ColorCollectionKey" />

</Canvas.Resources>

<ListBox

Name="listBox"

Width="300"

Height="200"

HorizontalAlignment="Left"

Background="HoneyDew"

IsSynchronizedWithCurrentItem="True"

SelectionMode="Extended"

ItemsSource="{Binding Source={StaticResource ColorCollectionKey}}"

SelectionChanged="listBox_SelectionChanged">

</ListBox>

[C#/WPF] ControlTemplate 엘리먼트 : GroupBox 엘리먼트 정의하기

■ ControlTemplate 엘리먼트를 사용해 GroupBox 엘리먼트를 정의하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="ControlTemplate 엘리먼트 : GroupBox 엘리먼트 정의하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <BorderGapMaskConverter x:Key="BorderGapMaskConverterKey" />
        <Style TargetType="{x:Type GroupBox}">
            <Setter Property="BorderBrush"     Value="Gray"  />
            <Setter Property="Foreground"      Value="White" />
            <Setter Property="BorderThickness" Value="1"     />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type GroupBox}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="4"    />
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="*"    />
                                <ColumnDefinition Width="4"    />
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="*"    />
                                <RowDefinition Height="4"    />
                            </Grid.RowDefinitions>
                            <Border Grid.Row="1" Grid.Column="0" Grid.RowSpan="3" Grid.ColumnSpan="4"
                                CornerRadius="4"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                BorderBrush="Transparent"
                                Background="{TemplateBinding Background}" />
                            <Border Name="headerBorder" Grid.Row="0" Grid.Column="1" Grid.RowSpan="2"
                                Padding="6 0 6 0">
                                <ContentPresenter
                                    ContentSource="Header"
                                    RecognizesAccessKey="True" />
                            </Border>
                            <ContentPresenter Grid.Row="2" Grid.Column="1" Grid.ColumnSpan="2"
                                Margin="{TemplateBinding Padding}" />
                            <Border Grid.Row="1" Grid.RowSpan="3" Grid.ColumnSpan="4"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                CornerRadius="0">
                                <Border.OpacityMask>
                                    <MultiBinding Converter="{StaticResource BorderGapMaskConverterKey}" ConverterParameter="6">
                                        <Binding ElementName="headerBorder"             Path="ActualWidth"  />
                                        <Binding RelativeSource="{RelativeSource Self}" Path="ActualWidth"  />
                                        <Binding RelativeSource="{RelativeSource Self}" Path="ActualHeight" />
                                    </MultiBinding>
                                </Border.OpacityMask>
                            </Border>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <Grid>
        <GroupBox
            Margin="10"
            Foreground="Black"
            Header="그룹박스 헤더">
            <Ellipse
                Margin="30"
                Fill="Orange" />
        </GroupBox>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

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

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

Width="800"

Height="600"

Title="ControlTemplate 엘리먼트 : GroupBox 엘리먼트 정의하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<Setter.Value>

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Border Grid.Row="1" Grid.Column="0" Grid.RowSpan="3" Grid.ColumnSpan="4"

CornerRadius="4"

BorderThickness="{TemplateBinding BorderThickness}"

BorderBrush="Transparent"

Background="{TemplateBinding Background}" />

<Border Name="headerBorder" Grid.Row="0" Grid.Column="1" Grid.RowSpan="2"

Padding="6 0 6 0">

<ContentPresenter

ContentSource="Header"

RecognizesAccessKey="True" />

</Border>

<ContentPresenter Grid.Row="2" Grid.Column="1" Grid.ColumnSpan="2"

Margin="{TemplateBinding Padding}" />

<Border Grid.Row="1" Grid.RowSpan="3" Grid.ColumnSpan="4"

BorderThickness="{TemplateBinding BorderThickness}"

BorderBrush="{TemplateBinding BorderBrush}"

CornerRadius="0">

<Border.OpacityMask>

</MultiBinding>

</Border.OpacityMask>

</Border>

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</Window.Resources>

<Grid>

<GroupBox

Margin="10"

Foreground="Black"

Header="그룹박스 헤더">

<Ellipse

Margin="30"

Fill="Orange" />

</GroupBox>

</Grid>

</Window>

TestProject.zip

[C#/WPF] GridSplitter 엘리먼트 사용하기

■ GridSplitter 엘리먼트를 사용하는 기본적인 방법을 보여준다. ▶ 행 크기 조정시 (XAML)


<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="50*"  />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="50*"  />
    </Grid.RowDefinitions>
    <StackPanel
        Grid.Row="0"
        Grid.Column="0"
        Background="Tan" />
    <GridSplitter
        Grid.Row="1"
        Grid.Column="0"
        HorizontalAlignment="Stretch"
        VerticalAlignment="Center"
        Height="5"
        Background="Black"
        ShowsPreview="True" />
    <StackPanel
        Grid.Row="2"
        Grid.Column="0"
        Background="Brown" />
</Grid>

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<StackPanel

Grid.Row="0"

Grid.Column="0"

Background="Tan" />

<GridSplitter

Grid.Row="1"

Grid.Column="0"

HorizontalAlignment="Stretch"

VerticalAlignment="Center"

Height="5"

Background="Black"

ShowsPreview="True" />

<StackPanel

Grid.Row="2"

Grid.Column="0"

Background="Brown" />

</Grid>

▶ 열 크기 조정시 (XAML)


<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="50*"  />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="50*"  />
    </Grid.ColumnDefinitions>
    <StackPanel
        Grid.Row="0"
        Grid.Column="0"
        Background="Tan" />
    <GridSplitter
        Grid.Row="0"
        Grid.Column="1"
        HorizontalAlignment="Center"
        VerticalAlignment="Stretch"
        Width="5"
        Background="Black"
        ShowsPreview="True" />
    <StackPanel
        Grid.Row="0"
        Grid.Column="2"
        Background="Brown" />
</Grid>

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<StackPanel

Grid.Row="0"

Grid.Column="0"

Background="Tan" />

<GridSplitter

Grid.Row="0"

Grid.Column="1"

HorizontalAlignment="Center"

VerticalAlignment="Stretch"

Width="5"

Background="Black"

ShowsPreview="True" />

<StackPanel

Grid.Row="0"

Grid.Column="2"

Background="Brown" />

</Grid>

[C#/WPF] Grid 엘리먼트 : 크기 조정 속성 공유하기

■ Grid 엘리먼트에서 크기 조정 속성을 공유하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<DockPanel Name="dockPanel"
    Margin="10"
    HorizontalAlignment="Left"
    VerticalAlignment="Top"
    Grid.IsSharedSizeScope="False">
    <StackPanel
        DockPanel.Dock="Top"
        Orientation="Horizontal">
        <Button
            Margin="0 0 10 10"
            Click="setButton_Click">
            Set IsSharedSizeScope="True"
        </Button>
        <Button
            Margin="0 0 10 10"
            Click="resetButton_Click">
            Set IsSharedSizeScope="False"
        </Button>
    </StackPanel>
    <StackPanel
        Orientation="Horizontal"
        DockPanel.Dock="Top">
        <Grid
            Margin="0 0 10 0"
            ShowGridLines="True">
            <Grid.ColumnDefinitions>
                <ColumnDefinition SharedSizeGroup="FirstColumn"  />
                <ColumnDefinition SharedSizeGroup="SecondColumn" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" SharedSizeGroup="FirstRow" />
            </Grid.RowDefinitions>
            <Rectangle Grid.Row="0" Grid.Column="0"
                Width="200"
                Height="100"
                Fill="Silver" />
            <Rectangle Grid.Row="0" Grid.Column="1"
                Width="150"
                Height="100"
                Fill="Blue" />
            <TextBlock Grid.Row="0" Grid.Column="0"
                FontWeight="Bold">
                First Column
            </TextBlock>
            <TextBlock Grid.Row="0" Grid.Column="1"
                FontWeight="Bold">
                Second Column
            </TextBlock>
        </Grid>
        <Grid ShowGridLines="True">
            <Grid.ColumnDefinitions>
                <ColumnDefinition SharedSizeGroup="FirstColumn"  />
                <ColumnDefinition SharedSizeGroup="SecondColumn" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" SharedSizeGroup="FirstRow" />
            </Grid.RowDefinitions>
            <Rectangle Grid.Row="0" Grid.Column="0"
                Fill="Silver" />
            <Rectangle Grid.Row="0" Grid.Column="1"
                Fill="Blue" />
            <TextBlock Grid.Row="0" Grid.Column="0"
                FontWeight="Bold">
                First Column
            </TextBlock>
            <TextBlock Grid.Row="0" Grid.Column="1"
                FontWeight="Bold">
                Second Column
            </TextBlock>
        </Grid>
    </StackPanel>
    <TextBlock Name="textBlock"
        DockPanel.Dock="Top"
        Margin="10" />
</DockPanel>

<DockPanel Name="dockPanel"

Margin="10"

HorizontalAlignment="Left"

VerticalAlignment="Top"

Grid.IsSharedSizeScope="False">

<StackPanel

DockPanel.Dock="Top"

Orientation="Horizontal">

<Button

Margin="0 0 10 10"

Click="setButton_Click">

Set IsSharedSizeScope="True"

</Button>

<Button

Margin="0 0 10 10"

Click="resetButton_Click">

Set IsSharedSizeScope="False"

</Button>

</StackPanel>

<StackPanel

Orientation="Horizontal"

DockPanel.Dock="Top">

<Grid

Margin="0 0 10 0"

ShowGridLines="True">

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Rectangle Grid.Row="0" Grid.Column="0"

Width="200"

Height="100"

Fill="Silver" />

<Rectangle Grid.Row="0" Grid.Column="1"

Width="150"

Height="100"

Fill="Blue" />

<TextBlock Grid.Row="0" Grid.Column="0"

FontWeight="Bold">

First Column

</TextBlock>

<TextBlock Grid.Row="0" Grid.Column="1"

FontWeight="Bold">

Second Column

</TextBlock>

</Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Rectangle Grid.Row="0" Grid.Column="0"

Fill="Silver" />

<Rectangle Grid.Row="0" Grid.Column="1"

Fill="Blue" />

<TextBlock Grid.Row="0" Grid.Column="0"

FontWeight="Bold">

First Column

</TextBlock>

<TextBlock Grid.Row="0" Grid.Column="1"

FontWeight="Bold">

Second Column

</TextBlock>

</Grid>

</StackPanel>

<TextBlock Name="textBlock"

DockPanel.Dock="Top"

Margin="10" />

</DockPanel>

▶ 예제 코드 (C#)


using System.Windows;
using System.Windows.Controls;

#region 셋 버튼 클릭시 처리하기 - setButton_Click(sender, e)

/// <summary>
/// 셋 버튼 클릭시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void setButton_Click(object sender, RoutedEventArgs e)
{
    Grid.SetIsSharedSizeScope(this.dockPanel, true);

    this.textBlock.Text = "IsSharedSizeScope Property is set to " + Grid.GetIsSharedSizeScope(this.dockPanel).ToString();
}

#endregion

#region 리셋 버튼 클릭시 처리하기 - resetButton_Click(sender, e)

/// <summary>
/// 리셋 버튼 클릭시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void resetButton_Click(object sender, RoutedEventArgs e)
{
    Grid.SetIsSharedSizeScope(this.dockPanel, false);

    this.textBlock.Text = "IsSharedSizeScope Property is set to " + Grid.GetIsSharedSizeScope(this.dockPanel).ToString();
}

#endregion

using System.Windows;

using System.Windows.Controls;

#region 셋 버튼 클릭시 처리하기 - setButton_Click(sender, e)

/// <summary>

/// 셋 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void setButton_Click(object sender, RoutedEventArgs e)

{

Grid.SetIsSharedSizeScope(this.dockPanel, true);

this.textBlock.Text = "IsSharedSizeScope Property is set to " + Grid.GetIsSharedSizeScope(this.dockPanel).ToString();

}

#endregion

#region 리셋 버튼 클릭시 처리하기 - resetButton_Click(sender, e)

/// <summary>

/// 리셋 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void resetButton_Click(object sender, RoutedEventArgs e)

{

Grid.SetIsSharedSizeScope(this.dockPanel, false);

this.textBlock.Text = "IsSharedSizeScope Property is set to " + Grid.GetIsSharedSizeScope(this.dockPanel).ToString();

}

#endregion

[C#/WPF] Expander 엘리먼트 : Content 속성에서 스크롤 뷰어 사용하기

■ Expander 엘리먼트의 Content 속성에서 스크롤 뷰어를 사용하는 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="Expander 엘리먼트 : Content 속성에서 스크롤 뷰어 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Border
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            BorderBrush="Black"
            BorderThickness="1">
            <Expander
                Width="200"
                Background="Tan"
                ExpandDirection="Down"
                IsExpanded="True">
                <Expander.Header>
                    <TextBlock Margin="5">
                        <Bold>테스트</Bold>
                    </TextBlock>
                </Expander.Header>
                <Expander.Content>
                    <ScrollViewer Height="50">
                        <TextBlock TextWrapping="Wrap">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                            sed do eiusmod tempor incididunt ut labore et dolore magna
                            aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                            ullamco laboris nisi ut aliquip ex ea commodo consequat.
                            Duis aute irure dolor in reprehenderit in voluptate velit
                            esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
                            occaecat cupidatat non proident, sunt in culpa qui officia
                            deserunt mollit anim id est laborum.
                        </TextBlock>
                    </ScrollViewer>
                </Expander.Content>
            </Expander>
        </Border>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

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

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

Width="800"

Height="600"

Title="Expander 엘리먼트 : Content 속성에서 스크롤 뷰어 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Border

HorizontalAlignment="Center"

VerticalAlignment="Center"

BorderBrush="Black"

BorderThickness="1">

<Expander

Width="200"

Background="Tan"

ExpandDirection="Down"

IsExpanded="True">

<Expander.Header>

</TextBlock>

</Expander.Header>

<Expander.Content>

Lorem ipsum dolor sit amet, consectetur adipisicing elit,

sed do eiusmod tempor incididunt ut labore et dolore magna

aliqua. Ut enim ad minim veniam, quis nostrud exercitation

ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit

esse cillum dolore eu fugiat nulla pariatur. Excepteur sint

occaecat cupidatat non proident, sunt in culpa qui officia

deserunt mollit anim id est laborum.

</TextBlock>

</ScrollViewer>

</Expander.Content>

</Expander>

</Border>

</Grid>

</Window>

TestProject.zip

[C#/WPF] Expander 엘리먼트 사용하기

■ Expander 엘리먼트를 사용하는 기본적인 방법을 보여준다. ▶ 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"
    Width="800"
    Height="600"
    Title="Expander 엘리먼트 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Expander
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Width="200"
            Background="Tan"
            ExpandDirection="Down"
            IsExpanded="True">
            <Expander.Header>
                <Bold>Test</Bold>
            </Expander.Header>
            <Expander.Content>
                <TextBlock TextWrapping="Wrap">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
                </TextBlock>
            </Expander.Content>
        </Expander>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

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

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

Width="800"

Height="600"

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

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Expander

HorizontalAlignment="Center"

VerticalAlignment="Center"

Width="200"

Background="Tan"

ExpandDirection="Down"

IsExpanded="True">

<Expander.Header>

</Expander.Header>

<Expander.Content>

Lorem ipsum dolor sit amet, consectetur adipisicing elit,

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

</TextBlock>

</Expander.Content>

</Expander>

</Grid>

</Window>

TestProject.zip

[C#/WPF] CroppedBitmap 엘리먼트 : SourceRect 속성 사용하기

■ CroppedBitmap 엘리먼트의 SourceRect 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<CroppedBitmap SourceRect="0 0 100 100">
    <CroppedBitmap.Source>
        <BitmapImage
            DecodePixelWidth="200"
            UriSource="c:\pinkcherries.jpg" />
    </CroppedBitmap.Source>
</CroppedBitmap>

<CroppedBitmap.Source>

<BitmapImage

DecodePixelWidth="200"

UriSource="c:\pinkcherries.jpg" />

</CroppedBitmap.Source>

</CroppedBitmap>

[C#/WPF] CollectionViewSource 클래스 : ICollectionView 객체의 SortDescriptions 속성을 사용해 정렬 추가하기

■ CollectionViewSource 클래스에서 ICollectionView 객체의 SortDescriptions 속성을 사용해 정렬을 추가하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.ComponentModel;
using System.Windows.Data;

#region 정렬 추가하기 - AddSort(collectionViewSource, propertyNameArray)

/// <summary>
/// 정렬 추가하기
/// </summary>
/// <param name="collectionViewSource">컬렉션 뷰 소스</param>
/// <param name="propertyNameArray">속성명 배열</param>
public void AddSort(CollectionViewSource collectionViewSource, params string[] propertyNameArray)
{
    ICollectionView collectionView = CollectionViewSource.GetDefaultView(collectionViewSource);

    if(collectionView != null && collectionView.CanSort)
    {
        collectionView.SortDescriptions.Clear();

        for(int i = 0; i < propertyNameArray.Length; i++)
        {
            collectionView.SortDescriptions.Add
            (
                new SortDescription(propertyNameArray[i],
                ListSortDirection.Ascending)
            );
        }
    }
}

#endregion

using System.ComponentModel;

using System.Windows.Data;

#region 정렬 추가하기 - AddSort(collectionViewSource, propertyNameArray)

/// <summary>

/// 정렬 추가하기

/// </summary>

/// <param name="collectionViewSource">컬렉션 뷰 소스</param>

/// <param name="propertyNameArray">속성명 배열</param>

public void AddSort(CollectionViewSource collectionViewSource, params string[] propertyNameArray)

{

ICollectionView collectionView = CollectionViewSource.GetDefaultView(collectionViewSource);

if(collectionView != null && collectionView.CanSort)

{

collectionView.SortDescriptions.Clear();

for(int i = 0; i < propertyNameArray.Length; i++)

{

collectionView.SortDescriptions.Add

(

new SortDescription(propertyNameArray[i],

ListSortDirection.Ascending)

);

}

#endregion

[C#/WPF] CollectionViewSource 클래스 : ICollectionView 객체의 SortDescriptions 속성을 사용해 정렬 지우기

■ CollectionViewSource 클래스에서 ICollectionView 객체의 SortDescriptions 속성을 사용해 정렬을 지우는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.ComponentModel;
using System.Windows.Data;

#region 정렬 지우기 - ClearSort(collectionViewSource)

/// <summary>
/// 정렬 지우기
/// </summary>
/// <param name="collectionViewSource">컬렉션 뷰 소스</param>
public void ClearSort(CollectionViewSource collectionViewSource)
{
    ICollectionView collectionView = CollectionViewSource.GetDefaultView(collectionViewSource);

    if(collectionView != null && collectionView.CanSort)
    {
        collectionView.SortDescriptions.Clear();
    }
}

#endregion

using System.ComponentModel;

using System.Windows.Data;

#region 정렬 지우기 - ClearSort(collectionViewSource)

/// <summary>

/// 정렬 지우기

/// </summary>

/// <param name="collectionViewSource">컬렉션 뷰 소스</param>

public void ClearSort(CollectionViewSource collectionViewSource)

{

ICollectionView collectionView = CollectionViewSource.GetDefaultView(collectionViewSource);

if(collectionView != null && collectionView.CanSort)

{

collectionView.SortDescriptions.Clear();

}

#endregion