IMAGE Archives - icodebroker

[C#/WPF/.NET8] Control 클래스 : 라운드 이미지 컨트롤 만들기

■ Control 클래스를 사용해 라운드 이미지 컨트롤을 만드는 방법을 보여준다. ▶ ControlDictionary.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:TestProject">
    <Style TargetType="{x:Type local:RoundImage}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:RoundImage}">
                    <Border Name="PART_RootBorder"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        CornerRadius="{TemplateBinding CornerRadius}"
                        Background="{TemplateBinding Background}">
                        <ContentPresenter />
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

<ResourceDictionary

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

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

xmlns:local="clr-namespace:TestProject">

<Setter.Value>

<Border Name="PART_RootBorder"

BorderThickness="{TemplateBinding BorderThickness}"

BorderBrush="{TemplateBinding BorderBrush}"

CornerRadius="{TemplateBinding CornerRadius}"

Background="{TemplateBinding Background}">

</Border>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</ResourceDictionary>

▶ RoundImage.cs


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

namespace TestProject;

/// <summary>
/// 라운드 이미지
/// </summary>
public class RoundImage : Control
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property
    ////////////////////////////////////////////////////////////////////////////////////////// Static
    //////////////////////////////////////////////////////////////////////////////// Public

    #region 코너 반경 속성 - CornerRadiusProperty

    /// <summary>
    /// 코너 반경 속성
    /// </summary>
    public static readonly DependencyProperty CornerRadiusProperty = DependencyProperty.Register
    (
        "CornerRadius",
        typeof(CornerRadius),
        typeof(RoundImage),
        new PropertyMetadata(new CornerRadius(10))
    );

    #endregion
    #region 스트레치 속성 - StretchProperty

    /// <summary>
    /// 스트레치 속성
    /// </summary>
    public static readonly DependencyProperty StretchProperty = DependencyProperty.Register
    (
        "Stretch",
        typeof(Stretch),
        typeof(RoundImage),
        new PropertyMetadata(Stretch.UniformToFill, StretchPropertyChangedCallback)
    );

    #endregion
    #region 이미지 소스 속성 - ImageSourceProperty

    /// <summary>
    /// 이미지 소스 속성
    /// </summary>
    public static readonly DependencyProperty ImageSourceProperty = DependencyProperty.Register
    (
        "ImageSource",
        typeof(ImageSource),
        typeof(RoundImage),
        new PropertyMetadata(null, ImageSourcePropertyChangedCallback)
    );

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 루트 테두리
    /// </summary>
    private Border rootBorder = null;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Property
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 코너 반경 - CornerRadius

    /// <summary>
    /// 코너 반경
    /// </summary>
    public CornerRadius CornerRadius
    {
        get => (CornerRadius)GetValue(CornerRadiusProperty);
        set => SetValue(CornerRadiusProperty, value);
    }

    #endregion
    #region 스트레치 - Stretch

    /// <summary>
    /// 스트레치
    /// </summary>
    public Stretch Stretch
    {
        get => (Stretch)GetValue(StretchProperty);
        set => SetValue(StretchProperty, value);
    }

    #endregion
    #region 이미지 소스 - ImageSource

    /// <summary>
    /// 이미지 소스
    /// </summary>
    public ImageSource ImageSource
    {
        get => (ImageSource)GetValue(ImageSourceProperty);
        set => SetValue(ImageSourceProperty, value);
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Static

    #region 생성자 - RoundImage()

    /// <summary>
    /// 생성자
    /// </summary>
    static RoundImage()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(RoundImage), new FrameworkPropertyMetadata(typeof(RoundImage)));
    }

    #endregion

    ////////////////////////////////////////////////////////////////////////////////////////// Instance
    //////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - RoundImage()

    /// <summary>
    /// 생성자
    /// </summary>
    public RoundImage()
    {
        Loaded += Control_Loaded;
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Static

    #region 스트레치 속성 변경시 콜백 처리하기 - StretchPropertyChangedCallback(d, e)

    /// <summary>
    /// 스트레치 속성 변경시 콜백 처리하기
    /// </summary>
    /// <param name="d">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private static void StretchPropertyChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if(d is RoundImage roundImage)
        {
            roundImage.UpdateBackground();
        }
    }

    #endregion
    #region 이미지 소스 속성 변경시 콜백 처리하기 - ImageSourcePropertyChangedCallback(d, e)

    /// <summary>
    /// 이미지 소스 속성 변경시 콜백 처리하기
    /// </summary>
    /// <param name="d">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private static void ImageSourcePropertyChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if(d is RoundImage roundImage)
        {
            roundImage.UpdateBackground();
        }
    }

    #endregion

    ////////////////////////////////////////////////////////////////////////////////////////// Instance
    //////////////////////////////////////////////////////////////////////////////// Public
    ////////////////////////////////////////////////////////////////////// Function

    #region 템플리트 적용시 처리하기 - OnApplyTemplate()

    /// <summary>
    /// 템플리트 적용시 처리하기
    /// </summary>
    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();

        this.rootBorder = GetTemplateChild("PART_RootBorder") as Border;
    }

    #endregion

    ////////////////////////////////////////////////////////////////////////////////////////// Private
    //////////////////////////////////////////////////////////////////////////////// Event

    #region 컨트롤 로드시 처리하기 - Control_Loaded(sender, e)

    /// <summary>
    /// 컨트롤 로드시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void Control_Loaded(object sender, RoutedEventArgs e)
    {
        UpdateBackground();
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////// Function

    #region 배경 업데이트하기 - UpdateBackground()

    /// <summary>
    /// 배경 업데이트하기
    /// </summary>
    private void UpdateBackground()
    {
        if(this.rootBorder == null)
        {
            return;
        }

        if(ImageSource != null)
        {
            this.rootBorder.Background = new ImageBrush
            {
                ImageSource = this.ImageSource,
                Stretch = this.Stretch
            };
        }
        else
        {
            this.rootBorder.Background = null;
        }
    }

    #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

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media;

namespace TestProject;

/// <summary>

/// 라운드 이미지

/// </summary>

public class RoundImage : Control

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property

////////////////////////////////////////////////////////////////////////////////////////// Static

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

#region 코너 반경 속성 - CornerRadiusProperty

/// <summary>

/// 코너 반경 속성

/// </summary>

public static readonly DependencyProperty CornerRadiusProperty = DependencyProperty.Register

(

"CornerRadius",

typeof(CornerRadius),

typeof(RoundImage),

new PropertyMetadata(new CornerRadius(10))

);

#endregion

#region 스트레치 속성 - StretchProperty

/// <summary>

/// 스트레치 속성

/// </summary>

public static readonly DependencyProperty StretchProperty = DependencyProperty.Register

(

"Stretch",

typeof(Stretch),

typeof(RoundImage),

new PropertyMetadata(Stretch.UniformToFill, StretchPropertyChangedCallback)

);

#endregion

#region 이미지 소스 속성 - ImageSourceProperty

/// <summary>

/// 이미지 소스 속성

/// </summary>

public static readonly DependencyProperty ImageSourceProperty = DependencyProperty.Register

(

"ImageSource",

typeof(ImageSource),

typeof(RoundImage),

new PropertyMetadata(null, ImageSourcePropertyChangedCallback)

);

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 루트 테두리

/// </summary>

private Border rootBorder = null;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

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

#region 코너 반경 - CornerRadius

/// <summary>

/// 코너 반경

/// </summary>

public CornerRadius CornerRadius

{

get => (CornerRadius)GetValue(CornerRadiusProperty);

set => SetValue(CornerRadiusProperty, value);

}

#endregion

#region 스트레치 - Stretch

/// <summary>

/// 스트레치

/// </summary>

public Stretch Stretch

{

get => (Stretch)GetValue(StretchProperty);

set => SetValue(StretchProperty, value);

}

#endregion

#region 이미지 소스 - ImageSource

/// <summary>

/// 이미지 소스

/// </summary>

public ImageSource ImageSource

{

get => (ImageSource)GetValue(ImageSourceProperty);

set => SetValue(ImageSourceProperty, value);

}

#endregion

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

////////////////////////////////////////////////////////////////////////////////////////// Static

#region 생성자 - RoundImage()

/// <summary>

/// 생성자

/// </summary>

static RoundImage()

{

DefaultStyleKeyProperty.OverrideMetadata(typeof(RoundImage), new FrameworkPropertyMetadata(typeof(RoundImage)));

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Instance

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

#region 생성자 - RoundImage()

/// <summary>

/// 생성자

/// </summary>

public RoundImage()

{

Loaded += Control_Loaded;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Static

#region 스트레치 속성 변경시 콜백 처리하기 - StretchPropertyChangedCallback(d, e)

/// <summary>

/// 스트레치 속성 변경시 콜백 처리하기

/// </summary>

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

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

private static void StretchPropertyChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)

{

if(d is RoundImage roundImage)

{

roundImage.UpdateBackground();

}

#endregion

#region 이미지 소스 속성 변경시 콜백 처리하기 - ImageSourcePropertyChangedCallback(d, e)

/// <summary>

/// 이미지 소스 속성 변경시 콜백 처리하기

/// </summary>

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

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

private static void ImageSourcePropertyChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)

{

if(d is RoundImage roundImage)

{

roundImage.UpdateBackground();

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Instance

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

////////////////////////////////////////////////////////////////////// Function

#region 템플리트 적용시 처리하기 - OnApplyTemplate()

/// <summary>

/// 템플리트 적용시 처리하기

/// </summary>

public override void OnApplyTemplate()

{

base.OnApplyTemplate();

this.rootBorder = GetTemplateChild("PART_RootBorder") as Border;

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 컨트롤 로드시 처리하기 - Control_Loaded(sender, e)

/// <summary>

/// 컨트롤 로드시 처리하기

/// </summary>

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

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

private void Control_Loaded(object sender, RoutedEventArgs e)

{

UpdateBackground();

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 배경 업데이트하기 - UpdateBackground()

/// <summary>

/// 배경 업데이트하기

/// </summary>

private void UpdateBackground()

{

if(this.rootBorder == null)

{

return;

}

if(ImageSource != null)

{

this.rootBorder.Background = new ImageBrush

{

ImageSource = this.ImageSource,

Stretch = this.Stretch

};

}

else

{

this.rootBorder.Background = null;

}

#endregion

}

▶ MainApplication.xaml


<Application x:Class="TestProject.MainApplication"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:TestProject"
    StartupUri="MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="CONTROL/ControlDictionary.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

<Application x:Class="TestProject.MainApplication"

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

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

xmlns:local="clr-namespace:TestProject"

StartupUri="MainWindow.xaml">

<Application.Resources>

<ResourceDictionary.MergedDictionaries>

</ResourceDictionary.MergedDictionaries>

</ResourceDictionary>

</Application.Resources>

</Application>

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <local:RoundImage x:Name="roundImage1"
            BorderThickness="3"
            BorderBrush="DarkGray"
            Width="300"
            Height="200"
            CornerRadius="20"
            ImageSource="IMAGE/image1.jpg">
        </local:RoundImage>
        <local:RoundImage x:Name="roundImage2"
            Margin="0 10 0 0"
            BorderThickness="3"
            BorderBrush="DarkGray"
            Width="300"
            Height="200"
            CornerRadius="20">
        </local:RoundImage>
    </StackPanel>
</Window>

<Window x:Class="TestProject.MainWindow"

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

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

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<local:RoundImage x:Name="roundImage1"

BorderThickness="3"

BorderBrush="DarkGray"

Width="300"

Height="200"

CornerRadius="20"

ImageSource="IMAGE/image1.jpg">

</local:RoundImage>

<local:RoundImage x:Name="roundImage2"

Margin="0 10 0 0"

BorderThickness="3"

BorderBrush="DarkGray"

Width="300"

Height="200"

CornerRadius="20">

</local:RoundImage>

</StackPanel>

</Window>

[C#/WPF/.NET8] Image 클래스 : BitmapSource 객체 구하기

■ Image 클래스에서 BitmapSource 객체를 구하는 방법을 보여준다. ▶ Image 클래스 : BitmapSource 객체 구하기 예제 (C#)


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

// ...

Image image;

// ...

BitmapSource bitmapSource = GetBitmapSource(image);

using System.Windows.Controls;

using System.Windows.Media.Imaging;

// ...

Image image;

// ...

BitmapSource bitmapSource = GetBitmapSource(image);

▶ Image 클래스 :

[C#/WINUI3/.NET8] BitmapImage 클래스 : DecodePixelWidth/DecodePixelHeight 속성을 사용해 비트맵 이미지 객체 만들기

■ BitmapImage 클래스의 DecodePixelWidth/DecodePixelHeight 속성을 사용해 비트맵 이미지 객체를 만드는 방법을 보여준다. ▶ 예제 코드 (C#)


using System;

using Microsoft.UI.Xaml.Media.Imaging;

BitmapImage bitmapImage = new BitmapImage(new Uri("ms-appx:///Assets/landscape.png"));

bitmapImage.DecodePixelWidth  = 800;
bitmapImage.DecodePixelHeight = 600;

using System;

using Microsoft.UI.Xaml.Media.Imaging;

BitmapImage bitmapImage = new BitmapImage(new Uri("ms-appx:///Assets/landscape.png"));

bitmapImage.DecodePixelWidth = 800;

bitmapImage.DecodePixelHeight = 600;

[PYTHON/PILLOW] WebPImageFile 클래스 : save 메소드를 사용해 .WEBP 파일을 .GIF 파일로 저장하기

■ WebPImageFile 클래스의 save 메소드를 사용해 .WEBP 파일을 .GIF 파일로 저장하는 방법을 보여준다. ▶ main.py


from PIL import Image

webPImageFile = Image.open("./sample.webp")

webPImageFile.save("./sample.gif", "gif", save_all = True)

from PIL import Image

webPImageFile = Image.open("./sample.webp")

webPImageFile.save("./sample.gif", "gif", save_all = True)

▶ requirements.txt


pillow==10.4.0

pillow==10.4.0

※ pip install

[PYTHON/STREAMLIT] image 함수 : 이미지 표시하기

■ image 함수를 사용해 이미지를 표시하는 방법을 보여준다. ▶ main.py


import streamlit as st

st.image("./blueberries.jpg")

import streamlit as st

st.image("./blueberries.jpg")

▶ requirements.txt


altair==5.3.0
attrs==23.2.0
blinker==1.8.2
cachetools==5.3.3
certifi==2024.6.2
charset-normalizer==3.3.2
click==8.1.7
gitdb==4.0.11
GitPython==3.1.43
idna==3.7
Jinja2==3.1.4
jsonschema==4.22.0
jsonschema-specifications==2023.12.1
markdown-it-py==3.0.0
MarkupSafe==2.1.5
mdurl==0.1.2
numpy==2.0.0
packaging==24.1
pandas==2.2.2
pillow==10.3.0
protobuf==5.27.2
pyarrow==16.1.0
pydeck==0.9.1
Pygments==2.18.0
python-dateutil==2.9.0.post0
pytz==2024.1
referencing==0.35.1
requests==2.32.3
rich==13.7.1
rpds-py==0.18.1
six==1.16.0
smmap==5.0.1
streamlit==1.36.0
tenacity==8.4.2
toml==0.10.2
toolz==0.12.1
tornado==6.4.1
typing_extensions==4.12.2
tzdata==2024.1
urllib3==2.2.2
watchdog==4.0.1

altair==5.3.0

attrs==23.2.0

blinker==1.8.2

cachetools==5.3.3

certifi==2024.6.2

charset-normalizer==3.3.2

click==8.1.7

gitdb==4.0.11

GitPython==3.1.43

idna==3.7

Jinja2==3.1.4

jsonschema==4.22.0

jsonschema-specifications==2023.12.1

markdown-it-py==3.0.0

MarkupSafe==2.1.5

mdurl==0.1.2

numpy==2.0.0

packaging==24.1

pandas==2.2.2

pillow==10.3.0

protobuf==5.27.2

pyarrow==16.1.0

pydeck==0.9.1

Pygments==2.18.0

python-dateutil==2.9.0.post0

pytz==2024.1

referencing==0.35.1

requests==2.32.3

rich==13.7.1

rpds-py==0.18.1

six==1.16.0

smmap==5.0.1

streamlit==1.36.0

tenacity==8.4.2

toml==0.10.2

toolz==0.12.1

tornado==6.4.1

typing_extensions==4.12.2

tzdata==2024.1

urllib3==2.2.2

watchdog==4.0.1

※ pip install streamlit 명령을 실행했다. blueberries.jpg

[PYTHON/OPENAI] OpenAI 클래스 : images 변수를 사용해 이미지에 대해 이미지 변형 만들기

■ OpenAI 클래스의 images 변수를 사용해 이미지에 대해 이미지 변형을 만드는 방법을 보여준다. [원본 이미지] [결과 이미지] ▶ 예제 코드 (PY)


import os

from openai import OpenAI

os.environ["OPENAI_API_KEY"] = "<OPENAI_API_KEY>"

openAI = OpenAI()

image = open("image.png", "rb")

imageResponse = openAI.images.create_variation(
    image   = image,
    size    = "512x512",
    n       = 1
)

print(imageResponse)

"""
ImagesResponse(
    created = 1717575422,
    data    = [
        Image(
            b64_json       = None,
            revised_prompt = None,
            url            = 'https://oaidalleapiprodscus.blob.core.windows.net/private/org-EkYGQNtJSwLObhqCI65I747J/user-89spyW5FYIOQ1WqSb6pwacpU/img-CiaFlRejfDdU3kmYPoTav8m0.png?st=2024-06-05T07%3A17%3A02Z&se=2024-06-05T09%3A17%3A02Z&sp=r&sv=2023-11-03&sr=b&rscd=inline&rsct=image/png&skoid=6aaadede-4fb3-4698-a8f6-684d7786b067&sktid=a48cca56-e6da-484e-a814-9c849652bcb3&skt=2024-06-05T05%3A36%3A52Z&ske=2024-06-06T05%3A36%3A52Z&sks=b&skv=2023-11-03&sig=y6NnVvRqnUBVnA44OhDnH9hLTuX%2Bplme/iTEqccK6V0%3D'
        )
    ]
)
"""

import os

from openai import OpenAI

os.environ["OPENAI_API_KEY"] = "<OPENAI_API_KEY>"

openAI = OpenAI()

image = open("image.png", "rb")

imageResponse = openAI.images.create_variation(

image = image,

size = "512x512",

n = 1

)

print(imageResponse)

"""

ImagesResponse(

created = 1717575422,

data = [

Image(

b64_json = None,

revised_prompt = None,

url = 'https://oaidalleapiprodscus.blob.core.windows.net/private/org-EkYGQNtJSwLObhqCI65I747J/user-89spyW5FYIOQ1WqSb6pwacpU/img-CiaFlRejfDdU3kmYPoTav8m0.png?st=2024-06-05T07%3A17%3A02Z&se=2024-06-05T09%3A17%3A02Z&sp=r&sv=2023-11-03&sr=b&rscd=inline&rsct=image/png&skoid=6aaadede-4fb3-4698-a8f6-684d7786b067&sktid=a48cca56-e6da-484e-a814-9c849652bcb3&skt=2024-06-05T05%3A36%3A52Z&ske=2024-06-06T05%3A36%3A52Z&sks=b&skv=2023-11-03&sig=y6NnVvRqnUBVnA44OhDnH9hLTuX%2Bplme/iTEqccK6V0%3D'

)

]

)

"""

[PYTHON/OPENAI] OpenAI 클래스 : images 변수를 사용해 이미지/텍스트를 갖고 이미지 편집하기

■ OpenAI 클래스의 images 변수를 사용해 이미지/텍스트를 갖고 이미지를 편집하는 방법을 보여준다. [원본 및 마스크 이미지] [결과 이미지] ▶ 예제 코드 (PY)

[PYTHON/OPENAI] OpenAI 클래스 : images 변수를 사용해 텍스트를 갖고 이미지 만들기

■ OpenAI 클래스의 images 변수를 사용해 텍스트를 갖고 이미지를 만드는 방법을 보여준다. • 한국어보다 영어가 더 정확하기 때문에 영어로 prompt 인자를 설정했다.

[C#/WPF] UIElement 엘리먼트 : Effect 속성을 사용해 히트맵 그리기

■ UIElement 엘리먼트의 Effect 속성을 사용해 히트맵을 그리는 방법을 보여준다. ▶ AttachedTitle.cs


using System.Windows;

namespace TestProject
{
    /// <summary>
    /// 첨부 제목
    /// </summary>
    public static class AttachedTitle
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 제목 첨부 속성 - TitleProperty

        /// <summary>
        /// 제목 첨부 속성
        /// </summary>
        public static readonly DependencyProperty TitleProperty = DependencyProperty.RegisterAttached
        (
            "Title",
            typeof(string),
            typeof(AttachedTitle),
            new PropertyMetadata(string.Empty)
        );

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 제목 설정하기 - SetTitle(d, value)

        /// <summary>
        /// 제목 설정하기
        /// </summary>
        /// <param name="d">의존 객체</param>
        /// <param name="value">값</param>
        public static void SetTitle(DependencyObject d, string value)
        {
            d.SetValue(TitleProperty, value);
        }

        #endregion
        #region 제목 구하기 - GetTitle(d)

        /// <summary>
        /// 제목 구하기
        /// </summary>
        /// <param name="d">의존 객체</param>
        /// <returns>제목</returns>
        public static string GetTitle(DependencyObject d)
        {
            return (string)d.GetValue(TitleProperty);
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 첨부 제목

/// </summary>

public static class AttachedTitle

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property

////////////////////////////////////////////////////////////////////////////////////////// Static

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

#region 제목 첨부 속성 - TitleProperty

/// <summary>

/// 제목 첨부 속성

/// </summary>

public static readonly DependencyProperty TitleProperty = DependencyProperty.RegisterAttached

(

"Title",

typeof(string),

typeof(AttachedTitle),

new PropertyMetadata(string.Empty)

);

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Static

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

#region 제목 설정하기 - SetTitle(d, value)

/// <summary>

/// 제목 설정하기

/// </summary>

/// <param name="d">의존 객체</param>

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

public static void SetTitle(DependencyObject d, string value)

{

d.SetValue(TitleProperty, value);

}

#endregion

#region 제목 구하기 - GetTitle(d)

/// <summary>

/// 제목 구하기

/// </summary>

/// <param name="d">의존 객체</param>

/// <returns>제목</returns>

public static string GetTitle(DependencyObject d)

{

return (string)d.GetValue(TitleProperty);

}

#endregion

}

▶ HeatPoint.cs


namespace TestProject
{
    /// <summary>
    /// 히트 포인트
    /// </summary>
    public struct HeatPoint
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region Field

        /// <summary>
        /// X
        /// </summary>
        public int X;

        /// <summary>
        /// Y
        /// </summary>
        public int Y;

        /// <summary>
        /// 강도
        /// </summary>
        public byte Intensity;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - HeatPoint(x, y, intensity)

        /// <summary>
        /// 생성자
        /// </summary>
        /// <param name="x">X</param>
        /// <param name="y">Y</param>
        /// <param name="intensity">강도</param>
        public HeatPoint(int x, int y, byte intensity)
        {
            X         = x;
            Y         = y;
            Intensity = intensity;
        }

        #endregion
    }
}

namespace TestProject

{

/// <summary>

/// 히트 포인트

/// </summary>

public struct HeatPoint

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

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

#region Field

/// <summary>

/// X

/// </summary>

public int X;

/// <summary>

/// Y

/// </summary>

public int Y;

/// <summary>

/// 강도

/// </summary>

public byte Intensity;

#endregion

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

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

#region 생성자 - HeatPoint(x, y, intensity)

/// <summary>

/// 생성자

/// </summary>

/// <param name="x">X</param>

/// <param name="y">Y</param>

/// <param name="intensity">강도</param>

public HeatPoint(int x, int y, byte intensity)

{

X = x;

Y = y;

Intensity = intensity;

}

#endregion

}

▶ HeatMap.cs


using System;
using System.Collections.Generic;
using System.Windows;
using System.Windows.Media;

namespace TestProject
{
    /// <summary>
    /// 히트맵
    /// </summary>
    public class HeatMap : FrameworkElement
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 색상 그라디언트 수
        /// </summary>
        private const int ColorGradientNumber = 256;

        /// <summary>
        /// 히트맵 비주얼 컬렉션
        /// </summary>
        private VisualCollection heatMapVisualCollection;

        /// <summary>
        /// 히트 포인트 리스트
        /// </summary>
        private List<HeatPoint> heatPointList = new List<HeatPoint>();

        /// <summary>
        /// 라디얼 그라디언트 브러시 배열
        /// </summary>
        private readonly RadialGradientBrush[] radialGradientBrushArray;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 비주얼 자식 수 - VisualChildrenCount

        /// <summary>
        /// 비주얼 자식 수
        /// </summary>
        protected override int VisualChildrenCount
        {
            get
            {
                return this.heatMapVisualCollection.Count;
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - HeatMap()

        /// <summary>
        /// 생성자
        /// </summary>
        public HeatMap()
        {
            this.heatMapVisualCollection = new VisualCollection(this);

            this.radialGradientBrushArray = new RadialGradientBrush[ColorGradientNumber];

            for(int i = 0; i < this.radialGradientBrushArray.Length; i++)
            {
                this.radialGradientBrushArray[i] = new RadialGradientBrush
                (
                    Color.FromArgb((byte)i, 255, 255, 255),
                    Color.FromArgb(0, 255, 255, 255)
                );
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 히트 포인트 추가하기 - AddHeatPoint(heatPoint)

        /// <summary>
        /// 히트 포인트 추가하기
        /// </summary>
        /// <param name="heatPoint">히트 포인트</param>
        public void AddHeatPoint(HeatPoint heatPoint)
        {
            this.heatPointList.Add(heatPoint);
        }

        #endregion
        #region 지우기 - Clear()

        /// <summary>
        /// 지우기
        /// </summary>
        public void Clear()
        {
            this.heatPointList.Clear();
        }

        #endregion
        #region 렌더링하기 - Render()

        /// <summary>
        /// 렌더링하기
        /// </summary>
        public void Render()
        {
            double size;

            this.heatMapVisualCollection.Clear();

            DrawingVisual drawingVisual = new DrawingVisual();

            using(DrawingContext drawingContext = drawingVisual.RenderOpen())
            {
                foreach(HeatPoint point in this.heatPointList)
                {
                    size = point.Intensity / 5;

                    drawingContext.DrawRectangle
                    (
                        this.radialGradientBrushArray[point.Intensity],
                        null,
                        new Rect(point.X - size / 2, point.Y - size / 2, size, size)
                    );
                }

                this.heatMapVisualCollection.Add(drawingVisual);
            }
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 비주얼 자식 구하기 - GetVisualChild(index)

        /// <summary>
        /// 비주얼 자식 구하기
        /// </summary>
        /// <param name="index">인덱스</param>
        /// <returns>비주얼 자식</returns>
        protected override Visual GetVisualChild(int index)
        {
            if(index < 0 || index >= this.heatMapVisualCollection.Count)
            {
                throw new ArgumentOutOfRangeException("index");
            }

            return this.heatMapVisualCollection[index];
        }

        #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

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

using System;

using System.Collections.Generic;

using System.Windows;

using System.Windows.Media;

namespace TestProject

{

/// <summary>

/// 히트맵

/// </summary>

public class HeatMap : FrameworkElement

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 색상 그라디언트 수

/// </summary>

private const int ColorGradientNumber = 256;

/// <summary>

/// 히트맵 비주얼 컬렉션

/// </summary>

private VisualCollection heatMapVisualCollection;

/// <summary>

/// 히트 포인트 리스트

/// </summary>

private List<HeatPoint> heatPointList = new List<HeatPoint>();

/// <summary>

/// 라디얼 그라디언트 브러시 배열

/// </summary>

private readonly RadialGradientBrush[] radialGradientBrushArray;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 비주얼 자식 수 - VisualChildrenCount

/// <summary>

/// 비주얼 자식 수

/// </summary>

protected override int VisualChildrenCount

{

get

{

return this.heatMapVisualCollection.Count;

}

#endregion

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

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

#region 생성자 - HeatMap()

/// <summary>

/// 생성자

/// </summary>

public HeatMap()

{

this.heatMapVisualCollection = new VisualCollection(this);

this.radialGradientBrushArray = new RadialGradientBrush[ColorGradientNumber];

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

{

this.radialGradientBrushArray[i] = new RadialGradientBrush

(

Color.FromArgb((byte)i, 255, 255, 255),

Color.FromArgb(0, 255, 255, 255)

);

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

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

#region 히트 포인트 추가하기 - AddHeatPoint(heatPoint)

/// <summary>

/// 히트 포인트 추가하기

/// </summary>

/// <param name="heatPoint">히트 포인트</param>

public void AddHeatPoint(HeatPoint heatPoint)

{

this.heatPointList.Add(heatPoint);

}

#endregion

#region 지우기 - Clear()

/// <summary>

/// 지우기

/// </summary>

public void Clear()

{

this.heatPointList.Clear();

}

#endregion

#region 렌더링하기 - Render()

/// <summary>

/// 렌더링하기

/// </summary>

public void Render()

{

double size;

this.heatMapVisualCollection.Clear();

DrawingVisual drawingVisual = new DrawingVisual();

using(DrawingContext drawingContext = drawingVisual.RenderOpen())

{

foreach(HeatPoint point in this.heatPointList)

{

size = point.Intensity / 5;

drawingContext.DrawRectangle

(

this.radialGradientBrushArray[point.Intensity],

null,

new Rect(point.X - size / 2, point.Y - size / 2, size, size)

);

}

this.heatMapVisualCollection.Add(drawingVisual);

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 비주얼 자식 구하기 - GetVisualChild(index)

/// <summary>

/// 비주얼 자식 구하기

/// </summary>

/// <param name="index">인덱스</param>

/// <returns>비주얼 자식</returns>

protected override Visual GetVisualChild(int index)

{

if(index < 0 || index >= this.heatMapVisualCollection.Count)

{

throw new ArgumentOutOfRangeException("index");

}

return this.heatMapVisualCollection[index];

}

#endregion

}

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:PresentationOptions="http://schemas.microsoft.com/winfx/2006/xaml/presentation/options"
    xmlns:local="clr-namespace:TestProject"
    xmlns:effects="clr-namespace:TestProject.Effects"
    Title="TestProject"
    Width="800"
    Height="600"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <x:Array x:Key="LinearGradientBrushArrayKey" Type="LinearGradientBrush">
            <!-- Black Body Radiation -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Black Body Radiation">
                <GradientStop Offset="0.00000" Color="#000000" />
                <GradientStop Offset="0.11111" Color="#f82600" />
                <GradientStop Offset="0.22222" Color="#fc7700" />
                <GradientStop Offset="0.33333" Color="#ffab1f" />
                <GradientStop Offset="0.44444" Color="#ffc360" />
                <GradientStop Offset="0.55555" Color="#ffdda4" />
                <GradientStop Offset="0.66666" Color="#fff4e4" />
                <GradientStop Offset="0.77777" Color="#e8edff" />
                <GradientStop Offset="0.88888" Color="#dbe3ff" />
                <GradientStop Offset="0.99999" Color="#cbd7ff" />
            </LinearGradientBrush>
            <!-- Aqua -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Aqua">
                <GradientStop Offset="0"   Color="Black" />
                <GradientStop Offset="0.5" Color="Aqua"  />
                <GradientStop Offset="1"   Color="White" />
            </LinearGradientBrush>
            <!-- Blue & Red -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Blue and Red">
                <GradientStop Offset="0" Color="Blue" />
                <GradientStop Offset="1" Color="Red"  />
            </LinearGradientBrush>
            <!-- Deep sea -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Deep sea">
                <GradientStop Offset="0"    Color="#000000" />
                <GradientStop Offset="0.6"  Color="#183567" />
                <GradientStop Offset="0.75" Color="#2e649e" />
                <GradientStop Offset="0.9"  Color="#17adcb" />
                <GradientStop Offset="1.0"  Color="#00fafa" />
            </LinearGradientBrush>
            <!-- Color Spectrum -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Color Spectrum">
                <GradientStop Offset="0"    Color="Navy"   />
                <GradientStop Offset="0.25" Color="Blue"   />
                <GradientStop Offset="0.5"  Color="Green"  />
                <GradientStop Offset="0.75" Color="Yellow" />
                <GradientStop Offset="1.0"  Color="Red"    />
            </LinearGradientBrush>
            <!-- Incadescent -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Incadescent">
                <GradientStop Offset="0"    Color="Black"   />
                <GradientStop Offset="0.33" Color="DarkRed" />
                <GradientStop Offset="0.66" Color="Yellow"  />
                <GradientStop Offset="1.0"  Color="White"   />
            </LinearGradientBrush>
            <!-- Heated Metal -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Heated Metal">
                <GradientStop Offset="0"   Color="Black"  />
                <GradientStop Offset="0.4" Color="Purple" />
                <GradientStop Offset="0.6" Color="Red"    />
                <GradientStop Offset="0.8" Color="Yellow" />
                <GradientStop Offset="1.0" Color="White"  />
            </LinearGradientBrush>
            <!-- Sunrise -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Sunrise">
                <GradientStop Offset="0"    Color="Red"    />
                <GradientStop Offset="0.66" Color="Yellow" />
                <GradientStop Offset="1.0"  Color="White"  />
            </LinearGradientBrush>
            <!-- Stepped Colors -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Stepped Colors">
                <GradientStop Color="Navy"   Offset="0"    />
                <GradientStop Color="Navy"   Offset="0.25" />
                <GradientStop Color="Green"  Offset="0.26" />
                <GradientStop Color="Green"  Offset="0.5"  />
                <GradientStop Color="Yellow" Offset="0.51" />
                <GradientStop Color="Yellow" Offset="0.75" />
                <GradientStop Color="Red"    Offset="0.76" />
                <GradientStop Color="Red"    Offset="1.0"  />
            </LinearGradientBrush>
            <!-- Visible Spectrum -->
            <LinearGradientBrush
                PresentationOptions:Freeze="True"
                StartPoint="0 0"
                EndPoint="1 0"
                local:AttachedTitle.Title="Visible Spectrum">
                <GradientStop Color="#ff00ff" Offset="0"    />
                <GradientStop Color="#0000ff" Offset="0.25" />
                <GradientStop Color="#00ff00" Offset="0.5"  />
                <GradientStop Color="#ffff00" Offset="0.75" />
                <GradientStop Color="#ff0000" Offset="1.0"  />
            </LinearGradientBrush>
        </x:Array>
        <VisualBrush x:Key="PaletteVisualBrushKey">
            <VisualBrush.Visual>
                <Rectangle
                    Width="256"
                    Height="1"
                    Fill="{Binding SelectedItem, ElementName=colorComboBox}" />
            </VisualBrush.Visual>
        </VisualBrush>
    </Window.Resources>
    <Grid Name="rootGrid"
        Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition Height="*"    />
        </Grid.RowDefinitions>
        <StackPanel Grid.Row="0"
            Orientation="Horizontal">
            <TextBlock
                VerticalAlignment="Center"
                Text="Color schema" />
            <ComboBox Name="colorComboBox"
                Margin="10 0 0 0"
                Width="320"
                Height="25"
                ItemsSource="{StaticResource LinearGradientBrushArrayKey}">
                <ComboBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <Rectangle
                                Width="120"
                                Height="10"
                                Fill="{Binding}" />
                            <TextBlock
                                Margin="10 0 0 0"
                                Text="{Binding (local:AttachedTitle.Title)}" />
                        </StackPanel>
                    </DataTemplate>
                </ComboBox.ItemTemplate>
            </ComboBox>
        </StackPanel>
        <local:HeatMap x:Name="heatMap" Grid.Row="1"
            Margin="0 10 0 0"
            ClipToBounds="True">
            <local:HeatMap.Effect>
                <effects:HeatColorizer Palette="{StaticResource PaletteVisualBrushKey}" />
            </local:HeatMap.Effect>
        </local:HeatMap>
    </Grid>
</Window>

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

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

<Window x:Class="TestProject.MainWindow"

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

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

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

xmlns:local="clr-namespace:TestProject"

xmlns:effects="clr-namespace:TestProject.Effects"

Title="TestProject"

Width="800"

Height="600"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<x:Array x:Key="LinearGradientBrushArrayKey" Type="LinearGradientBrush">

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Black Body Radiation">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Aqua">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Blue and Red">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Deep sea">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Color Spectrum">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Incadescent">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Heated Metal">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Sunrise">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Stepped Colors">

</LinearGradientBrush>

<LinearGradientBrush

PresentationOptions:Freeze="True"

StartPoint="0 0"

EndPoint="1 0"

local:AttachedTitle.Title="Visible Spectrum">

</LinearGradientBrush>

</x:Array>

<VisualBrush.Visual>

<Rectangle

Width="256"

Height="1"

Fill="{Binding SelectedItem, ElementName=colorComboBox}" />

</VisualBrush.Visual>

</VisualBrush>

</Window.Resources>

<Grid Name="rootGrid"

Margin="10">

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<StackPanel Grid.Row="0"

Orientation="Horizontal">

<TextBlock

VerticalAlignment="Center"

Text="Color schema" />

<ComboBox Name="colorComboBox"

Margin="10 0 0 0"

Width="320"

Height="25"

ItemsSource="{StaticResource LinearGradientBrushArrayKey}">

<ComboBox.ItemTemplate>

<Rectangle

Width="120"

Height="10"

Fill="{Binding}" />

<TextBlock

Margin="10 0 0 0"

Text="{Binding (local:AttachedTitle.Title)}" />

</StackPanel>

</DataTemplate>

</ComboBox.ItemTemplate>

</ComboBox>

</StackPanel>

<local:HeatMap x:Name="heatMap" Grid.Row="1"

Margin="0 10 0 0"

ClipToBounds="True">

<local:HeatMap.Effect>

<effects:HeatColorizer Palette="{StaticResource PaletteVisualBrushKey}" />

</local:HeatMap.Effect>

</local:HeatMap>

</Grid>

</Window>

[C#/WINUI3/.NET6] ImageIcon 엘리먼트 : SVG 이미지 사용하기

■ ImageIcon 엘리먼트에서 SVG 이미지를 사용하는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Button
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <ImageIcon
            Width="50"
            Source="https://raw.githubusercontent.com/DiemenDesign/LibreICONS/master/svg-color/libre-camera-panorama.svg" />
    </Button>
</Page>

<?xml version="1.0" encoding="utf-8"?>

<Page x:Class="TestProject.MainPage"

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

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

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Button

HorizontalAlignment="Center"

VerticalAlignment="Center">

<ImageIcon

Width="50"

Source="https://raw.githubusercontent.com/DiemenDesign/LibreICONS/master/svg-color/libre-camera-panorama.svg" />

</Button>

</Page>

TestProject.zip

[C#/WINUI3/.NET6] ImageIcon 엘리먼트 : Source 속성 사용하기

■ ImageIcon 엘리먼트의 Source 속성을 사용하는 방법을 보여준다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Button
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Width="100">
        <ImageIcon Source="/IMAGE/slices.png" />
    </Button>
</Page>

<?xml version="1.0" encoding="utf-8"?>

<Page x:Class="TestProject.MainPage"

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

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

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Button

HorizontalAlignment="Center"

VerticalAlignment="Center"

Width="100">

</Button>

</Page>

TestProject.zip

[C#/WINUI3/.NET6] BitmapIcon 엘리먼트 : ShowAsMonochrome 속성 사용하기

■ BitmapIcon 엘리먼트의 ShowAsMonochrome 속성을 사용하는 방법을 보여준다. ※ 모노크롬 효과가 정상적으로 처리되지 않고 버그가 발생한 것 같다. ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <BitmapIcon
            HorizontalAlignment="Center"
            Width="50"
            ShowAsMonochrome="False"
            UriSource="ms-appx:///IMAGE/slices.png" />
        <BitmapIcon
            Margin="0 10 0 0"
            HorizontalAlignment="Center"
            Width="50"
            ShowAsMonochrome="True"
            UriSource="ms-appx:///IMAGE/slices.png" />
    </StackPanel>
</Page>

<?xml version="1.0" encoding="utf-8"?>

<Page x:Class="TestProject.MainPage"

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

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

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<BitmapIcon

HorizontalAlignment="Center"

Width="50"

ShowAsMonochrome="False"

UriSource="ms-appx:///IMAGE/slices.png" />

<BitmapIcon

Margin="0 10 0 0"

HorizontalAlignment="Center"

Width="50"

ShowAsMonochrome="True"

UriSource="ms-appx:///IMAGE/slices.png" />

</StackPanel>

</Page>

TestProject.zip

[C#/WINFORM] 데스크톱에서 눈송이(snowflake) 내리기

■ 데스크톱에서 눈송이(snowflake)를 내리는 방법을 보여준다. ▶ Snowflake.cs


using System;
using System.Drawing;
using System.Windows.Forms;

namespace TestProject
{
    /// <summary>
    /// 눈송이
    /// </summary>
    public class Snowflake : PictureBox
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 난수기
        /// </summary>
        private Random random = new Random();

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - Snowflake()

        /// <summary>
        /// 생성자
        /// </summary>
        public Snowflake()
        {
            Create();

            Move();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 타이머 틱 처리하기 - timer_Tick(sender, e)

        /// <summary>
        /// 타이머 틱 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void timer_Tick(object sender, EventArgs e)
        {
            Location += new Size(1, 3);

            if(Location.X > Screen.PrimaryScreen.Bounds.Width || Location.Y > Screen.PrimaryScreen.Bounds.Height)
            {
                Location = new Point
                (
                    this.random.Next(-Screen.PrimaryScreen.Bounds.Width , Screen.PrimaryScreen.Bounds.Width ),
                    this.random.Next(-Screen.PrimaryScreen.Bounds.Height, Screen.PrimaryScreen.Bounds.Height)
                );
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region 생성하기 - Create()

        /// <summary>
        /// 생성하기
        /// </summary>
        private void Create()
        {
            Location        = new Point
            (
                this.random.Next(-Screen.PrimaryScreen.Bounds.Width , Screen.PrimaryScreen.Bounds.Width ),
                this.random.Next(-Screen.PrimaryScreen.Bounds.Height, Screen.PrimaryScreen.Bounds.Height)
            );
            MinimumSize     = new Size(7, 7);
            Size            = new Size(10, 10);
            BackgroundImage = Image.FromFile("snowflake.jpg");
        }

        #endregion
        #region 이동하기 - Move()

        /// <summary>
        /// 이동하기
        /// </summary>
        private new void Move()
        {
            Timer timer = new Timer();

            timer.Interval = 40;

            timer.Tick += timer_Tick;

            timer.Start();
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

using System;

using System.Drawing;

using System.Windows.Forms;

namespace TestProject

{

/// <summary>

/// 눈송이

/// </summary>

public class Snowflake : PictureBox

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 난수기

/// </summary>

private Random random = new Random();

#endregion

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

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

#region 생성자 - Snowflake()

/// <summary>

/// 생성자

/// </summary>

public Snowflake()

{

Create();

Move();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 타이머 틱 처리하기 - timer_Tick(sender, e)

/// <summary>

/// 타이머 틱 처리하기

/// </summary>

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

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

private void timer_Tick(object sender, EventArgs e)

{

Location += new Size(1, 3);

if(Location.X > Screen.PrimaryScreen.Bounds.Width || Location.Y > Screen.PrimaryScreen.Bounds.Height)

{

Location = new Point

(

this.random.Next(-Screen.PrimaryScreen.Bounds.Width , Screen.PrimaryScreen.Bounds.Width ),

this.random.Next(-Screen.PrimaryScreen.Bounds.Height, Screen.PrimaryScreen.Bounds.Height)

);

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 생성하기 - Create()

/// <summary>

/// 생성하기

/// </summary>

private void Create()

{

Location = new Point

(

this.random.Next(-Screen.PrimaryScreen.Bounds.Width , Screen.PrimaryScreen.Bounds.Width ),

this.random.Next(-Screen.PrimaryScreen.Bounds.Height, Screen.PrimaryScreen.Bounds.Height)

);

MinimumSize = new Size(7, 7);

Size = new Size(10, 10);

BackgroundImage = Image.FromFile("snowflake.jpg");

}

#endregion

#region 이동하기 - Move()

/// <summary>

/// 이동하기

/// </summary>

private new void Move()

{

Timer timer = new Timer();

timer.Interval = 40;

timer.Tick += timer_Tick;

timer.Start();

}

#endregion

}

▶ MainForm.cs


using System;
using System.Drawing;
using System.Windows.Forms;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 눈송이 카운트
        /// </summary>
        private readonly int snowflakeCount = 40;

        /// <summary>
        /// 눈송이 배열
        /// </summary>
        private Snowflake[] snowflakeArray;

        /// <summary>
        /// 인덱스
        /// </summary>
        private int index = 0;

        /// <summary>
        /// 타이머
        /// </summary>
        private Timer timer;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            Load += Form_Load;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 폼 로드시 처리하기 - Form_Load(sender, e)

        /// <summary>
        /// 폼 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Form_Load(object sender, EventArgs e)
        {
            Location        = new Point(0, 0);
            Size            = Screen.PrimaryScreen.Bounds.Size + (new Size(20, 20));
            TopMost         = true;
            FormBorderStyle = FormBorderStyle.None;
            BackColor       = Color.Black;
            TransparencyKey = Color.Black;

            this.snowflakeArray = new Snowflake[this.snowflakeCount];

            this.timer = new Timer();

            this.timer.Interval = 1000;

            this.timer.Tick += timer_Tick;

            this.timer.Start();
        }

        #endregion
        #region 타이머 틱 처리하기 - timer_Tick(sender, e)

        /// <summary>
        /// 타이머 틱 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void timer_Tick(object sender, EventArgs e)
        {
            if(this.index >= this.snowflakeCount)
            {
                this.timer.Stop();

                return;
            }

            this.snowflakeArray[index] = new Snowflake();

            Controls.Add(this.snowflakeArray[this.index]);

            this.index++;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

using System;

using System.Drawing;

using System.Windows.Forms;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 눈송이 카운트

/// </summary>

private readonly int snowflakeCount = 40;

/// <summary>

/// 눈송이 배열

/// </summary>

private Snowflake[] snowflakeArray;

/// <summary>

/// 인덱스

/// </summary>

private int index = 0;

/// <summary>

/// 타이머

/// </summary>

private Timer timer;

#endregion

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

Load += Form_Load;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 폼 로드시 처리하기 - Form_Load(sender, e)

/// <summary>

/// 폼 로드시 처리하기

/// </summary>

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

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

private void Form_Load(object sender, EventArgs e)

{

Location = new Point(0, 0);

Size = Screen.PrimaryScreen.Bounds.Size + (new Size(20, 20));

TopMost = true;

FormBorderStyle = FormBorderStyle.None;

BackColor = Color.Black;

TransparencyKey = Color.Black;

this.snowflakeArray = new Snowflake[this.snowflakeCount];

this.timer = new Timer();

this.timer.Interval = 1000;

this.timer.Tick += timer_Tick;

this.timer.Start();

}

#endregion

#region 타이머 틱 처리하기 - timer_Tick(sender, e)

/// <summary>

/// 타이머 틱 처리하기

/// </summary>

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

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

private void timer_Tick(object sender, EventArgs e)

{

if(this.index >= this.snowflakeCount)

{

this.timer.Stop();

return;

}

this.snowflakeArray[index] = new Snowflake();

Controls.Add(this.snowflakeArray[this.index]);

this.index++;

}

#endregion

}

TestProject.zip

[C#/WINUI3/.NET6] Image 엘리먼트 : SVG 이미지 표시하기

■ Image 엘리먼트에서 SVG 이미지를 표시하는 방법을 보여준다. ▶ MainWindow.xaml


<?xml version="1.0" encoding="utf-8"?>
<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="TestProject">
    <Image
        HorizontalAlignment="Center"
        Height="300"
        Source="/IMAGE/MirrorPCConsent.svg" />
</Window>

<?xml version="1.0" encoding="utf-8"?>

<Window x:Class="TestProject.MainWindow"

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

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

Title="TestProject">

<Image

HorizontalAlignment="Center"

Height="300"

Source="/IMAGE/MirrorPCConsent.svg" />

</Window>

TestProject.zip

[C#/WINUI3/.NET6] Image 엘리먼트 : NineGrid 속성 사용하기

■ Image 엘리먼트의 NineGrid 속성을 사용하는 방법을 보여준다. ▶ MainWindow.xaml


<?xml version="1.0" encoding="utf-8"?>
<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="TestProject">
    <StackPanel>
        <TextBlock
            HorizontalAlignment="Center"
            Text="The normal image" />
        <Image
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Height="82"
            Source="/IMAGE/ninegrid.gif" />
        <TextBlock
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Text="Image stretched evenly" />
        <Image
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Height="164"
            NineGrid="3 3 3 3"
            Source="/IMAGE/ninegrid.gif" />
        <TextBlock
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Text="Image stretched using nine grid" />
        <Image
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Height="164"
            NineGrid="30 20 30 20"
            Source="/IMAGE/ninegrid.gif" />
    </StackPanel>
</Window>

<?xml version="1.0" encoding="utf-8"?>

<Window x:Class="TestProject.MainWindow"

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

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

Title="TestProject">

<TextBlock

HorizontalAlignment="Center"

Text="The normal image" />

<Image

HorizontalAlignment="Center"

Margin="0 10 0 0"

Height="82"

Source="/IMAGE/ninegrid.gif" />

<TextBlock

HorizontalAlignment="Center"

Margin="0 10 0 0"

Text="Image stretched evenly" />

<Image

HorizontalAlignment="Center"

Margin="0 10 0 0"

Height="164"

NineGrid="3 3 3 3"

Source="/IMAGE/ninegrid.gif" />

<TextBlock

HorizontalAlignment="Center"

Margin="0 10 0 0"

Text="Image stretched using nine grid" />

<Image

HorizontalAlignment="Center"

Margin="0 10 0 0"

Height="164"

NineGrid="30 20 30 20"

Source="/IMAGE/ninegrid.gif" />

</StackPanel>

</Window>

TestProject.zip

[C#/WINUI3/.NET6] Image 엘리먼트 : Stretch 속성 사용하기

■ Image 엘리먼트의 Stretch 속성을 사용하는 방법을 보여준다. ▶ MainWindow.xaml


<?xml version="1.0" encoding="utf-8"?>
<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="TestProject">
    <Grid Margin="10">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Image Name="image" Grid.Column="0"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Width="200"
            Height="200"
            Stretch="None"
            Source="/IMAGE/valley.jpg" />
        <RadioButtons Grid.Column="1"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Header="Image stretch mode">
            <RadioButton Name="noneStretchRadioButton"
                GroupName="ImageStretch"
                Content="None" />
            <RadioButton Name="fillStretchRadioButton"
                GroupName="ImageStretch"
                Content="Fill" />
            <RadioButton Name="uniformStretchRadioButton"
                GroupName="ImageStretch"
                Content="Uniform" />
            <RadioButton Name="uniformToFillStretchRadioButton"
                GroupName="ImageStretch"
                Content="UniformToFill" />
        </RadioButtons>
    </Grid>
</Window>

<?xml version="1.0" encoding="utf-8"?>

<Window x:Class="TestProject.MainWindow"

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

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

Title="TestProject">

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Image Name="image" Grid.Column="0"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Width="200"

Height="200"

Stretch="None"

Source="/IMAGE/valley.jpg" />

<RadioButtons Grid.Column="1"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Header="Image stretch mode">

<RadioButton Name="noneStretchRadioButton"

GroupName="ImageStretch"

Content="None" />

<RadioButton Name="fillStretchRadioButton"

GroupName="ImageStretch"

Content="Fill" />

<RadioButton Name="uniformStretchRadioButton"

GroupName="ImageStretch"

Content="Uniform" />

<RadioButton Name="uniformToFillStretchRadioButton"

GroupName="ImageStretch"

Content="UniformToFill" />

</RadioButtons>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;

using Microsoft.UI.Xaml;
using Microsoft.UI.Xaml.Controls;
using Microsoft.UI.Xaml.Media;

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

        #region 생성자 - MainWindow()

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

            this.noneStretchRadioButton.Checked          += stretchRadioButton_Checked;
            this.fillStretchRadioButton.Checked          += stretchRadioButton_Checked;
            this.uniformStretchRadioButton.Checked       += stretchRadioButton_Checked;
            this.uniformToFillStretchRadioButton.Checked += stretchRadioButton_Checked;

            this.noneStretchRadioButton.IsChecked = true;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Stretch 라디오 버튼 체크시 처리하기 - stretchRadioButton_Checked(sender, e)

        /// <summary>
        /// Stretch 라디오 버튼 체크시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void stretchRadioButton_Checked(object sender, RoutedEventArgs e)
        {
            if(this.image != null)
            {
                string  stretchString = (sender as RadioButton).Content.ToString();
                Stretch stretch       = (Stretch)Enum.Parse(typeof(Stretch), stretchString);

                this.image.Stretch = stretch;
            }
        }

        #endregion
    }
}

using System;

using Microsoft.UI.Xaml;

using Microsoft.UI.Xaml.Controls;

using Microsoft.UI.Xaml.Media;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public sealed partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.noneStretchRadioButton.Checked += stretchRadioButton_Checked;

this.fillStretchRadioButton.Checked += stretchRadioButton_Checked;

this.uniformStretchRadioButton.Checked += stretchRadioButton_Checked;

this.uniformToFillStretchRadioButton.Checked += stretchRadioButton_Checked;

this.noneStretchRadioButton.IsChecked = true;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Stretch 라디오 버튼 체크시 처리하기 - stretchRadioButton_Checked(sender, e)

/// <summary>

/// Stretch 라디오 버튼 체크시 처리하기

/// </summary>

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

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

private void stretchRadioButton_Checked(object sender, RoutedEventArgs e)

{

if(this.image != null)

{

string stretchString = (sender as RadioButton).Content.ToString();

Stretch stretch = (Stretch)Enum.Parse(typeof(Stretch), stretchString);

this.image.Stretch = stretch;

}

#endregion

}

TestProject.zip

[C#/WINUI3/.NET6] Image 엘리먼트 사용하기

■ Image 엘리먼트를 사용하는 방법을 보여준다. ▶ MainWindow.xaml


<?xml version="1.0" encoding="utf-8"?>
<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="TestProject">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Image
            HorizontalAlignment="Center"
            Height="100"
            Source="/IMAGE/treetops.jpg" />
        <Image
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Height="100">
            <Image.Source>
                <BitmapImage
                    DecodePixelHeight="100"
                    UriSource="/IMAGE/treetops.jpg" />
            </Image.Source>
        </Image>
    </StackPanel>
</Window>

<?xml version="1.0" encoding="utf-8"?>

<Window x:Class="TestProject.MainWindow"

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

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

Title="TestProject">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Image

HorizontalAlignment="Center"

Height="100"

Source="/IMAGE/treetops.jpg" />

<Image

HorizontalAlignment="Center"

Margin="0 10 0 0"

Height="100">

<Image.Source>

<BitmapImage

DecodePixelHeight="100"

UriSource="/IMAGE/treetops.jpg" />

</Image.Source>

</Image>

</StackPanel>

</Window>

TestProject.zip

[HTML/HTML5] canvas 엘리먼트 : 그림자 그리기

■ canvas 엘리먼트에서 그림자를 그리는 방법을 보여준다. ▶ test.html


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script language="javascript">
            function onLoad()
            {
                var canvas  = document.getElementById('canvas');
                var context = canvas.getContext('2d');

                image = new Image();

                image.onload = function()
                {
                    context.shadowOffsetX = 10;
                    context.shadowOffsetY = 10;
                    context.shadowBlur    = 10;
                    context.shadowColor   = 'rgb(0, 0, 0)';

                    context.drawImage(image, 10, 10, 200, 200);

                    context.shadowOffsetX = -10;
                    context.shadowOffsetY = 0;
                    context.shadowBlur    = 20;
                    context.shadowColor   = 'rgb(0, 0, 0)';

                    context.drawImage(image, 250, 10, 200, 200);
                };

                image.src = "rocks.jpg";
            }
        </script>
    </head>
    <body onload="onLoad();">
        <canvas id="canvas" width="500" height="500" />
    </body>
</html>

<!DOCTYPE html>

<html>

<head>

function onLoad()

{

var canvas = document.getElementById('canvas');

var context = canvas.getContext('2d');

image = new Image();

image.onload = function()

{

context.shadowOffsetX = 10;

context.shadowOffsetY = 10;

context.shadowBlur = 10;

context.shadowColor = 'rgb(0, 0, 0)';

context.drawImage(image, 10, 10, 200, 200);

context.shadowOffsetX = -10;

context.shadowOffsetY = 0;

context.shadowBlur = 20;

context.shadowColor = 'rgb(0, 0, 0)';

context.drawImage(image, 250, 10, 200, 200);

};

image.src = "rocks.jpg";

}

</script>

</head>

</body>

</html>

[HTML/HTML5] canvas 엘리먼트 : 반복 이미지 패턴 그리기

■ canvas 엘리먼트에서 반복 이미지 패턴을 그리는 방법을 보여준다. ▶ test.html


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script language="javascript">
            function onload()
            {
                var canvas  = document.getElementById('canvas');
                var context = canvas.getContext('2d');

                image = new Image();

                image.onload = function()
                {
                    context.fillStyle = context.createPattern(image, 'repeat');

                    context.fillRect(0, 0, 400, 400);
                };

                image.src = "ball.png";
            }
        </script>
    </head>
    <body onload="onload();">
        <canvas id="canvas" width="400" height="400" />
    </body>
</html>

<!DOCTYPE html>

<html>

<head>

function onload()

{

var canvas = document.getElementById('canvas');

var context = canvas.getContext('2d');

image = new Image();

image.onload = function()

{

context.fillStyle = context.createPattern(image, 'repeat');

context.fillRect(0, 0, 400, 400);

};

image.src = "ball.png";

}

</script>

</head>

</body>

</html>

ball.png

[HTML/HTML5] canvas 엘리먼트 : 이미지 그리기

■ canvas 엘리먼트에서 이미지를 그리는 방법을 보여준다. ▶ test.html


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script language="javascript">
            function onLoad()
            {
                var canvas  = document.getElementById('canvas');
                var context = canvas.getContext('2d');

                image = new Image();

                image.onload = function()
                {
                    context.drawImage(image,  10, 10);
                    context.drawImage(image, 150, 10, 24, 24);
                    context.drawImage(image, 200, 10, 96, 96);
                    context.drawImage(image,   0,  0, 48, 48, 300, 10, 24, 24);
                    context.drawImage(image,  48, 48, 48, 48, 350, 10, 24, 24);
                };

                image.src = "ball.png";
            }
        </script>
    </head>
    <body onload="onLoad();">
        <canvas id="canvas" width="400" height="400" />
    </body>
</html>

<!DOCTYPE html>

<html>

<head>

function onLoad()

{

var canvas = document.getElementById('canvas');

var context = canvas.getContext('2d');

image = new Image();

image.onload = function()

{

context.drawImage(image, 10, 10);

context.drawImage(image, 150, 10, 24, 24);

context.drawImage(image, 200, 10, 96, 96);

context.drawImage(image, 0, 0, 48, 48, 300, 10, 24, 24);

context.drawImage(image, 48, 48, 48, 48, 350, 10, 24, 24);

};

image.src = "ball.png";

}

</script>

</head>

</body>

</html>

ball.png

[C#/WPF/.NET6] ImageBehavior 클래스 : AnimatedSource 첨부 속성을 사용해 움직이는 GIF 애니메이션 만들기

■ ImageBehavior 클래스의 AnimatedSource 첨부 속성을 사용해 움직이는 GIF 애니메이션을 만드는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:wag="clr-namespace:WpfAnimatedGif;assembly=WpfAnimatedGif"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Image
        Stretch="None"
        wag:ImageBehavior.AnimatedSource="sample.gif">
    </Image>
</Window>

<Window x:Class="TestProject.MainWindow"

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

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

xmlns:wag="clr-namespace:WpfAnimatedGif;assembly=WpfAnimatedGif"

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Image

Stretch="None"

wag:ImageBehavior.AnimatedSource="sample.gif">

</Image>

</Window>

TestProject.zip

[C#/WPF/.NET6] WpfAnimatedGif 누겟 설치하기

■ WpfAnimatedGif 누겟을 설치하는 방법을 보여준다. 1. Visual Studio를 실행한다. 2. [도구] / [NuGet 패키지 관리자] / [패키지 관리자 콘솔] 메뉴를 실행한다.

[C#/WINFORM] 바탕 화면에서 애니메이션 이미지 출력하기

■ 바탕 화면에서 애니메이션 이미지를 출력하는 방법을 보여준다. ▶ WIN32APIHelper.cs


using System;
using System.Drawing;
using System.Runtime.InteropServices;
using System.Windows.Forms;

namespace TestProject
{
    public static class WIN32Helper
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Import
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region DC 구하기 - GetDC(windowHandle)

        /// <summary>
        /// DC 구하기
        /// </summary>
        /// <param name="windowHandle">윈도우 핸들</param>
        /// <returns>디바이스 컨텍스트 핸들</returns>
        [DllImport("user32", ExactSpelling = true, SetLastError = true)]
        public static extern IntPtr GetDC(IntPtr windowHandle);

        #endregion
        #region DC 해제하기 - ReleaseDC(windowHandle, deviceContextHandle)

        /// <summary>
        /// DC 해제하기
        /// </summary>
        /// <param name="windowHandle">윈도우 핸들</param>
        /// <param name="deviceContextHandle">디바이스 컨텍스트 핸들</param>
        /// <returns>처리 결과</returns>
        [DllImport("user32", ExactSpelling = true)]
        public static extern IntPtr ReleaseDC(IntPtr windowHandle, IntPtr deviceContextHandle);

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Private

        #region 데스크톱 윈도우 구하기 - GetDesktopWindow()

        /// <summary>
        /// 데스크톱 윈도우 구하기
        /// </summary>
        /// <returns>데스크톱 윈도우 핸들</returns>
        [DllImport("user32", EntryPoint = "GetDesktopWindow")]
        private static extern IntPtr GetDesktopWindow();

        #endregion
        #region 비트맵 복사하기 - BitBlt(targetDCHandle, targetX, targetY, width, height, sourceDCHandle, sourceX, sourceY, rasterOperationCode

        /// <summary>
        /// 비트맵 복사하기
        /// </summary>
        /// <param name="targetDeviceContextHandle">타겟 디바이스 컨텍스트 핸들</param>
        /// <param name="targetX">타겟 X</param>
        /// <param name="targetY">타겟 Y</param>
        /// <param name="width">너비</param>
        /// <param name="height">높이</param>
        /// <param name="sourceDeviceContextHandle">소스 디바이스 컨텍스트 핸들</param>
        /// <param name="sourceX">소스 X</param>
        /// <param name="sourceY">소스 Y</param>
        /// <param name="rasterOperationCode">래스터 연산 코드</param>
        /// <returns>처리 결과</returns>
        [DllImport("gdi32", ExactSpelling = true)]
        private static extern IntPtr BitBlt
        (
            IntPtr targetDCHandle,
            int    targetX,
            int    targetY,
            int    width,
            int    height,
            IntPtr sourceDCHandle,
            int    sourceX,
            int    sourceY,
            int    rasterOperationCode
        );

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 화면 캡처하기 - CaptureScreen()

        /// <summary>
        /// 화면 캡처하기
        /// </summary>
        /// <returns>화면 캡처 비트맵</returns>
        public static Bitmap CaptureScreen()
        {
            int screenWidth  = Screen.PrimaryScreen.Bounds.Width;
            int screenHeight = Screen.PrimaryScreen.Bounds.Height;

            Bitmap screenBitmap = new Bitmap(screenWidth, screenHeight);

            Graphics screenGraphics = Graphics.FromImage(screenBitmap);

            IntPtr desktopDeviceContextHandle = GetDC(GetDesktopWindow());
            IntPtr screenDeviceContextHandle  = screenGraphics.GetHdc();

            BitBlt
            (
                screenDeviceContextHandle,
                0,
                0,
                screenWidth,
                screenHeight,
                desktopDeviceContextHandle,
                0,
                0,
                0x00CC0020 // SRCCOPY
            );

            ReleaseDC(GetDesktopWindow(), desktopDeviceContextHandle);

            screenGraphics.ReleaseHdc(screenDeviceContextHandle);
            screenGraphics.Dispose();

            return screenBitmap;
        }

        #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

using System;

using System.Drawing;

using System.Runtime.InteropServices;

using System.Windows.Forms;

namespace TestProject

{

public static class WIN32Helper

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Import

////////////////////////////////////////////////////////////////////////////////////////// Static

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

#region DC 구하기 - GetDC(windowHandle)

/// <summary>

/// DC 구하기

/// </summary>

/// <param name="windowHandle">윈도우 핸들</param>

/// <returns>디바이스 컨텍스트 핸들</returns>

[DllImport("user32", ExactSpelling = true, SetLastError = true)]

public static extern IntPtr GetDC(IntPtr windowHandle);

#endregion

#region DC 해제하기 - ReleaseDC(windowHandle, deviceContextHandle)

/// <summary>

/// DC 해제하기

/// </summary>

/// <param name="windowHandle">윈도우 핸들</param>

/// <param name="deviceContextHandle">디바이스 컨텍스트 핸들</param>

/// <returns>처리 결과</returns>

[DllImport("user32", ExactSpelling = true)]

public static extern IntPtr ReleaseDC(IntPtr windowHandle, IntPtr deviceContextHandle);

#endregion

//////////////////////////////////////////////////////////////////////////////// Private

#region 데스크톱 윈도우 구하기 - GetDesktopWindow()

/// <summary>

/// 데스크톱 윈도우 구하기

/// </summary>

/// <returns>데스크톱 윈도우 핸들</returns>

[DllImport("user32", EntryPoint = "GetDesktopWindow")]

private static extern IntPtr GetDesktopWindow();

#endregion

#region 비트맵 복사하기 - BitBlt(targetDCHandle, targetX, targetY, width, height, sourceDCHandle, sourceX, sourceY, rasterOperationCode

/// <summary>

/// 비트맵 복사하기

/// </summary>

/// <param name="targetDeviceContextHandle">타겟 디바이스 컨텍스트 핸들</param>

/// <param name="targetX">타겟 X</param>

/// <param name="targetY">타겟 Y</param>

/// <param name="width">너비</param>

/// <param name="height">높이</param>

/// <param name="sourceDeviceContextHandle">소스 디바이스 컨텍스트 핸들</param>

/// <param name="sourceX">소스 X</param>

/// <param name="sourceY">소스 Y</param>

/// <param name="rasterOperationCode">래스터 연산 코드</param>

/// <returns>처리 결과</returns>

[DllImport("gdi32", ExactSpelling = true)]

private static extern IntPtr BitBlt

(

IntPtr targetDCHandle,

int targetX,

int targetY,

int width,

int height,

IntPtr sourceDCHandle,

int sourceX,

int sourceY,

int rasterOperationCode

);

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Static

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

#region 화면 캡처하기 - CaptureScreen()

/// <summary>

/// 화면 캡처하기

/// </summary>

/// <returns>화면 캡처 비트맵</returns>

public static Bitmap CaptureScreen()

{

int screenWidth = Screen.PrimaryScreen.Bounds.Width;

int screenHeight = Screen.PrimaryScreen.Bounds.Height;

Bitmap screenBitmap = new Bitmap(screenWidth, screenHeight);

Graphics screenGraphics = Graphics.FromImage(screenBitmap);

IntPtr desktopDeviceContextHandle = GetDC(GetDesktopWindow());

IntPtr screenDeviceContextHandle = screenGraphics.GetHdc();

BitBlt

(

screenDeviceContextHandle,

screenWidth,

screenHeight,

desktopDeviceContextHandle,

0x00CC0020 // SRCCOPY

);

ReleaseDC(GetDesktopWindow(), desktopDeviceContextHandle);

screenGraphics.ReleaseHdc(screenDeviceContextHandle);

screenGraphics.Dispose();

return screenBitmap;

}

#endregion

}

▶ MainForm.cs


using System;
using System.Drawing;
using System.Windows.Forms;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

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

            this.moveButton.Click += moveButton_Click;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 이동 버튼 클릭시 처리하기 - moveButton_Click(sender, e)

        /// <summary>
        /// 이동 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void moveButton_Click(object sender, EventArgs e)
        {
            const int MOVE_STEP = 10;

            Bitmap bitmap = new Bitmap(Image.FromFile("IMAGE\\sample.png"));

            Rectangle targetRectangle = new Rectangle(0, 0, bitmap.Width, bitmap.Height);

            Bitmap desktopBitmap = WIN32Helper.CaptureScreen();
            Bitmap bufferBitmap  = new Bitmap(targetRectangle.Width + MOVE_STEP, targetRectangle.Height + MOVE_STEP);

            IntPtr desktopDCHandle = WIN32Helper.GetDC(IntPtr.Zero);

            Graphics desktopGraphics = Graphics.FromHdc(desktopDCHandle);
            Graphics bufferGraphics  = Graphics.FromImage(bufferBitmap);

            Point targetPoint = new Point(500, 300);

            for(int i = 0, j = 0; i < 100; i += MOVE_STEP, j += MOVE_STEP)
            {
                bufferGraphics.DrawImage
                (
                    desktopBitmap,
                    0,
                    0,
                    new Rectangle
                    (
                        targetPoint.X + i,
                        targetPoint.Y + j,
                        targetRectangle.Width  + MOVE_STEP,
                        targetRectangle.Height + MOVE_STEP
                    ),
                    GraphicsUnit.Pixel
                );

                bufferGraphics.DrawImage
                (
                    bitmap,
                    MOVE_STEP,
                    MOVE_STEP,
                    targetRectangle,
                    GraphicsUnit.Pixel
                );

                desktopGraphics.DrawImage(bufferBitmap, targetPoint.X + i, targetPoint.Y + j);
            }

            for(int i = 100, j = 100; i > 0; i -= MOVE_STEP, j -= MOVE_STEP)
            {
                bufferGraphics.DrawImage
                (
                    desktopBitmap,
                    0,
                    0,
                    new Rectangle
                    (
                        targetPoint.X + i,
                        targetPoint.Y + j,
                        targetRectangle.Width  + MOVE_STEP,
                        targetRectangle.Height + MOVE_STEP
                    ),
                    GraphicsUnit.Pixel
                );

                bufferGraphics.DrawImage(bitmap, 0, 0, targetRectangle, GraphicsUnit.Pixel);

                desktopGraphics.DrawImage(bufferBitmap, targetPoint.X + i, targetPoint.Y + j);
            }

            bufferGraphics.Dispose();
            desktopGraphics.Dispose();

            WIN32Helper.ReleaseDC(IntPtr.Zero, desktopDCHandle);
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

using System;

using System.Drawing;

using System.Windows.Forms;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

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

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

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.moveButton.Click += moveButton_Click;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 이동 버튼 클릭시 처리하기 - moveButton_Click(sender, e)

/// <summary>

/// 이동 버튼 클릭시 처리하기

/// </summary>

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

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

private void moveButton_Click(object sender, EventArgs e)

{

const int MOVE_STEP = 10;

Bitmap bitmap = new Bitmap(Image.FromFile("IMAGE\\sample.png"));

Rectangle targetRectangle = new Rectangle(0, 0, bitmap.Width, bitmap.Height);

Bitmap desktopBitmap = WIN32Helper.CaptureScreen();

Bitmap bufferBitmap = new Bitmap(targetRectangle.Width + MOVE_STEP, targetRectangle.Height + MOVE_STEP);

IntPtr desktopDCHandle = WIN32Helper.GetDC(IntPtr.Zero);

Graphics desktopGraphics = Graphics.FromHdc(desktopDCHandle);

Graphics bufferGraphics = Graphics.FromImage(bufferBitmap);

Point targetPoint = new Point(500, 300);

for(int i = 0, j = 0; i < 100; i += MOVE_STEP, j += MOVE_STEP)

{

bufferGraphics.DrawImage

(

desktopBitmap,

new Rectangle

(

targetPoint.X + i,

targetPoint.Y + j,

targetRectangle.Width + MOVE_STEP,

targetRectangle.Height + MOVE_STEP

GraphicsUnit.Pixel

);

bufferGraphics.DrawImage

(

bitmap,

MOVE_STEP,

targetRectangle,

GraphicsUnit.Pixel

);

desktopGraphics.DrawImage(bufferBitmap, targetPoint.X + i, targetPoint.Y + j);

}

for(int i = 100, j = 100; i > 0; i -= MOVE_STEP, j -= MOVE_STEP)

{

bufferGraphics.DrawImage

(

desktopBitmap,

new Rectangle

(

targetPoint.X + i,

targetPoint.Y + j,

targetRectangle.Width + MOVE_STEP,

targetRectangle.Height + MOVE_STEP

GraphicsUnit.Pixel

);

bufferGraphics.DrawImage(bitmap, 0, 0, targetRectangle, GraphicsUnit.Pixel);

desktopGraphics.DrawImage(bufferBitmap, targetPoint.X + i, targetPoint.Y + j);

}

bufferGraphics.Dispose();

desktopGraphics.Dispose();

WIN32Helper.ReleaseDC(IntPtr.Zero, desktopDCHandle);

}

#endregion

}

TestProject.zip

[RUST/REQWEST] get 함수 : 이미지 파일 다운로드하기

■ get 함수를 사용해 이미지 파일을 다운로드하는 방법을 보여준다. ▶ Cargo.toml


[package]
name = "test_project"
version = "0.1.0"
edition = "2021"

[dependencies]
tokio = { version = "1", features = ["full"] }
reqwest = "0.11.4"

[package]

name = "test_project"

version = "0.1.0"

edition = "2021"

[dependencies]

tokio = { version = "1", features = ["full"] }

reqwest = "0.11.4"

▶ src/main.rs


use std::fs;
use std::io::Write;

#[tokio::main]
async fn main()
{
    let source_url : &str = "https://blog.kakaocdn.net/dn/bcZgvb/btskiAmI1cg/pm8rWnRjBTkMnvYcxNDgDk/img.png";

    let target_bytes = reqwest::get(source_url).await.unwrap().bytes().await.unwrap();

    let target_file_path : &str = "download.png";

    let mut file : fs::File = fs::File::create(target_file_path).unwrap();

    file.write_all(&target_bytes).unwrap();
}

use std::fs;

use std::io::Write;

#[tokio::main]

async fn main()

{

let source_url : &str = "https://blog.kakaocdn.net/dn/bcZgvb/btskiAmI1cg/pm8rWnRjBTkMnvYcxNDgDk/img.png";

let target_bytes = reqwest::get(source_url).await.unwrap().bytes().await.unwrap();

let target_file_path : &str = "download.png";

let mut file : fs::File = fs::File::create(target_file_path).unwrap();

file.write_all(&target_bytes).unwrap();

}

test_project.zip

[RUST/REQWEST] 웹 사이트에서 이미지 파일 다운로드하기

■ 웹 사이트에서 이미지 파일을 다운로드하는 방법을 보여준다. ▶ Cargo.toml


[package]
name = "test_project"
version = "0.1.0"
edition = "2021"

[dependencies]
tokio = { version = "1", features = ["full"] }
reqwest = "0.11.4"
scraper = "0.12"
urlencoding = "2.1"

[package]

name = "test_project"

version = "0.1.0"

edition = "2021"

[dependencies]

tokio = { version = "1", features = ["full"] }

reqwest = "0.11.4"

scraper = "0.12"

urlencoding = "2.1"

▶ src/main.rs


use std::fs;
use std::io::Write;

use scraper;
use tokio::time;

#[tokio::main]
async fn main()
{
    for title in ["test", "yiy"]
    {
        download_images_async(title).await;
    }
}

async fn download_images_async(title : &str)
{
    let root_url : &str = "https://uta.pw/shodou";

    let url : String = format!
    (
        "{}/index.php?titles&show&title={}",
        root_url,
        urlencoding::encode(title)
    );

    println!("GET : {}", url);

    let html_string : String = reqwest::get(url).await.unwrap().text().await.unwrap();

    let html : scraper::Html = scraper::Html::parse_document(&html_string);

    let selector : scraper::Selector = scraper::Selector::parse(".articles img").unwrap();

    for(index, element) in html.select(&selector).enumerate()
    {
        let source : &str = element.value().attr("src").unwrap();

        let img_url : String = format!("{}/{}", root_url, source);

        println!("{}", img_url);

        let file_name : String = format!("{}_{}.png", title, index);

        let bytes = reqwest::get(img_url).await.unwrap().bytes().await.unwrap();

        let mut file : fs::File = fs::File::create(file_name).unwrap();

        file.write_all(&bytes).unwrap();

        time::sleep(time::Duration::from_millis(1000)).await;
    }
}

use std::fs;

use std::io::Write;

use scraper;

use tokio::time;

#[tokio::main]

async fn main()

{

for title in ["test", "yiy"]

{

download_images_async(title).await;

}

async fn download_images_async(title : &str)

{

let root_url : &str = "https://uta.pw/shodou";

let url : String = format!

(

"{}/index.php?titles&show&title={}",

root_url,

urlencoding::encode(title)

);

println!("GET : {}", url);

let html_string : String = reqwest::get(url).await.unwrap().text().await.unwrap();

let html : scraper::Html = scraper::Html::parse_document(&html_string);

let selector : scraper::Selector = scraper::Selector::parse(".articles img").unwrap();

for(index, element) in html.select(&selector).enumerate()

{

let source : &str = element.value().attr("src").unwrap();

let img_url : String = format!("{}/{}", root_url, source);

println!("{}", img_url);

let file_name : String = format!("{}_{}.png", title, index);

let bytes = reqwest::get(img_url).await.unwrap().bytes().await.unwrap();

let mut file : fs::File = fs::File::create(file_name).unwrap();

file.write_all(&bytes).unwrap();

time::sleep(time::Duration::from_millis(1000)).await;

}

test_project.zip