GRAPHICS Archives - 93 중 92 번째 페이지

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

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


<Image
    Width="200"
    Source="C:\pinkcherries.jpg" />

<Image

Width="200"

Source="C:\pinkcherries.jpg" />

※ Width 특성만 설정하면 Height는 이미지 원본 크기에 비례해서

[C#/WPF] Storyboard 클래스 : 코드 구현하기

■ Storyboard 클래스를 사용해 코드로 구현하는 방법을 보여준다. ▶ 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="Storyboard 클래스 : 코드 구현하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
</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="Storyboard 클래스 : 코드 구현하기"

FontFamily="나눔고딕코딩"

FontSize="16">

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media.Animation;
using System.Windows.Media;

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

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            // Page 객체에 대해 NameScope 객체를 설정합니다.
            NameScope.SetNameScope(this, new NameScope());

            #region StackPanel 객체를 생성한다.

            StackPanel stackPanel = new StackPanel();

            stackPanel.HorizontalAlignment = HorizontalAlignment.Center;

            Content = stackPanel;

            #endregion
            #region Border 객체를 생성한다.

            Border border = new Border();

            border.Margin          = new Thickness(0, 60, 0, 20);
            border.BorderBrush     = Brushes.Black;
            border.BorderThickness = new Thickness(1);
            border.Background      = Brushes.Gray;
            border.Padding         = new Thickness(20);

            stackPanel.Children.Add(border);

            // Storyboard.TargetName 첨부 속성 설정을 위해 Border 객체의 명칭을 등록한다.
            RegisterName("border", border);

            #endregion
            #region ThicknessAnimation 객체를 생성한다.

            ThicknessAnimation thicknessAnimation = new ThicknessAnimation();

            thicknessAnimation.RepeatBehavior = RepeatBehavior.Forever;
            thicknessAnimation.AutoReverse    = true;
            thicknessAnimation.Duration       = TimeSpan.FromSeconds(1);
            thicknessAnimation.From           = new Thickness(1, 1, 1, 1);
            thicknessAnimation.To             = new Thickness(56, 28, 56, 28);

            Storyboard.SetTargetName(thicknessAnimation, "border");
            Storyboard.SetTargetProperty(thicknessAnimation, new PropertyPath(Border.BorderThicknessProperty));

            #endregion
            #region Storyboard 객체를 생성한다.

            Storyboard storyboard = new Storyboard();

            storyboard.Children.Add(thicknessAnimation);

            #endregion

            border.Loaded += delegate(object sender, RoutedEventArgs e)
            {
                storyboard.Begin(this);
            };
        }

        #endregion
    }
}

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media.Animation;

using System.Windows.Media;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

// Page 객체에 대해 NameScope 객체를 설정합니다.

NameScope.SetNameScope(this, new NameScope());

#region StackPanel 객체를 생성한다.

StackPanel stackPanel = new StackPanel();

stackPanel.HorizontalAlignment = HorizontalAlignment.Center;

Content = stackPanel;

#endregion

#region Border 객체를 생성한다.

Border border = new Border();

border.Margin = new Thickness(0, 60, 0, 20);

border.BorderBrush = Brushes.Black;

border.BorderThickness = new Thickness(1);

border.Background = Brushes.Gray;

border.Padding = new Thickness(20);

stackPanel.Children.Add(border);

// Storyboard.TargetName 첨부 속성 설정을 위해 Border 객체의 명칭을 등록한다.

RegisterName("border", border);

#endregion

#region ThicknessAnimation 객체를 생성한다.

ThicknessAnimation thicknessAnimation = new ThicknessAnimation();

thicknessAnimation.RepeatBehavior = RepeatBehavior.Forever;

thicknessAnimation.AutoReverse = true;

thicknessAnimation.Duration = TimeSpan.FromSeconds(1);

thicknessAnimation.From = new Thickness(1, 1, 1, 1);

thicknessAnimation.To = new Thickness(56, 28, 56, 28);

Storyboard.SetTargetName(thicknessAnimation, "border");

Storyboard.SetTargetProperty(thicknessAnimation, new PropertyPath(Border.BorderThicknessProperty));

#endregion

#region Storyboard 객체를 생성한다.

Storyboard storyboard = new Storyboard();

storyboard.Children.Add(thicknessAnimation);

#endregion

border.Loaded += delegate(object sender, RoutedEventArgs e)

{

storyboard.Begin(this);

};

}

#endregion

}

TestProject.zip

