Microsoft MVP성태의 닷넷 이야기
.NET Framework: 724. WPF + Direct2D 출력 C# 예제 [링크 복사], [링크+제목 복사]
조회: 5887
글쓴 사람
홈페이지
첨부 파일

WPF + Direct2D 출력 C# 예제

WPF에서 Direct2D를 쓰기 위한 방법을 알아봤습니다. 검색해 보면 많은 글들이 나오는데 제 경우에는 아래의 설명이 좋았습니다.

Using Direct2D with WPF
; https://www.codeproject.com/Articles/113991/Using-Direct-D-with-WPF

WPF는 .NET 3.5 SP1부터 D3DImage 타입을 Direct3D 통합을 위해 제공한다고 합니다. 그리고 이 방법은 다음의 글에서 잘 설명하고 있습니다.

Introduction to D3DImage
; https://www.codeproject.com/Articles/28526/Introduction-to-D-DImage

위의 글에서 대해서는 저도 예전에 빌드한 적이 있었습니다. ^^

DirectX 9 예제 프로젝트 빌드하는 방법
; https://www.sysnet.pe.kr/2/0/1723

하지만, D3DImage가 Direct3D 9 버전의 컨테이너여서 Direct2D가 기반으로 하는 Direct3D 10.1 이상의 버전과 달라 문제가 되는데, 이에 대한 해결책으로,

Direct3D 10/11 & Direct2D in WPF
; http://jmorrill.hjtcentral.com/Home/tabid/428/EntryId/437/Direct3D-10-11-Direct2D-in-WPF.aspx

Direct3D 10/11에서 생성한 공유 Render Target을 IDirect3DDevice9Ex에 전달하면 된다고 합니다. Direct3D를 잘 모르니 ^^ 정확한 동작 방식은 모르겠으나, 어쨌든 복잡한 부분은 "Using Direct2D with WPF" 글에서 공개한 Direct2D C# 프로젝트에서 잘 래핑하고 있습니다.




그럼, 공개된 C# 프로젝트를 이용해 간단한 실습을 해볼까요? ^^ 이를 위해 WPF 프로젝트를 만들고, Direct2D C# 라이브러리 프로젝트를 빌드한 DLL(Direct2D.dll)을 참조합니다. (또는 프로젝트를 복사해 참조하거나.)

그다음 NuGet을 통해 "WindowsAPICodePack.DirectX"를 참조 추가합니다. (Direct2D C# 라이브러리도 동일한 NuGet 패키지로 바꿔줍니다.) 이제 MainWindow.xaml을 열어 다음과 같이 IDirect3DDevice9Ex와 연결된 D3DImage를 소유한 컨트롤(Direct2DControl)을 만듭니다.

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        xmlns:d2d="clr-namespace:Direct2D;assembly=Direct2D"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <d2d:Direct2DControl x:Name="d2DControl" Margin="5" />
    </Grid>
</Window>

이어서 해당 컨트롤에 그림 그리기 작업을 수행할 타입을 하나 만듭니다.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using D2D = Microsoft.WindowsAPICodePack.DirectX.Direct2D1;
using DWrite = Microsoft.WindowsAPICodePack.DirectX.DirectWrite;

namespace WpfApp1
{
    class BasicScene : Direct2D.AnimatedScene
    {
        public BasicScene() : base(100)
        {
        }

        protected override void Dispose(bool disposing)
        {
            base.Dispose(disposing);
        }

        protected override void OnCreateResources()
        {
            base.OnCreateResources(); // Call this last to start the animation
        }

        protected override void OnFreeResources()
        {
            base.OnFreeResources(); // Call this first to stop the animation
        }

        protected override void OnRender()
        {
            var size = this.RenderTarget.Size;

            this.RenderTarget.BeginDraw();
            this.RenderTarget.Clear(new D2D.ColorF(0, 0, 1, 1f));


            this.RenderTarget.EndDraw();
        }
    }
}

직관적으로, 그리기 작업을 OnRender의 BeginDraw/EndDraw 사이에 넣으면 된다는 것을 알 수 있습니다. (위의 코드는 Clear 메서드로 인해 컨트롤 영역을 파란색으로 채우기만 합니다.)

마지막으로, 위의 BasicScene 인스턴스를 xaml에서 생성한 Direct2DControl과 연결해줍니다.

public partial class MainWindow : Window
{
    BasicScene scene;

    public MainWindow()
    {
        InitializeComponent();

        scene = new BasicScene();
        this.d2DControl.Scene = scene;
        scene.IsAnimating = true;
    }
}

끝입니다. 이렇게 만들고 실행하면 다음과 같이 파란색으로 칠해진 화면을 볼 수 있습니다. (물론 원한다면 얼마든지 OnRender 메서드에 Direct2D API를 호출해 작업을 추가할 수 있습니다.)

wpf_direct2d_1.png

(첨부 파일은 이 글의 예제 코드를 포함합니다.)




그 외에, 검색해 보면 HwndHost를 이용한 방법도 있습니다. 그것의 단점이라면 HWND 윈도우 핸들을 기반으로 하기 때문에 다른 WPF 요소들 간의 조화가 깨지게 됩니다.

또는, SharpDX를 기반으로 한 버전도 있습니다.

SharpDX.WPF
; https://sharpdxwpf.codeplex.com/

아쉽게도 상당히 지난 버전으로 최신 SharpDX를 적용하려면 위의 코드에서 약간의 마이그레이션 작업이 필요합니다.

만약 WPF가 아닌 UWP 앱이라면 SwapChainPanel이 있어 좀 더 매끄럽게 통합이 됩니다. 이에 대해서는 다음의 글들을 참고하세요.

Your first DirectX 11 Metro application using SharpDX
; https://english.r2d2rigo.es/2012/05/28/your-first-directx-11-metro-application-using-sharpdx/

Basic Direct2D drawing with SharpDX
; https://english.r2d2rigo.es/2012/07/04/basic-direct2d-drawing-with-sharpdx/




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]

