Merge pull request #260 from MicrosoftEdge/user/champnic/WV2CC_Sample

Add simple sample app for WV2CC

SampleApps/WebView2WpfCompositionControl/README.md

@@ -0,0 +1,29 @@
+---
+description: "Demonstrates the features and usage patterns of WebView2CompositionControl in a WPF app."
+extendedZipContent:
+  -
+    path: SharedContent
+    target: SharedContent
+  -
+    path: LICENSE
+    target: LICENSE
+languages:
+  - cpp
+page_type: sample
+products:
+  - microsoft-edge
+---
+# WebView2WpfCompositionControl sample app
+
+<!-- only enough info to differentiate this sample vs. the others; what is different about this sample compared to the sibling samples? -->
+
+<!-- distinctive platform: -->
+This sample, **WebView2WpfCompositionControl**, embeds a WPF WebView2CompositionControl within a .NET Core 3.0 and/or .NET 8 WPF application. The WebView2CompositionControl solves the WPF "Airspace" issue (where all WPF content showed up below the WebView2 in the regular WPF control) by using D3D11 graphics capture session to show and interact with WebView2 content in a regular WPF WebView2 control. In general, the WebView2CompositionControl can be used as a stand-in replacement for the regular WPF WebView2 control.
+
+<!-- distinctive project type and language: -->
+This sample is built as a WPF .NET Core application in Visual Studio 2022.
+
+<!-- screenshot of running sample app: -->
+This is the main WebView2 sample.  The running **WebView2APISample** app window shows the WebView2 SDK version and also the WebView2 Runtime version and path.  The **WebView2APISample** app has several menus containing many menuitems that demonstrate a broad range of WebView2 APIs:
+
+![The WebView2WpfCompositionControl sample app running](./documentation/screenshot.png)

SampleApps/WebView2WpfCompositionControl/WebView2WpfCompositionControl.sln

@@ -0,0 +1,25 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.11.35431.28
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "WebView2WpfCompositionControl", "WebView2WpfCompositionControl\WebView2WpfCompositionControl.csproj", "{B4C22133-B97C-4593-AB64-BE1694A0EC21}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{B4C22133-B97C-4593-AB64-BE1694A0EC21}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{B4C22133-B97C-4593-AB64-BE1694A0EC21}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{B4C22133-B97C-4593-AB64-BE1694A0EC21}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{B4C22133-B97C-4593-AB64-BE1694A0EC21}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {0E35B434-5EE7-4941-835D-0E7BD2B4D824}
+	EndGlobalSection
+EndGlobal

SampleApps/WebView2WpfCompositionControl/WebView2WpfCompositionControl/App.xaml

@@ -0,0 +1,9 @@
+<Application x:Class="WebView2WpfCompositionControl.App"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:local="clr-namespace:WebView2WpfCompositionControl"
+             StartupUri="MainWindow.xaml">
+    <Application.Resources>
+
+    </Application.Resources>
+</Application>

SampleApps/WebView2WpfCompositionControl/WebView2WpfCompositionControl/App.xaml.cs

@@ -0,0 +1,14 @@
+using System.Configuration;
+using System.Data;
+using System.Windows;
+
+namespace WebView2WpfCompositionControl
+{
+    /// <summary>
+    /// Interaction logic for App.xaml
+    /// </summary>
+    public partial class App : Application
+    {
+    }
+
+}

SampleApps/WebView2WpfCompositionControl/WebView2WpfCompositionControl/AssemblyInfo.cs

@@ -0,0 +1,10 @@
+using System.Windows;
+
+[assembly: ThemeInfo(
+    ResourceDictionaryLocation.None,            //where theme specific resource dictionaries are located
+                                                //(used if a resource is not found in the page,
+                                                // or application resource dictionaries)
+    ResourceDictionaryLocation.SourceAssembly   //where the generic resource dictionary is located
+                                                //(used if a resource is not found in the page,
+                                                // app, or any theme specific resource dictionaries)
+)]

SampleApps/WebView2WpfCompositionControl/WebView2WpfCompositionControl/MainWindow.xaml

@@ -0,0 +1,60 @@
+<Window x:Class="WebView2WpfCompositionControl.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:WebView2WpfCompositionControl"
+        xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"
+        mc:Ignorable="d"
+        Title="MainWindow" Height="450" Width="800">
+    <DockPanel>
+
+        <Grid
+            DockPanel.Dock="Top">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="3*" />
+                <ColumnDefinition Width="40" />
+                <ColumnDefinition Width="120" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
+            <TextBox
+                x:Name="addressBar"
+                Grid.Column="0"
+                GotFocus="AddressBar_GotFocus"/>
+            <Button
+                x:Name="goButton"
+                Grid.Column="1"
+                Margin="5,0"
+                Click="GoButton_Click"
+                Content="Go"
+                GotFocus="GoButton_GotFocus"/>
+            <Button
+                x:Name="toggleButton"
+                Grid.Column="2"
+                Margin="5,0"
+                Click="ToggleButton_Click"
+                Content="Toggle"
+                GotFocus="ToggleButton_GotFocus"/>
+            <Label
+                x:Name="status"
+                Grid.Column="3"
+                Background="AliceBlue"
+                Foreground="Gray"
+                Content="Status"/>
+        </Grid>
+        <Grid>
+            <wv2:WebView2CompositionControl
+                x:Name="webView" />
+            <Button
+                x:Name="airspaceButton"
+                Visibility="Collapsed"
+                Content="This is a button over the WebView2!"
+                Click="AirspaceButton_Click"
+                Background="LightPink"
+                Height="100"
+                Width="300"
+                GotFocus="AirspaceButton_GotFocus"/>
+        </Grid>
+    </DockPanel>
+
+</Window>