[C#/WPF] ColorConverter 클래스 : ConvertFromString 정적 메소드를 사용해 색상 값에서 색상 구하기

■ ColorConverter 클래스의 ConvertFromString 정적 메소드를 사용해 색상 값에서 색상을 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Windows.Media;

#region 색상 생성하기 - GetColor(colorValue)

/// <summary>
/// 색상 생성하기
/// </summary>
/// <param name="colorValue">색상 값</param>
/// <returns>색상</returns>
public Color GetColor(int colorValue)
{
    return (Color)ColorConverter.ConvertFromString(string.Format ("#{0:X8}", colorValue));
}

#endregion

using System.Windows.Media;

#region 색상 생성하기 - GetColor(colorValue)

/// <summary>

/// 색상 생성하기

/// </summary>

/// <param name="colorValue">색상 값</param>

/// <returns>색상</returns>

public Color GetColor(int colorValue)

{

return (Color)ColorConverter.ConvertFromString(string.Format ("#{0:X8}", colorValue));

}

#endregion

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

■ VisualBrush 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Page.Resources>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Margin"          Value="5"     />
            <Setter Property="Width"           Value="150"   />
            <Setter Property="Height"          Value="150"   />
            <Setter Property="Stroke"          Value="Black" />
            <Setter Property="StrokeThickness" Value="1"     />
        </Style>
    </Page.Resources>
    <StackPanel
        Margin="10 10 10 10"
        Orientation="Horizontal"
        VerticalAlignment="Top">
        <Rectangle>
            <Rectangle.Fill>
                <VisualBrush TileMode="Tile">
                    <VisualBrush.Visual>
                        <StackPanel>
                            <StackPanel.Background>
                                <DrawingBrush>
                                    <DrawingBrush.Drawing>
                                        <GeometryDrawing>
                                            <GeometryDrawing.Brush>
                                                <RadialGradientBrush>
                                                    <GradientStop Offset="0.0" Color="MediumBlue" />
                                                    <GradientStop Offset="1.0" Color="White"      />
                                                </RadialGradientBrush>
                                            </GeometryDrawing.Brush>
                                            <GeometryDrawing.Geometry>
                                                <GeometryGroup>
                                                    <RectangleGeometry Rect="0 0 0.5 0.5"     />
                                                    <RectangleGeometry Rect="0.5 0.5 0.5 0.5" />
                                                </GeometryGroup>
                                            </GeometryDrawing.Geometry>
                                        </GeometryDrawing>
                                    </DrawingBrush.Drawing>
                                </DrawingBrush>
                            </StackPanel.Background>
                            <TextBlock
                                Margin="10"
                                FontSize="10pt">
                                Hello, World!
                            </TextBlock>
                        </StackPanel>
                    </VisualBrush.Visual>
                </VisualBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <VisualBrush
                    Stretch="Uniform"
                    TileMode="Tile"
                    Viewport="0 0 1 0.25">
                    <VisualBrush.Visual>
                        <StackPanel Background="White">
                            <TextBlock
                                Margin="1"
                                FontSize="10pt">
                                Hello, World!
                            </TextBlock>
                        </StackPanel>
                    </VisualBrush.Visual>
                </VisualBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <VisualBrush
                    Stretch="Uniform"
                    Viewport="0 0 1 0.25"
                    TileMode="Tile">
                    <VisualBrush.Visual>
                        <StackPanel Background="White">
                            <TextBlock
                                FontSize="10pt"
                                Margin="1">
                                Hello, World!
                            </TextBlock>
                        </StackPanel>
                    </VisualBrush.Visual>
                    <VisualBrush.RelativeTransform>
                        <RotateTransform
                            CenterX="0.5"
                            CenterY="0.5"
                            Angle="-45" />
                    </VisualBrush.RelativeTransform>
                </VisualBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <VisualBrush>
                    <VisualBrush.Visual>
                        <StackPanel Background="White">
                            <Button Margin="1">Button Control</Button>
                            <Button Margin="1">Another Button</Button>
                        </StackPanel>
                    </VisualBrush.Visual>
                </VisualBrush>
            </Rectangle.Fill>
        </Rectangle>
    </StackPanel>
</Page>

100

101

102

103

104

105

106

107

108

109

<Page

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

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

<Page.Resources>

</Style>

</Page.Resources>

<StackPanel

Margin="10 10 10 10"

Orientation="Horizontal"

VerticalAlignment="Top">

<Rectangle.Fill>

<VisualBrush.Visual>

<StackPanel.Background>

<DrawingBrush.Drawing>

<GeometryDrawing.Brush>

</RadialGradientBrush>

</GeometryDrawing.Brush>

<GeometryDrawing.Geometry>

</GeometryGroup>

</GeometryDrawing.Geometry>

</GeometryDrawing>

</DrawingBrush.Drawing>

</DrawingBrush>

</StackPanel.Background>

<TextBlock

Margin="10"

FontSize="10pt">

Hello, World!

</TextBlock>

</StackPanel>

</VisualBrush.Visual>

</VisualBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<VisualBrush

Stretch="Uniform"

TileMode="Tile"

Viewport="0 0 1 0.25">

<VisualBrush.Visual>

<TextBlock

Margin="1"

FontSize="10pt">

Hello, World!

</TextBlock>

</StackPanel>

</VisualBrush.Visual>

</VisualBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<VisualBrush

Stretch="Uniform"

Viewport="0 0 1 0.25"

TileMode="Tile">

<VisualBrush.Visual>

<TextBlock

FontSize="10pt"

Margin="1">

Hello, World!

</TextBlock>

</StackPanel>

</VisualBrush.Visual>

<VisualBrush.RelativeTransform>

<RotateTransform

CenterX="0.5"

CenterY="0.5"

Angle="-45" />

</VisualBrush.RelativeTransform>

</VisualBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<VisualBrush.Visual>

<Button Margin="1">Button Control</Button>

<Button Margin="1">Another Button</Button>

</StackPanel>

</VisualBrush.Visual>

</VisualBrush>

</Rectangle.Fill>

</Rectangle>

</StackPanel>

</Page>

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

■ DrawingBrush 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Page.Resources>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Margin"          Value="10"    />
            <Setter Property="Width"           Value="150"   />
            <Setter Property="Height"          Value="150"   />
            <Setter Property="Stroke"          Value="Black" />
            <Setter Property="StrokeThickness" Value="1"     />
        </Style>
    </Page.Resources>
    <StackPanel
        Margin="10 10 10 10"
        Orientation="Horizontal"
        VerticalAlignment="Top">
        <Rectangle>
            <Rectangle.Fill>
                <DrawingBrush
                    TileMode="Tile"
                    Viewport="0 0 0.25 0.25">
                    <DrawingBrush.Drawing>
                        <GeometryDrawing
                            Brush="Black"
                            Geometry="M 0 0 L 0 0.5, 0.5 0.5, 0.5 1, 1 1, 1 0.5, 0.5 0.5, 0.5 0" />
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <DrawingBrush
                    TileMode="Tile"
                    Viewport="0 0 1 1">
                    <DrawingBrush.Drawing>
                        <DrawingGroup>
                            <GeometryDrawing Brush="Pink">
                                <GeometryDrawing.Geometry>
                                    <RectangleGeometry Rect="0 0 1 1" />
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                            <GeometryDrawing>
                                <GeometryDrawing.Brush>
                                    <ImageBrush ImageSource="pinkcherries.jpg" />
                                </GeometryDrawing.Brush>
                                <GeometryDrawing.Geometry>
                                    <RectangleGeometry Rect="0 0 0.5 0.5" />
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                            <GeometryDrawing>
                                <GeometryDrawing.Brush>
                                    <ImageBrush ImageSource="pinkcherries.jpg" />
                                </GeometryDrawing.Brush>
                                <GeometryDrawing.Geometry>
                                    <RectangleGeometry Rect="0.5 0.5 0.5 0.5" />
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                        </DrawingGroup>
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <DrawingBrush
                    TileMode="Tile"
                    ViewportUnits="Absolute"
                    Viewport="0 0 10 10">
                    <DrawingBrush.Drawing>
                        <DrawingGroup>
                            <GeometryDrawing Brush="White">
                                <GeometryDrawing.Geometry>
                                    <RectangleGeometry Rect="0 0 1 1" />
                                </GeometryDrawing.Geometry>
                            </GeometryDrawing>
                            <GeometryDrawing
                                Brush="Blue"
                                Geometry="M 0 0 L 0 1, 0.1 1, 0.1 0.1, 1 0.1, 1 0 Z" />
                        </DrawingGroup>
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <DrawingBrush
                    TileMode="Tile"
                    Viewport="0 0 1 1">
                    <DrawingBrush.Drawing>
                        <DrawingGroup>
                            <GeometryDrawing>
                                <GeometryDrawing.Geometry>
                                    <RectangleGeometry Rect="0 0 1 1" />
                                </GeometryDrawing.Geometry>
                                <GeometryDrawing.Brush>
                                    <LinearGradientBrush
                                        StartPoint="0.5 0"
                                        EndPoint="0.5 1">
                                        <LinearGradientBrush.GradientStops>
                                            <GradientStop Offset="0.0" Color="Blue"       />
                                            <GradientStop Offset="0.5" Color="#9966cc"    />
                                            <GradientStop Offset="1.0" Color="MediumBlue" />
                                        </LinearGradientBrush.GradientStops>
                                    </LinearGradientBrush>
                                </GeometryDrawing.Brush>
                            </GeometryDrawing>
                            <GeometryDrawing>
                                <GeometryDrawing.Geometry>
                                    <RectangleGeometry Rect="0 0 1 1" />
                                </GeometryDrawing.Geometry>
                                <GeometryDrawing.Brush>
                                    <RadialGradientBrush GradientOrigin="0.75 0.25">
                                        <RadialGradientBrush.GradientStops>
                                            <GradientStop Offset="0.0" Color="White"       />
                                            <GradientStop Offset="0.5" Color="Transparent" />
                                            <GradientStop Offset="0.9" Color="Transparent" />
                                            <GradientStop Offset="1.0" Color="Yellow"      />
                                        </RadialGradientBrush.GradientStops>
                                    </RadialGradientBrush>
                                </GeometryDrawing.Brush>
                            </GeometryDrawing>
                        </DrawingGroup>
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Rectangle.Fill>
        </Rectangle>
    </StackPanel>
</Page>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

<Page

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

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

<Page.Resources>

</Style>

</Page.Resources>

<StackPanel

Margin="10 10 10 10"

Orientation="Horizontal"

VerticalAlignment="Top">

<Rectangle.Fill>

<DrawingBrush

TileMode="Tile"

Viewport="0 0 0.25 0.25">

<DrawingBrush.Drawing>

<GeometryDrawing

Brush="Black"

Geometry="M 0 0 L 0 0.5, 0.5 0.5, 0.5 1, 1 1, 1 0.5, 0.5 0.5, 0.5 0" />

</DrawingBrush.Drawing>

</DrawingBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<DrawingBrush

TileMode="Tile"

Viewport="0 0 1 1">

<DrawingBrush.Drawing>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

</GeometryDrawing>

<GeometryDrawing.Brush>

</GeometryDrawing.Brush>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

</GeometryDrawing>

<GeometryDrawing.Brush>

</GeometryDrawing.Brush>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

</GeometryDrawing>

</DrawingGroup>

</DrawingBrush.Drawing>

</DrawingBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<DrawingBrush

TileMode="Tile"

ViewportUnits="Absolute"

Viewport="0 0 10 10">

<DrawingBrush.Drawing>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

</GeometryDrawing>

<GeometryDrawing

Brush="Blue"

Geometry="M 0 0 L 0 1, 0.1 1, 0.1 0.1, 1 0.1, 1 0 Z" />

</DrawingGroup>

</DrawingBrush.Drawing>

</DrawingBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<DrawingBrush

TileMode="Tile"

Viewport="0 0 1 1">

<DrawingBrush.Drawing>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

<GeometryDrawing.Brush>

<LinearGradientBrush

StartPoint="0.5 0"

EndPoint="0.5 1">

<LinearGradientBrush.GradientStops>

</LinearGradientBrush.GradientStops>

</LinearGradientBrush>

</GeometryDrawing.Brush>

</GeometryDrawing>

<GeometryDrawing.Geometry>

</GeometryDrawing.Geometry>

<GeometryDrawing.Brush>

<RadialGradientBrush.GradientStops>

</RadialGradientBrush.GradientStops>

</RadialGradientBrush>

</GeometryDrawing.Brush>

</GeometryDrawing>

</DrawingGroup>

</DrawingBrush.Drawing>

</DrawingBrush>

</Rectangle.Fill>

</Rectangle>

</StackPanel>

</Page>

pinkcherries.jpg

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

■ ImageBrush 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Page.Resources>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Margin"          Value="10"    />
            <Setter Property="Width"           Value="150"   />
            <Setter Property="Height"          Value="150"   />
            <Setter Property="Stroke"          Value="Black" />
            <Setter Property="StrokeThickness" Value="1"     />
        </Style>
    </Page.Resources>
    <StackPanel
        Margin="10 10 10 10"
        Orientation="Horizontal"
        VerticalAlignment="Top">
        <Rectangle>
            <Rectangle.Fill>
                <ImageBrush ImageSource="pinkcherries.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <ImageBrush
                    Stretch="None"
                    ImageSource="pinkcherries.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <ImageBrush
                    TileMode="Tile"
                    ViewportUnits="Absolute"
                    Viewport="0 0 25 25"
                    ImageSource="pinkcherries.jpg" />
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <ImageBrush
                    TileMode="Tile"
                    ViewportUnits="Absolute"
                    Viewport="0 0 10 10"
                    ImageSource="pinkcherries.jpg" />
            </Rectangle.Fill>
        </Rectangle>
    </StackPanel>
</Page>

<Page

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

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

<Page.Resources>

</Style>

</Page.Resources>

<StackPanel

Margin="10 10 10 10"

Orientation="Horizontal"

VerticalAlignment="Top">

<Rectangle.Fill>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<ImageBrush

Stretch="None"

ImageSource="pinkcherries.jpg" />

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<ImageBrush

TileMode="Tile"

ViewportUnits="Absolute"

Viewport="0 0 25 25"

ImageSource="pinkcherries.jpg" />

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<ImageBrush

TileMode="Tile"

ViewportUnits="Absolute"

Viewport="0 0 10 10"

ImageSource="pinkcherries.jpg" />

</Rectangle.Fill>

</Rectangle>

</StackPanel>

</Page>

pinkcherries.jpg

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

■ RadialGradientBrush 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Page.Resources>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Margin"          Value="10"    />
            <Setter Property="Width"           Value="150"   />
            <Setter Property="Height"          Value="150"   />
            <Setter Property="Stroke"          Value="White" />
            <Setter Property="StrokeThickness" Value="1"     />
        </Style>
        <Style TargetType="{x:Type Ellipse}">
            <Setter Property="Margin"          Value="10"    />
            <Setter Property="Width"           Value="150"   />
            <Setter Property="Height"          Value="150"   />
            <Setter Property="Stroke"          Value="White" />
            <Setter Property="StrokeThickness" Value="1"     />
        </Style>
    </Page.Resources>
    <StackPanel
        Margin="10 10 10 10"
        Orientation="Horizontal"
        VerticalAlignment="Top">
        <Rectangle>
            <Rectangle.Fill>
                <RadialGradientBrush GradientOrigin="0.75 0.25">
                    <GradientStop Offset="0.0" Color="Yellow" />
                    <GradientStop Offset="0.5" Color="Orange" />
                    <GradientStop Offset="1.0" Color="Red"    />
                </RadialGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Ellipse>
            <Ellipse.Fill>
                <RadialGradientBrush GradientOrigin="0.75 0.25">
                    <GradientStop Offset="0.0" Color="White"      />
                    <GradientStop Offset="0.5" Color="MediumBlue" />
                    <GradientStop Offset="1.0" Color="Black"      />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse>
            <Ellipse.Fill>
                <RadialGradientBrush GradientOrigin="0.75 0.25">
                    <GradientStop Offset="0.0" Color="AliceBlue" />
                    <GradientStop Offset="0.5" Color="Purple"    />
                    <GradientStop Offset="1.0" Color="#330033"   />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse>
            <Ellipse.Fill>
                <RadialGradientBrush GradientOrigin="0.75 0.25">
                    <GradientStop Offset="0.0" Color="Yellow" />
                    <GradientStop Offset="0.5" Color="Orange" />
                    <GradientStop Offset="1.0" Color="Red"    />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
    </StackPanel>
</Page>

<Page

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

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

<Page.Resources>

</Style>

</Style>

</Page.Resources>

<StackPanel

Margin="10 10 10 10"

Orientation="Horizontal"

VerticalAlignment="Top">

<Rectangle.Fill>

</RadialGradientBrush>

</Rectangle.Fill>

</Rectangle>

<Ellipse.Fill>

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>

<Ellipse.Fill>

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>

<Ellipse.Fill>

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>

</StackPanel>

</Page>

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

■ LinearGradientBrush 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Page.Resources>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Margin"          Value="10"    />
            <Setter Property="Width"           Value="150"   />
            <Setter Property="Height"          Value="150"   />
            <Setter Property="Stroke"          Value="Black" />
            <Setter Property="StrokeThickness" Value="1"     />
        </Style>
    </Page.Resources>
    <StackPanel
        Margin="10 10 10 10"
        Orientation="Horizontal"
        VerticalAlignment="Top">
        <Rectangle>
            <Rectangle.Fill>
                <LinearGradientBrush
                    StartPoint="0 0"
                    EndPoint="1 0">
                    <GradientStop Offset="0.0" Color="Yellow" />
                    <GradientStop Offset="0.5" Color="Orange" />
                    <GradientStop Offset="1.0" Color="Red"    />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <LinearGradientBrush
                    StartPoint="0 0"
                    EndPoint="1 0">
                     <GradientStop Offset="0.0" Color="Blue"   />
                     <GradientStop Offset="1.0" Color="Purple" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <LinearGradientBrush
                    StartPoint="0 0"
                    EndPoint="1 0">
                    <GradientStop Offset="0.0" Color="Purple"     />
                    <GradientStop Offset="0.5" Color="BlueViolet" />
                    <GradientStop Offset="1.0" Color="White"      />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <LinearGradientBrush
                    StartPoint="0 0"
                    EndPoint="1 0">
                    <GradientStop Offset="0.0" Color="Gold"   />
                    <GradientStop Offset="0.5" Color="Red"    />
                    <GradientStop Offset="1.0" Color="Orange" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
  </StackPanel>
</Page>

<Page

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

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

<Page.Resources>

</Style>

</Page.Resources>

<StackPanel

Margin="10 10 10 10"

Orientation="Horizontal"

VerticalAlignment="Top">

<Rectangle.Fill>

<LinearGradientBrush

StartPoint="0 0"

EndPoint="1 0">

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<LinearGradientBrush

StartPoint="0 0"

EndPoint="1 0">

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<LinearGradientBrush

StartPoint="0 0"

EndPoint="1 0">

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<LinearGradientBrush

StartPoint="0 0"

EndPoint="1 0">

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

</StackPanel>

</Page>

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

■ SolidColorBrush 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Page.Resources>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Margin"          Value="10"    />
            <Setter Property="Width"           Value="150"   />
            <Setter Property="Height"          Value="150"   />
            <Setter Property="Stroke"          Value="Black" />
            <Setter Property="StrokeThickness" Value="1"     />
        </Style>
    </Page.Resources>
    <StackPanel
        Margin="10 10 10 10"
        Orientation="Horizontal"
        VerticalAlignment="Top">
        <Rectangle>
            <Rectangle.Fill>
                <SolidColorBrush
                    Color="Blue"
                    Opacity="1.0" />
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <SolidColorBrush
                    Color="Blue"
                    Opacity="0.8" />
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <SolidColorBrush
                    Color="Blue"
                    Opacity="0.6" />
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <SolidColorBrush
                    Color="Blue"
                    Opacity="0.4" />
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle>
            <Rectangle.Fill>
                <SolidColorBrush
                    Color="Blue"
                    Opacity="0.2" />
            </Rectangle.Fill>
        </Rectangle>
    </StackPanel>
</Page>

<Page

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

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

<Page.Resources>

</Style>

</Page.Resources>

<StackPanel

Margin="10 10 10 10"

Orientation="Horizontal"

VerticalAlignment="Top">

<Rectangle.Fill>

<SolidColorBrush

Color="Blue"

Opacity="1.0" />

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<SolidColorBrush

Color="Blue"

Opacity="0.8" />

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<SolidColorBrush

Color="Blue"

Opacity="0.6" />

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<SolidColorBrush

Color="Blue"

Opacity="0.4" />

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

<SolidColorBrush

Color="Blue"

Opacity="0.2" />

</Rectangle.Fill>

</Rectangle>

</StackPanel>

</Page>

[C#/WPF] MediaPlayer 클래스 : 미디어 재생하기

■ MediaPlayer 클래스를 사용해 미디어를 재생하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System;
using System.Threading;
using System.Windows;
using System.Windows.Media;
using System.Windows.Media.Imaging;

...

/// <summary>
/// 미디어 오픈 여부
/// </summary>
private bool isMediaOpened = false;

/// <summary>
/// 미디어 실패 여부
/// </summary>
private bool isMediaFailed = false;

...

#region 미디어 플레이어 미디어 오픈시 처리하기 - mediaPlayer_MediaOpened(sender, e)

/// <summary>
/// 미디어 플레이어 미디어 오픈시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void mediaPlayer_MediaOpened(object sender, EventArgs e)
{
    this.isMediaOpened = true;
}

#endregion

#region 미디어 플레이어 미디어 실패시 처리하기 - mediaPlayer_MediaFailed(sender, e)

/// <summary>
/// 미디어 플레이어 미디어 실패시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void mediaPlayer_MediaFailed(object sender, ExceptionEventArgs e)
{
    this.isMediaFailed = true;
}

#endregion

...

private MediaPlayer mediaPlayer = new MediaPlayer();

...

this.mediaPlayer.ScrubbingEnabled = true;

this.mediaPlayer.MediaOpened += new EventHandler(mediaPlayer_MediaOpened);
this.mediaPlayer.MediaFailed += new EventHandler<ExceptionEventArgs>(mediaPlayer_MediaFailed);

Uri sourceURI = new Uri("c:\\sample.avi");

this.mediaPlayer.Open(sourceURI);

while(this.isMediaOpened == this.isMediaFailed)
{
    this.mediaPlayer.Dispatcher.Invoke(new Action(delegate { Thread.Sleep(10); }));
}

if(this.isMediaFailed)
{
    // 미디어 파일을 오픈할 수 없는 경우를 처리한다.
    MessageBox.Show("Failed");

    return;
}

Size videoSize = CalculateVideoSize(this.mediaPlayer, 800, 600);

// MediaPlayer 객체를 소스로 사용하는 컨테이너에서 필요한 경우 비디오 크기를 설정한다.
// this.videoDrawing.Rect = new Rect(0, 0, pVideoSize.Width, pVideoSize.Height);

this.mediaPlayer.Play();

...

#region 비디오 크기 구하기 - GetVideoSize(mediaPlayer, sourceSize, maximumSize)

/// <summary>
/// 비디오 크기 계산하기
/// </summary>
/// <param name="mediaPlayer">MediaPlayer 객체</param>
/// <param name="sourceSize">소스 크기</param>
/// <param name="maximumSize">최대 크기</param>
/// <returns>비디오 크기</returns>
/// <remarks>비디오 크기는 Double형 Size 타입이나 픽셀 값이다</remarks>
private Size GetVideoSize(MediaPlayer mediaPlayer, Size maximumSize)
{
    Size videoSize = new Size();

    if(mediaPlayer.NaturalVideoWidth > mediaPlayer.NaturalVideoHeight)
    {
        double videoRatio = (double)mediaPlayer.NaturalVideoHeight / mediaPlayer.NaturalVideoWidth;

        videoSize.Width  = Math.Min(maximumSize.Width, mediaPlayer.NaturalVideoWidth);
        videoSize.Height = videoSize.Width * videoRatio;
    }
    else
    {
        double videoRatio = (double)mediaPlayer.NaturalVideoWidth / mediaPlayer.NaturalVideoHeight;

        videoSize.Height = Math.Min(maximumSize.Height, mediaPlayer.NaturalVideoHeight);
        videoSize.Width  = videoSize.Height * videoRatio;
    }

    return videoSize;
}

#endregion
#region 비디오 크기 구하기 - GetVideoSize(mediaPlayer, sourceSize, maximumWidth, maximumHeight)

/// <summary>
/// 비디오 크기 구하기
/// </summary>
/// <param name="mediaPlayer">MediaPlayer 객체</param>
/// <param name="sourceSize">소스 크기</param>
/// <param name="maximumWidth">최대 너비</param>
/// <param name="maximumHeight">최대 높이</param>
/// <returns>비디오 크기</returns>
/// <remarks>비디오 크기는 Double형 Size 타입이나 픽셀 값이다</remarks>
private Size GetVideoSize(MediaPlayer mediaPlayer, double maximumWidth, double maximumHeight)
{
    return GetVideoSize(mediaPlayer, new Size(maximumWidth, maximumHeight));
}

#endregion

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

using System;

using System.Threading;

using System.Windows;

using System.Windows.Media;

using System.Windows.Media.Imaging;

...

/// <summary>

/// 미디어 오픈 여부

/// </summary>

private bool isMediaOpened = false;

/// <summary>

/// 미디어 실패 여부

/// </summary>

private bool isMediaFailed = false;

...

#region 미디어 플레이어 미디어 오픈시 처리하기 - mediaPlayer_MediaOpened(sender, e)

/// <summary>

/// 미디어 플레이어 미디어 오픈시 처리하기

/// </summary>

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

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

private void mediaPlayer_MediaOpened(object sender, EventArgs e)

{

this.isMediaOpened = true;

}

#endregion

#region 미디어 플레이어 미디어 실패시 처리하기 - mediaPlayer_MediaFailed(sender, e)

/// <summary>

/// 미디어 플레이어 미디어 실패시 처리하기

/// </summary>

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

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

private void mediaPlayer_MediaFailed(object sender, ExceptionEventArgs e)

{

this.isMediaFailed = true;

}

#endregion

...

private MediaPlayer mediaPlayer = new MediaPlayer();

...

this.mediaPlayer.ScrubbingEnabled = true;

this.mediaPlayer.MediaOpened += new EventHandler(mediaPlayer_MediaOpened);

this.mediaPlayer.MediaFailed += new EventHandler<ExceptionEventArgs>(mediaPlayer_MediaFailed);

Uri sourceURI = new Uri("c:\\sample.avi");

this.mediaPlayer.Open(sourceURI);

while(this.isMediaOpened == this.isMediaFailed)

{

this.mediaPlayer.Dispatcher.Invoke(new Action(delegate { Thread.Sleep(10); }));

}

if(this.isMediaFailed)

{

// 미디어 파일을 오픈할 수 없는 경우를 처리한다.

MessageBox.Show("Failed");

return;

}

Size videoSize = CalculateVideoSize(this.mediaPlayer, 800, 600);

// MediaPlayer 객체를 소스로 사용하는 컨테이너에서 필요한 경우 비디오 크기를 설정한다.

// this.videoDrawing.Rect = new Rect(0, 0, pVideoSize.Width, pVideoSize.Height);

this.mediaPlayer.Play();

...

#region 비디오 크기 구하기 - GetVideoSize(mediaPlayer, sourceSize, maximumSize)

/// <summary>

/// 비디오 크기 계산하기

/// </summary>

/// <param name="mediaPlayer">MediaPlayer 객체</param>

/// <param name="sourceSize">소스 크기</param>

/// <param name="maximumSize">최대 크기</param>

/// <returns>비디오 크기</returns>

/// <remarks>비디오 크기는 Double형 Size 타입이나 픽셀 값이다</remarks>

private Size GetVideoSize(MediaPlayer mediaPlayer, Size maximumSize)

{

Size videoSize = new Size();

if(mediaPlayer.NaturalVideoWidth > mediaPlayer.NaturalVideoHeight)

{

double videoRatio = (double)mediaPlayer.NaturalVideoHeight / mediaPlayer.NaturalVideoWidth;

videoSize.Width = Math.Min(maximumSize.Width, mediaPlayer.NaturalVideoWidth);

videoSize.Height = videoSize.Width * videoRatio;

}

else

{

double videoRatio = (double)mediaPlayer.NaturalVideoWidth / mediaPlayer.NaturalVideoHeight;

videoSize.Height = Math.Min(maximumSize.Height, mediaPlayer.NaturalVideoHeight);

videoSize.Width = videoSize.Height * videoRatio;

}

return videoSize;

}

#endregion

#region 비디오 크기 구하기 - GetVideoSize(mediaPlayer, sourceSize, maximumWidth, maximumHeight)

/// <summary>

/// 비디오 크기 구하기

/// </summary>

/// <param name="mediaPlayer">MediaPlayer 객체</param>

/// <param name="sourceSize">소스 크기</param>

/// <param name="maximumWidth">최대 너비</param>

/// <param name="maximumHeight">최대 높이</param>

/// <returns>비디오 크기</returns>

/// <remarks>비디오 크기는 Double형 Size 타입이나 픽셀 값이다</remarks>

private Size GetVideoSize(MediaPlayer mediaPlayer, double maximumWidth, double maximumHeight)

{

return GetVideoSize(mediaPlayer, new Size(maximumWidth, maximumHeight));

}

#endregion

[C#/WPF] MediaPlayer 클래스 : 비디오 크기 구하기

■ MediaPlayer 클래스를 사용해 비디오 크기를 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


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

#region 비디오 크기 구하기 - GetVideoSize(mediaPlayer, sourceSize, maximumSize)

/// <summary>
/// 비디오 크기 계산하기
/// </summary>
/// <param name="mediaPlayer">MediaPlayer 객체</param>
/// <param name="sourceSize">소스 크기</param>
/// <param name="maximumSize">최대 크기</param>
/// <returns>비디오 크기</returns>
/// <remarks>비디오 크기는 Double형 Size 타입이나 픽셀 값이다</remarks>
public Size GetVideoSize(MediaPlayer mediaPlayer, Size maximumSize)
{
    Size videoSize = new Size();

    if(mediaPlayer.NaturalVideoWidth > mediaPlayer.NaturalVideoHeight)
    {
        double videoRatio = (double)mediaPlayer.NaturalVideoHeight / mediaPlayer.NaturalVideoWidth;

        videoSize.Width  = Math.Min(maximumSize.Width, mediaPlayer.NaturalVideoWidth);
        videoSize.Height = videoSize.Width * videoRatio;
    }
    else
    {
        double videoRatio = (double)mediaPlayer.NaturalVideoWidth / mediaPlayer.NaturalVideoHeight;

        videoSize.Height = Math.Min(maximumSize.Height, mediaPlayer.NaturalVideoHeight);
        videoSize.Width  = videoSize.Height * videoRatio;
    }

    return videoSize;
}

#endregion
#region 비디오 크기 구하기 - GetVideoSize(mediaPlayer, sourceSize, maximumWidth, maximumHeight)

/// <summary>
/// 비디오 크기 구하기
/// </summary>
/// <param name="mediaPlayer">MediaPlayer 객체</param>
/// <param name="sourceSize">소스 크기</param>
/// <param name="maximumWidth">최대 너비</param>
/// <param name="maximumHeight">최대 높이</param>
/// <returns>비디오 크기</returns>
/// <remarks>비디오 크기는 Double형 Size 타입이나 픽셀 값이다</remarks>
public Size GetVideoSize(MediaPlayer mediaPlayer, double maximumWidth, double maximumHeight)
{
    return GetVideoSize(mediaPlayer, new Size(maximumWidth, maximumHeight));
}

#endregion

using System;

using System.Windows;

using System.Windows.Media.Imaging;

#region 비디오 크기 구하기 - GetVideoSize(mediaPlayer, sourceSize, maximumSize)

/// <summary>

/// 비디오 크기 계산하기

/// </summary>

/// <param name="mediaPlayer">MediaPlayer 객체</param>

/// <param name="sourceSize">소스 크기</param>

/// <param name="maximumSize">최대 크기</param>

/// <returns>비디오 크기</returns>

/// <remarks>비디오 크기는 Double형 Size 타입이나 픽셀 값이다</remarks>

public Size GetVideoSize(MediaPlayer mediaPlayer, Size maximumSize)

{

Size videoSize = new Size();

if(mediaPlayer.NaturalVideoWidth > mediaPlayer.NaturalVideoHeight)

{

double videoRatio = (double)mediaPlayer.NaturalVideoHeight / mediaPlayer.NaturalVideoWidth;

videoSize.Width = Math.Min(maximumSize.Width, mediaPlayer.NaturalVideoWidth);

videoSize.Height = videoSize.Width * videoRatio;

}

else

{

double videoRatio = (double)mediaPlayer.NaturalVideoWidth / mediaPlayer.NaturalVideoHeight;

videoSize.Height = Math.Min(maximumSize.Height, mediaPlayer.NaturalVideoHeight);

videoSize.Width = videoSize.Height * videoRatio;

}

return videoSize;

}

#endregion

#region 비디오 크기 구하기 - GetVideoSize(mediaPlayer, sourceSize, maximumWidth, maximumHeight)

/// <summary>

/// 비디오 크기 구하기

/// </summary>

/// <param name="mediaPlayer">MediaPlayer 객체</param>

/// <param name="sourceSize">소스 크기</param>

/// <param name="maximumWidth">최대 너비</param>

/// <param name="maximumHeight">최대 높이</param>

/// <returns>비디오 크기</returns>

/// <remarks>비디오 크기는 Double형 Size 타입이나 픽셀 값이다</remarks>

public Size GetVideoSize(MediaPlayer mediaPlayer, double maximumWidth, double maximumHeight)

{

return GetVideoSize(mediaPlayer, new Size(maximumWidth, maximumHeight));

}

#endregion

[C#/WPF] BitConverter 클래스 : Color 객체 구하기

■ BitConverter 클래스를 사용해 Color 객체를 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System;
using System.Windows.Media;

#region Color 객체 구하기 - GetColor(colorValue)

/// <summary>
/// Color 객체 구하기
/// </summary>
/// <param name="colorValue">색상 값</param>
/// <returns>Color 객체</returns>
public Color GetColor(int colorValue)
{
    byte[] byteArray = BitConverter.GetBytes(colorValue);

    return Color.FromArgb(byteArray[3], byteArray[2], byteArray[1], byteArray[0]);
}

#endregion

using System;

using System.Windows.Media;

#region Color 객체 구하기 - GetColor(colorValue)

/// <summary>

/// Color 객체 구하기

/// </summary>

/// <param name="colorValue">색상 값</param>

/// <returns>Color 객체</returns>

public Color GetColor(int colorValue)

{

byte[] byteArray = BitConverter.GetBytes(colorValue);

return Color.FromArgb(byteArray[3], byteArray[2], byteArray[1], byteArray[0]);

}

#endregion

[C#/WPF] BitConverter 클래스 : Color 색상 값 계산하기

■ BitConverter 클래스를 사용해 Color 색상 값을 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System;
using System.Windows.Media;

#region 색상 값 구하기 - GetColorValue(color)

/// <summary>
/// 색상 값 구하기
/// </summary>
/// <param name="color">Color 객체</param>
/// <returns>색상 값</returns>
public int GetColorValue(Color color)
{
    return BitConverter.ToInt32 (new byte [] { color.B, color.G, color.R, color.A }, 0);
}

#endregion

using System;

using System.Windows.Media;

#region 색상 값 구하기 - GetColorValue(color)

/// <summary>

/// 색상 값 구하기

/// </summary>

/// <param name="color">Color 객체</param>

/// <returns>색상 값</returns>

public int GetColorValue(Color color)

{

return BitConverter.ToInt32 (new byte [] { color.B, color.G, color.R, color.A }, 0);

}

#endregion

※ 알파 값 미적용시 color.A를 0xff로 대체한다.

[C#/WPF] TransformedBitmap 클래스 : 변환 비트맵 생성하기

■ TransformedBitmap 클래스를 사용해 변환 비트맵을 생성하는 방법을 보여준다. ▶ 예제 코드 (C#)


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

#region 변환 비트맵 생성하기 - CreateTransformedBitmap(bitmapSource, desiredSize)

/// <summary>
/// 변환 비트맵 생성하기
/// </summary>
/// <param name="bitmapSource">비트맵 소스</param>
/// <param name="desiredSize">희망 크기</param>
/// <returns>생성 변환 비트맵</returns>
public TransformedBitmap CreateTransformedBitmap(BitmapSource bitmapSource, Size desiredSize)
{
    TransformedBitmap transformedBitmap = new TransformedBitmap();

    transformedBitmap.BeginInit();

    transformedBitmap.Source = bitmapSource;

    ScaleTransform scaleTransform = new ScaleTransform
    (
        desiredSize.Width  / bitmapSource.Width,
        desiredSize.Height / bitmapSource.Height
    );

    transformedBitmap.Transform = scaleTransform;

    transformedBitmap.EndInit();

    return transformedBitmap;
}

#endregion

using System.Windows;

using System.Windows.Media;

using System.Windows.Media.Imaging;

#region 변환 비트맵 생성하기 - CreateTransformedBitmap(bitmapSource, desiredSize)

/// <summary>

/// 변환 비트맵 생성하기

/// </summary>

/// <param name="bitmapSource">비트맵 소스</param>

/// <param name="desiredSize">희망 크기</param>

/// <returns>생성 변환 비트맵</returns>

public TransformedBitmap CreateTransformedBitmap(BitmapSource bitmapSource, Size desiredSize)

{

TransformedBitmap transformedBitmap = new TransformedBitmap();

transformedBitmap.BeginInit();

transformedBitmap.Source = bitmapSource;

ScaleTransform scaleTransform = new ScaleTransform

(

desiredSize.Width / bitmapSource.Width,

desiredSize.Height / bitmapSource.Height

);

transformedBitmap.Transform = scaleTransform;

transformedBitmap.EndInit();

return transformedBitmap;

}

#endregion

[C#/WPF] BitmapSource 클래스 : JPEG 파일 저장하기

■ BitmapSource 클래스를 사용해 JPEG 파일을 저장하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.IO;
using System.Windows.Media.Imaging;

#region JPEG 파일 저장하기 - SaveJPEGFile(bitmapSource, filePath, qualityLevel)

/// <summary>
/// JPEG 파일 저장하기
/// </summary>
/// <param name="bitmapSource">비트맵 소스</param>
/// <param name="filePath">파일 경로</param>
/// <param name="qualityLevel">품질 레벨</param>
public void SaveJPEGFile(BitmapSource bitmapSource, string filePath, int qualityLevel)
{
    JpegBitmapEncoder jpegBitmapEncoder = new JpegBitmapEncoder();

    jpegBitmapEncoder.QualityLevel = qualityLevel;

    jpegBitmapEncoder.Frames.Add(BitmapFrame.Create(bitmapSource));

    using(FileStream fileStream = new FileStream(filePath, FileMode.Create, FileAccess.Write))
    {
        jpegBitmapEncoder.Save(fileStream);
    }
}

#endregion

using System.IO;

using System.Windows.Media.Imaging;

#region JPEG 파일 저장하기 - SaveJPEGFile(bitmapSource, filePath, qualityLevel)

/// <summary>

/// JPEG 파일 저장하기

/// </summary>

/// <param name="bitmapSource">비트맵 소스</param>

/// <param name="filePath">파일 경로</param>

/// <param name="qualityLevel">품질 레벨</param>

public void SaveJPEGFile(BitmapSource bitmapSource, string filePath, int qualityLevel)

{

JpegBitmapEncoder jpegBitmapEncoder = new JpegBitmapEncoder();

jpegBitmapEncoder.QualityLevel = qualityLevel;

jpegBitmapEncoder.Frames.Add(BitmapFrame.Create(bitmapSource));

using(FileStream fileStream = new FileStream(filePath, FileMode.Create, FileAccess.Write))

{

jpegBitmapEncoder.Save(fileStream);

}

#endregion

[C#/WPF] RenderTargetBitmap 클래스 : DrawingVisual 객체에서 비트맵 구하기

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


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

#region RenderTargetBitmap 객체 구하기 - GetRenderTargetBitmap(drawingVisual, pixelWidth, pixelHeight, dpiX, dpiY)

/// <summary>
/// RenderTargetBitmap 객체 구하기
/// </summary>
/// <param name="drawingVisual">드로잉 비주얼</param>
/// <param name="pixelWidth">픽셀 너비</param>
/// <param name="pixelHeight">픽셀 높이</param>
/// <param name="dpiX">DPI X</param>
/// <param name="dpiY">DPI Y</param>
/// <returns>비트맵</returns>
public RenderTargetBitmap GetRenderTargetBitmap
(
    DrawingVisual drawingVisual,
    int           pixelWidth,
    int           pixelHeight,
    double        dpiX,
    double        dpiY
)
{
    RenderTargetBitmap renderTargetBitmap = new RenderTargetBitmap
    (
        pixelWidth,
        pixelHeight,
        dpiX,
        dpiY,
        PixelFormats.Pbgra32
    );

    renderTargetBitmap.Render(drawingVisual);

    return renderTargetBitmap;
}

#endregion

using System.Windows.Media;

using System.Windows.Media.Imaging;

#region RenderTargetBitmap 객체 구하기 - GetRenderTargetBitmap(drawingVisual, pixelWidth, pixelHeight, dpiX, dpiY)

/// <summary>

/// RenderTargetBitmap 객체 구하기

/// </summary>

/// <param name="drawingVisual">드로잉 비주얼</param>

/// <param name="pixelWidth">픽셀 너비</param>

/// <param name="pixelHeight">픽셀 높이</param>

/// <param name="dpiX">DPI X</param>

/// <param name="dpiY">DPI Y</param>

/// <returns>비트맵</returns>

public RenderTargetBitmap GetRenderTargetBitmap

(

DrawingVisual drawingVisual,

int pixelWidth,

int pixelHeight,

double dpiX,

double dpiY

)

{

RenderTargetBitmap renderTargetBitmap = new RenderTargetBitmap

(

pixelWidth,

pixelHeight,

dpiX,

dpiY,

PixelFormats.Pbgra32

);

renderTargetBitmap.Render(drawingVisual);

return renderTargetBitmap;

}

#endregion

[C#/WPF] BitmapSource 클래스 : 픽셀 정수 배열 구하기

■ BitmapSource 클래스를 사용해 픽셀 정수 배열을 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Windows.Media.Imaging;

#region 픽셀 정수 배열 구하기 - GetPixelIntegerArray(bitmapSource)

/// <summary>
/// 픽셀 정수 배열 구하기
/// </summary>
/// <param name="bitmapSource">비트맵 소스</param>
/// <returns>픽셀 정수 배열</returns>
/// <remarks>픽셀당 4바이트 픽셀 포맷에 한정한다</remarks>
public int[] GetPixelIntegerArray(BitmapSource bitmapSource)
{
    int bitCountPerPixel = bitmapSource.Format.BitsPerPixel;
    int pixelWidth       = bitmapSource.PixelWidth;
    int stride           = pixelWidth * 4;
    int pixelHeight      = bitmapSource.PixelHeight;

    int[] integerArray = new int[pixelWidth * pixelHeight];

    bitmapSource.CopyPixels(integerArray, stride, 0);

    return integerArray;
}

#endregion

using System.Windows.Media.Imaging;

#region 픽셀 정수 배열 구하기 - GetPixelIntegerArray(bitmapSource)

/// <summary>

/// 픽셀 정수 배열 구하기

/// </summary>

/// <param name="bitmapSource">비트맵 소스</param>

/// <returns>픽셀 정수 배열</returns>

/// <remarks>픽셀당 4바이트 픽셀 포맷에 한정한다</remarks>

public int[] GetPixelIntegerArray(BitmapSource bitmapSource)

{

int bitCountPerPixel = bitmapSource.Format.BitsPerPixel;

int pixelWidth = bitmapSource.PixelWidth;

int stride = pixelWidth * 4;

int pixelHeight = bitmapSource.PixelHeight;

int[] integerArray = new int[pixelWidth * pixelHeight];

bitmapSource.CopyPixels(integerArray, stride, 0);

return integerArray;

}

#endregion

[C#/WPF] BitmapSource 클래스 : 픽셀 바이트 배열 구하기

■ BitmapSource 클래스를 사용해 픽셀 바이트 배열을 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Windows.Media.Imaging;

#region 픽셀 바이트 배열 구하기 - GetPixelByteArray(bitmapSource)

/// <summary>
/// 픽셀 바이트 배열 구하기
/// </summary>
/// <param name="bitmapSource">비트맵 소스</param>
/// <returns>픽셀 바이트 배열</returns>
public byte[] GetPixelByteArray(BitmapSource bitmapSource)
{
    int bitCountPerPixel = bitmapSource.Format.BitsPerPixel;
    int pixelWidth       = bitmapSource.PixelWidth;
    int pixelHeight      = bitmapSource.PixelHeight;
    int stride           = (pixelWidth * bitCountPerPixel + 7) / 8;

    byte[] byteArray = new byte[stride * bitmapSource.PixelHeight];

    bitmapSource.CopyPixels(byteArray, stride, 0);

    return byteArray;
}

#endregion

using System.Windows.Media.Imaging;

#region 픽셀 바이트 배열 구하기 - GetPixelByteArray(bitmapSource)

/// <summary>

/// 픽셀 바이트 배열 구하기

/// </summary>

/// <param name="bitmapSource">비트맵 소스</param>

/// <returns>픽셀 바이트 배열</returns>

public byte[] GetPixelByteArray(BitmapSource bitmapSource)

{

int bitCountPerPixel = bitmapSource.Format.BitsPerPixel;

int pixelWidth = bitmapSource.PixelWidth;

int pixelHeight = bitmapSource.PixelHeight;

int stride = (pixelWidth * bitCountPerPixel + 7) / 8;

byte[] byteArray = new byte[stride * bitmapSource.PixelHeight];

bitmapSource.CopyPixels(byteArray, stride, 0);

return byteArray;

}

#endregion

[C#/WPF] RenderTargetBitmap 클래스 : MediaPlayer 객체에서 비트맵 구하기

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


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

#region RenderTargetBitmap 객체 구하기 - GetRenderTargetBitmap(mediaPlayer, dpiX, dpiY, pixelFormat)

/// <summary>
/// RenderTargetBitmap 객체 구하기
/// </summary>
/// <param name="mediaPlayer">미디어 플레이어</param>
/// <param name="dpiX">DPI X</param>
/// <param name="dpiY">DPI Y</param>
/// <param name="pixelFormat">픽셀 포맷</param>
/// <returns>비트맵</returns>
public RenderTargetBitmap GetRenderTargetBitmap
(
    MediaPlayer mediaPlayer,
    double      dpiX,
    double      dpiY,
    PixelFormat pixelFormat
)
{
    double width  = CalculateDeviceIndependentUnitCount(mediaPlayer.NaturalVideoWidth , dpiX);
    double height = CalculateDeviceIndependentUnitCount(mediaPlayer.NaturalVideoHeight, dpiY);

    RenderTargetBitmap renderTargetBitmap = new RenderTargetBitmap
    (
        mediaPlayer.NaturalVideoWidth,
        mediaPlayer.NaturalVideoHeight,
        dpiX,
        dpiY,
        pixelFormat
    );

    DrawingVisual drawingVisual = new DrawingVisual();

    DrawingContext drawingContext = drawingVisual.RenderOpen();

    drawingContext.DrawVideo(mediaPlayer, new Rect(0, 0, width, height));

    drawingContext.Close();

    renderTargetBitmap.Render(drawingVisual);

    return renderTargetBitmap;
}

#endregion
#region 장치 독립적 단위 수 구하기 - GetDeviceIndependentUnitCount(pixelCount, dpi)

/// <summary>
/// 장치 독립적 단위 수 구하기
/// </summary>
/// <param name="pixelCount">픽셀 수</param>
/// <param name="dpi">DPI</param>
/// <returns>장치 독립적 단위 수</returns>
private double GetDeviceIndependentUnitCount(double pixelCount, double dpi)
{
    return pixelCount / dpi * 96d;
}

#endregion

using System.Windows;

using System.Windows.Media;

using System.Windows.Media.Imaging;

#region RenderTargetBitmap 객체 구하기 - GetRenderTargetBitmap(mediaPlayer, dpiX, dpiY, pixelFormat)

/// <summary>

/// RenderTargetBitmap 객체 구하기

/// </summary>

/// <param name="mediaPlayer">미디어 플레이어</param>

/// <param name="dpiX">DPI X</param>

/// <param name="dpiY">DPI Y</param>

/// <param name="pixelFormat">픽셀 포맷</param>

/// <returns>비트맵</returns>

public RenderTargetBitmap GetRenderTargetBitmap

(

MediaPlayer mediaPlayer,

double dpiX,

double dpiY,

PixelFormat pixelFormat

)

{

double width = CalculateDeviceIndependentUnitCount(mediaPlayer.NaturalVideoWidth , dpiX);

double height = CalculateDeviceIndependentUnitCount(mediaPlayer.NaturalVideoHeight, dpiY);

RenderTargetBitmap renderTargetBitmap = new RenderTargetBitmap

(

mediaPlayer.NaturalVideoWidth,

mediaPlayer.NaturalVideoHeight,

dpiX,

dpiY,

pixelFormat

);

DrawingVisual drawingVisual = new DrawingVisual();

DrawingContext drawingContext = drawingVisual.RenderOpen();

drawingContext.DrawVideo(mediaPlayer, new Rect(0, 0, width, height));

drawingContext.Close();

renderTargetBitmap.Render(drawingVisual);

return renderTargetBitmap;

}

#endregion

#region 장치 독립적 단위 수 구하기 - GetDeviceIndependentUnitCount(pixelCount, dpi)

/// <summary>

/// 장치 독립적 단위 수 구하기

/// </summary>

/// <param name="pixelCount">픽셀 수</param>

/// <param name="dpi">DPI</param>

/// <returns>장치 독립적 단위 수</returns>

private double GetDeviceIndependentUnitCount(double pixelCount, double dpi)

{

return pixelCount / dpi * 96d;

}

#endregion

[C#/WPF] BitmapImage 클래스 : 회전 비트맵 이미지 구하기

■ BitmapImage 클래스를 사용해 회전 비트맵 이미지를 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


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

#region 비트맵 이미지 구하기 - GetBitmapImage(uri, rotation)

/// <summary>
/// 비트맵 이미지 구하기
/// </summary>
/// <param name="uri">URI</param>
/// <param name="rotation">회전</param>
/// <returns>비트맵 이미지</returns>
public BitmapImage GetBitmapImage(Uri uri, Rotation rotation)
{
    BitmapImage bitmapImage = new BitmapImage();

    bitmapImage.BeginInit();

    bitmapImage.UriSource = uri;

    bitmapImage.Rotation = rotation;

    bitmapImage.EndInit();

    return bitmapImage;
}

#endregion

using System;

using System.Windows;

using System.Windows.Media.Imaging;

#region 비트맵 이미지 구하기 - GetBitmapImage(uri, rotation)

/// <summary>

/// 비트맵 이미지 구하기

/// </summary>

/// <param name="uri">URI</param>

/// <param name="rotation">회전</param>

/// <returns>비트맵 이미지</returns>

public BitmapImage GetBitmapImage(Uri uri, Rotation rotation)

{

BitmapImage bitmapImage = new BitmapImage();

bitmapImage.BeginInit();

bitmapImage.UriSource = uri;

bitmapImage.Rotation = rotation;

bitmapImage.EndInit();

return bitmapImage;

}

#endregion

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

■ <T>KeyFrame 클래스의 KeyTime 속성을 사용하는 방법을 보여준다. ▶ 5초 설정하기 (XAML)


KeyTime="0:0:5"

KeyTime="0:0:5"

▶ 25% 설정하기 (XAML)


<!-- %는 연속적으로 증가해야 한다. -->

KeyTime="25%"

KeyTime="25%"

▶ 균등하게 설정하기 (XAML)

[C#/WPF] LinearGradientBrush 클래스 : 애니메이션 이동 길이 구하기

■ LinearGradientBrush 클래스에서 애니메이션 이동 길이를 구하는 방법을 보여준다. ※ GradientStop 컬렉션을 TranslateTransform 클래스 X 속성을 이용해 애니메이션 시키는 경우, 이동시킬 거리를

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

■ Timeline 엘리먼트의 RepeatBehavior 속성을 사용하는 방법을 보여준다. ▶ 3번 반복하기 (XAML)


RepeatBehavior="3x"

RepeatBehavior="3x"

▶ 1.5번 반복하기 (XAML)


RepeatBehavior="1.5x"

RepeatBehavior="1.5x"

▶ 10초 간격까지만 반복하기

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

■ Timeline 엘리먼트의 Duration 속성을 사용하는 방법을 보여준다. ▶ 2.5초간 지속하기 (XAML)


Duration="0:0:2.5"

Duration="0:0:2.5"

▶ 3분간 지속하기 (XAML)


Duration="0:3"

Duration="0:3"

▶ 7시간 지속하기 (XAML)

[C#/WPF] BitmapImage 클래스 : 부분 비트맵 이미지 구하기

■ URI를 참조해 디스크 또는 네트워크에 저장된 이미지 파일의 특정 부분을 읽어서 비트맵 이미지를 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


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

#region 비트맵 이미지 구하기 - GetBitmapImage(uri, rectangle)

/// <summary>
/// 비트맵 이미지 구하기
/// </summary>
/// <param name="uri">URI</param>
/// <param name="rectangle">정수 사각형</param>
/// <returns>비트맵 이미지</returns>
public BitmapImage GetBitmapImage(Uri uri, Int32Rect rectangle)
{
    BitmapImage bitmapImage = new BitmapImage();

    bitmapImage.BeginInit();

    bitmapImage.UriSource = uri;

    bitmapImage.SourceRect = rectangle;

    bitmapImage.EndInit();

    return bitmapImage;
}

#endregion

using System;

using System.Windows;

using System.Windows.Media.Imaging;

#region 비트맵 이미지 구하기 - GetBitmapImage(uri, rectangle)

/// <summary>

/// 비트맵 이미지 구하기

/// </summary>

/// <param name="uri">URI</param>

/// <param name="rectangle">정수 사각형</param>

/// <returns>비트맵 이미지</returns>

public BitmapImage GetBitmapImage(Uri uri, Int32Rect rectangle)

{

BitmapImage bitmapImage = new BitmapImage();

bitmapImage.BeginInit();

bitmapImage.UriSource = uri;

bitmapImage.SourceRect = rectangle;

bitmapImage.EndInit();

return bitmapImage;

}

#endregion