[연관 글]





[최초 등록일: ]
[최종 수정일: 1/10/2018 ]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer@outlook.com

비밀번호

댓글 쓴 사람
 



2018-01-11 02시37분
WPF + Direct2D + SharpDX 출력 C# 예제
; http://www.sysnet.pe.kr/2/0/11432

정성태

... [31]  32  33  34  35  36  37  38  39  40  41  42  43  44  45  ...
NoWriterDateCnt.TitleFile(s)
11367정성태11/25/20176251개발 환경 구성: 337. 윈도우 운영체제의 route 명령어 사용법
11366정성태11/25/20173451오류 유형: 430. 이벤트 로그 - Cryptographic Services failed while processing the OnIdentity() call in the System Writer Object.
11365정성태11/25/20172596오류 유형: 429. 이벤트 로그 - User Policy could not be updated successfully
11364정성태8/9/20183086사물인터넷: 11. Raspberry Pi Zero(OTG)를 다른 컴퓨터에 연결해 가상 마우스로 쓰는 방법 (절대 좌표) [2]
11363정성태8/9/20183545사물인터넷: 10. Raspberry Pi Zero(OTG)를 다른 컴퓨터에 연결해 가상 마우스 + 키보드로 쓰는 방법 (두 번째 이야기)
11362정성태12/26/20194041오류 유형: 428. 윈도우 업데이트 KB4048953 - 0x800705b4 [2]
11361정성태11/22/20173699오류 유형: 427. 이벤트 로그 - Filter Manager failed to attach to volume '\Device\HarddiskVolume??' 0xC03A001C
11360정성태11/22/20174937오류 유형: 426. 이벤트 로그 - The kernel power manager has initiated a shutdown transition.
11359정성태11/16/20175206오류 유형: 425. 윈도우 10 Version 1709 (OS Build 16299.64) 업그레이드 시 발생한 문제 2가지
11358정성태8/9/20186175사물인터넷: 9. Visual Studio 2017에서 Raspberry Pi C++ 응용 프로그램 제작 [1]
11357정성태11/15/20175612개발 환경 구성: 336. 윈도우 10 Bash 쉘에서 C++ 컴파일하는 방법
11356정성태8/9/20186678사물인터넷: 8. Raspberry Pi Zero(OTG)를 다른 컴퓨터에 연결해 가상 마우스 + 키보드로 쓰는 방법 [3]
11355정성태1/8/20204857사물인터넷: 7. Raspberry Pi Zero(OTG)를 다른 컴퓨터에 연결해 가상 마우스로 쓰는 방법 [2]파일 다운로드2
11354정성태8/9/20186017사물인터넷: 6. Raspberry Pi Zero(OTG)를 다른 컴퓨터에 연결해 가상 키보드로 쓰는 방법 [4]
11353정성태8/9/20185469사물인터넷: 5. Raspberry Pi Zero(OTG)를 다른 컴퓨터에 연결해 가상 이더넷 카드로 쓰는 방법 [1]
11352정성태8/9/20183719사물인터넷: 4. Samba를 이용해 윈도우와 Raspberry Pi간의 파일 교환 [1]
11351정성태12/22/20174492.NET Framework: 698. C# 컴파일러 대신 직접 구현하는 비동기(async/await) 코드파일 다운로드1
11350정성태11/1/20173248디버깅 기술: 108. windbg 분석 사례 - Redis 서버로의 호출을 기다리면서 hang 현상 발생
11349정성태10/31/20173351디버깅 기술: 107. windbg - x64 SOS 확장의 !clrstack 명령어가 출력하는 Child SP 값의 의미
11348정성태10/31/20173559디버깅 기술: 106. windbg - x64 역어셈블 코드에서 닷넷 메서드 호출의 인자를 확인하는 방법
11347정성태10/28/20175436오류 유형: 424. Visual Studio - "클래스 다이어그램 보기" 시 "작업을 완료할 수 없습니다. 해당 인터페이스를 지원하지 않습니다." 오류 발생
11346정성태10/25/20172719오류 유형: 423. Windows Server 2003 - The client-side extension could not remove user policy settings for 'Default Domain Policy {...}' (0x8007000d)
11338정성태10/25/20173091.NET Framework: 697. windbg - SOS DumpMT의 "BaseSize", "ComponentSize" 값에 대한 의미파일 다운로드1
11337정성태10/24/20172977.NET Framework: 696. windbg - SOS DumpClass/DumpMT의 "Vtable Slots", "Total Method Slots", "Slots in VTable" 값에 대한 의미파일 다운로드1
11336정성태10/20/20173197.NET Framework: 695. windbg - .NET string의 x86/x64 메모리 할당 구조
11335정성태10/18/20173557.NET Framework: 694. 닷넷 - <Module> 클래스의 용도
... [31]  32  33  34  35  36  37  38  39  40  41  42  43  44  45  ...