O Windows Presentation Foundation (WPF) continua sendo uma estrutura amplamente utilizada para o desenvolvimento de aplicações desktop devido à sua flexibilidade. À medida que as aplicações evoluem, a integração de conteúdos Web modernos no WPF tornou-se essencial. O DotNetBrowser, uma biblioteca .NET, responde a esta necessidade, permitindo aos programadores incorporarem uma vista Web baseada no Chromium em aplicações WPF. Isto permite apresentar e interagir com o conteúdo da Web de forma nativa nas aplicações .NET desktop.

Neste artigo, vamos orientá-lo nas etapas de integração do DotNetBrowser em um projeto WPF.

Por que escolher o DotNetBrowser 

O WPF já é excelente para criar interfaces de usuário ricas, mas e se a sua aplicação precisar interagir com conteúdo Web dinâmico ou apresentar funcionalidades HTML5 interativas? O DotNetBrowser prova o seu valor aqui. Com o seu motor baseado no Chromium, o DotNetBrowser:

  • Garante a compatibilidade total com as normas Web modernas, incluindo HTML5, JavaScript e CSS3.
  • Integra-se perfeitamente no WPF, permitindo que os programadores se concentrem na IU e na interação em vez de gerenciarem as complexidades do navegador.
  • Implementa sandboxing e protocolos de segurança para manter a segurança da aplicação ao processar conteúdos Web.

Como começar 

Vamos nos aprofundar no processo de integração do DotNetBrowser com um projeto WPF. Comece o processo criando um novo projeto WPF no Visual Studio:

  1. Abra o Visual Studio e selecione Criar um novo projeto.
  2. Escolha “WPF App (.NET Core)” ou “WPF App (.NET Framework)”, dependendo da sua preferência.
  3. Dê ao seu projeto o nome Examples.Wpf e clique em Criar.

Instale o DotNetBrowser via NuGet:

  1. Clique com o botão direito do mouse no seu projeto no Solution Explorer e escolha “Manage NuGet Packages”.
  2. Na aba Procurar, encontre o pacote DotNetBrowser.Wpf e instale-o. Isto também incluirá automaticamente todas as dependências necessárias.
  3. Após a instalação, é possível verificar o arquivo packages.config ou Project.csproj para confirmar que ele foi adicionado com sucesso.

Adicione a web view DotNetBrowser à sua aplicação WPF:

Agora que tem o DotNetBrowser instalado, vamos incorporá-lo na sua janela WPF. No seu arquivo MainWindow.xaml, adicione um controle WPF:BrowserView para hospedar o browser:

<Window
    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:WPF="clr-namespace:DotNetBrowser.Wpf;assembly=DotNetBrowser.Wpf"
    x:Class="Examples.Wpf.MainWindow"
    mc:Ignorable="d"
    Title="MainWindow" Height="480" Width="800" Closed="Window_Closed">
    <Grid>
        <WPF:BrowserView Name="browserView" />
    </Grid>
</Window>

Em seguida, vá para o arquivo MainWindow.xaml.cs e crie as instâncias do mecanismo e do browser:

using System;
using System.Windows;
using DotNetBrowser.Browser;
using DotNetBrowser.Engine;

namespace Examples.Wpf
{
    public partial class MainWindow : Window
    {
        private const string Url = "https://html5test.teamdev.com/";
        private readonly IBrowser browser;
        private readonly IEngine engine;

        public MainWindow()
        {
            // Inicia o processo principal do Chromium.
            EngineOptions engineOptions = new EngineOptions.Builder
            {
                RenderingMode = RenderingMode.HardwareAccelerated,
                LicenseKey = “license key”
            }.Build();
            engine = EngineFactory.Create(engineOptions);

            browser = engine.CreateBrowser();

            InitializeComponent();

            // Habilita o controle BrowserView ao browser real.
            browserView.InitializeFrom(browser);
            browser.Navigation.LoadUrl(Url);
        }

        private void Window_Closed(object sender, EventArgs args)
        {
            browser?.Dispose();
            engine?.Dispose();
        }
    }
}

Agora, você pode executar a aplicação. Após a inicialização, você verá que o navegador está incorporado com êxito na sua janela, apresentando o conteúdo Web especificado.

Benefícios do DotNetBrowser 

A integração do DotNetBrowser num projeto WPF oferece uma série de capacidades técnicas:

  • Suporta JavaScript, HTML5 e CSS3, permitindo a incorporação de componentes de IU baseados na Web em aplicações desktop.

  • Permite a comunicação .NET-para-JavaScript, facilitando a interação direta entre a lógica da aplicação e o conteúdo da Web.

  • Com a renderização acelerada por hardware, garante um desempenho suave, mesmo ao lidar com conteúdos Web pesados.

Conclusão 

O DotNetBrowser é um componente de visualização Web para .NET. A sua integração com o WPF permite aos programadores a melhorarem as aplicações desktop, incorporando conteúdos Web interativos diretamente na interface do usuário. Esta abordagem suporta uma série de casos de utilização, desde soluções empresariais a aplicações dirigidas ao consumidor, permitindo aos programadores .NET aproveitarem as tecnologias desktop e da Web para uma funcionalidade mais versátil.

Pronto para levar as suas aplicações WPF para o próximo nível? Obtenha a chave de licença de avaliação para o DotNetBrowser e comece a criar soluções .NET modernas hoje mesmo!

Enviando…

Desculpe, o envio foi interrompido

Tente novamente. Se o problema persistir, contate-nos através do endereço info@teamdev.com.

Leia e aceite os termos para continuar.

A sua chave de avaliação pessoal de DotNetBrowser e o guia de início rápido chegarão à sua caixa de entrada de e-mail dentro de alguns minutos.

Você considera utilizar o WebView2? Leia o nosso artigo sobre a razão pela qual o DotNetBrowser é uma melhor escolha para uma utilização comercial.