본문 바로가기

WPF

WPF에서 WebView2를 사용하는 방법

반응형

1. 먼저, Visual Studio를 열고 새 WPF 프로젝트를 만듭니다.
2. 프로젝트에 WebView2 컨트롤을 추가하기 위해 NuGet 패키지 관리자를 열고 Microsoft.Web.WebView2 패키지를 설치합니다.
3. MainWindow.xaml 파일을 열고, 레이아웃 내에서 WebView2를 추가합니다.

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"
        Title="WebView2 Sample" Height="450" Width="800">
    <Grid>
        <wv2:WebView2 Name="webView" />
    </Grid>
</Window>

4. 코드 파일 (MainWindow.xaml.cs)을 열고 WebView2 컨트롤을 초기화합니다.

using Microsoft.Web.WebView2.Core;
using Microsoft.Web.WebView2.Wpf;

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        InitializeAsync();
    }

    private async void InitializeAsync()
    {
        await webView.EnsureCoreWebView2Async(null);
        webView.Source = new Uri("https://www.microsoft.com");
    }
}

이제 위 코드를 실행하면, WebView2 컨트롤이 초기화되고 www.microsoft.com 웹사이트가 로드됩니다. 
이렇게 하면 WPF에서 WebView2를 사용할 수 있습니다.

반응형