🎨 增加导航条按键

Author: luojunyuan

src/Avalonia.WebView2.Sample.Mobile/Views/MainView.axaml

@@ -19,11 +19,50 @@
     </Design.DataContext>
 
     <DockPanel>
-        <TextBox
-            x:Name="UrlTextBox"
+        <Grid
             Margin="{Binding StatusBarMargin}"
-            DockPanel.Dock="Top"
-            Watermark="Enter the HTTPS address, then press the Enter key to navigate." />
+            ColumnDefinitions="auto, auto, auto, *"
+            DockPanel.Dock="Top">
+            <Button
+                x:Name="GoBackButton"
+                Grid.Column="0"
+                IsEnabled="{Binding CanGoBack, ElementName=WV}">
+                <TextBlock Text="&#x2190;">
+                    <TextBlock.RenderTransform>
+                        <TransformGroup>
+                            <ScaleTransform ScaleX="2" ScaleY="2" />
+                            <TranslateTransform Y="-2" />
+                        </TransformGroup>
+                    </TextBlock.RenderTransform>
+                </TextBlock>
+            </Button>
+            <Button x:Name="GoForwardButton" Grid.Column="1">
+                <TextBlock Text="&#x2192;">
+                    <TextBlock.RenderTransform>
+                        <TransformGroup>
+                            <ScaleTransform ScaleX="2" ScaleY="2" />
+                            <TranslateTransform Y="-2" />
+                        </TransformGroup>
+                    </TextBlock.RenderTransform>
+                </TextBlock>
+            </Button>
+            <Button x:Name="Refresh" Grid.Column="2">
+                <TextBlock Text="&#x21BB;">
+                    <TextBlock.RenderTransform>
+                        <TransformGroup>
+                            <ScaleTransform ScaleX="2" ScaleY="2" />
+                            <TranslateTransform Y="-2" />
+                        </TransformGroup>
+                    </TextBlock.RenderTransform>
+                </TextBlock>
+            </Button>
+
+            <TextBox
+                x:Name="UrlTextBox"
+                Grid.Column="3"
+                Watermark="Enter the HTTPS address, then press the Enter key to navigate." />
+        </Grid>
+
         <wv2:WebView2
             x:Name="WV"
             DockPanel.Dock="Bottom"

src/Avalonia.WebView2.Sample.Mobile/Views/MainView.axaml.cs

@@ -18,6 +18,22 @@ public MainView()
 
         WV.StorageService = this;
         //WV.Fill = new SolidColorBrush(Colors.Purple);
+
+        GoBackButton.Click += (s, e) =>
+        {
+            if (WV.CanGoBack)
+            {
+                WV.GoBack();
+            }
+        };
+        GoForwardButton.Click += (s, e) =>
+        {
+            if (WV.CanGoForward)
+            {
+                WV.GoForward();
+            }
+        };
+        Refresh.Click += (s, e) => WV.Reload();
     }
 
     IEnumerable<KeyValuePair<(StorageItemType type, string key), StorageItemValue>>? IStorageService.GetStorages(string requestUri)