SampleApps/WebView2WpfCompositionControl/WebView2WpfCompositionControl/MainWindow.xaml.cs

@@ -0,0 +1,95 @@
+using System.Windows;
+using Microsoft.Web.WebView2.Core;
+
+namespace WebView2WpfCompositionControl
+{
+    /// <summary>
+    /// Interaction logic for MainWindow.xaml
+    /// </summary>
+    public partial class MainWindow : Window
+    {
+        public MainWindow()
+        {
+            InitializeComponent();
+
+            webView.CoreWebView2InitializationCompleted += WebView_CoreWebView2InitializationCompleted;
+            webView.NavigationStarting += WebView_NavigationStarting;
+            webView.NavigationCompleted += WebView_NavigationCompleted;
+            webView.WebMessageReceived += WebView_WebMessageReceived;
+            webView.Source = new Uri("https://www.bing.com");
+        }
+
+        private void WebView_CoreWebView2InitializationCompleted(object? sender, CoreWebView2InitializationCompletedEventArgs e)
+        {
+            status.Content = "Initialized:" + (e.InitializationException?.ToString() ?? "Success");
+        }
+
+        private void WebView_WebMessageReceived(object? sender, CoreWebView2WebMessageReceivedEventArgs e)
+        {
+            status.Content = e.TryGetWebMessageAsString();
+        }
+
+        private void WebView_NavigationStarting(object? sender, CoreWebView2NavigationStartingEventArgs e)
+        {
+            status.Content = "NavigationStarting";
+        }
+
+        private void WebView_NavigationCompleted(object? sender, CoreWebView2NavigationCompletedEventArgs args)
+        {
+            // Update address bar
+            addressBar.Text = webView.Source.ToString();
+            string info = (args.IsSuccess ? webView.CoreWebView2.DocumentTitle : "error");
+            status.Content = $"NavigationCompleted:{info}";
+        }
+
+        private void GoButton_Click(object sender, RoutedEventArgs e)
+        {
+            if (webView != null && webView.CoreWebView2 != null)
+            {
+                String uri = addressBar.Text;
+                if (uri.StartsWith("http://")) { uri.Replace("http://", "https://"); }
+                try
+                {
+                    webView.CoreWebView2.Navigate(uri);
+                }
+                catch
+                {
+                    status.Content = "InvalidUrl";
+                }
+            }
+        }
+
+        private void ToggleButton_Click(object sender, RoutedEventArgs e)
+        {
+            airspaceButton.Visibility = (airspaceButton.IsVisible ? Visibility.Collapsed : Visibility.Visible);
+            status.Content = "Toggle:" + airspaceButton.Visibility;
+        }
+
+        private void AirspaceButton_Click(object sender, RoutedEventArgs e)
+        {
+            status.Content = "AirspaceClicked";
+        }
+
+        private void AddressBar_GotFocus(object sender, RoutedEventArgs e)
+        {
+            status.Content = "GotFocus:AddressBar";
+        }
+
+        private void GoButton_GotFocus(object sender, RoutedEventArgs e)
+        {
+            status.Content = "GotFocus:GoButton";
+        }
+
+        private void ToggleButton_GotFocus(object sender, RoutedEventArgs e)
+        {
+            status.Content = "GotFocus:ToggleButton";
+        }
+
+        private void AirspaceButton_GotFocus(object sender, RoutedEventArgs e)
+        {
+            status.Content = "GotFocus:AirspaceButton";
+        }
+    }
+
+}
+

SampleApps/WebView2WpfCompositionControl/WebView2WpfCompositionControl/WebView2WpfCompositionControl.csproj

@@ -0,0 +1,17 @@
+<Project Sdk="Microsoft.NET.Sdk">
+
+  <PropertyGroup>
+    <OutputType>WinExe</OutputType>
+    <TargetFrameworks>net8.0-windows10.0.22000.0;netcoreapp3.0</TargetFrameworks>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <UseWPF>true</UseWPF>
+    <LangVersion>10</LangVersion>
+    <Configurations>Debug</Configurations>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Microsoft.Web.WebView2" Version="1.0.*-*" />
+  </ItemGroup>
+
+</Project>