🤖 Android

Author: AigioL

Avalonia.WebView2.slnx

@@ -10,6 +10,7 @@
     <File Path="README.md" />
     <File Path="src/.editorconfig" />
     <File Path="src/Directory.Build.props" />
+    <File Path="src/Directory.Build.targets" />
     <File Path="src/Directory.Packages.props" />
     <File Path="src/GeneratePackage.props" />
     <File Path="src/Version.props" />

README.md

@@ -17,4 +17,6 @@ Microsoft Edge WebView2 控件允许在本机应用中嵌入 web 技术(HTML、C
 
 ## Screenshots
 ![Win11 Sample Screenshot](https://raw.githubusercontent.com/BeyondDimension/Avalonia.WebView2/main/res/screenshots/Avalonia.WebView2.Sample.Win11.webp)  
-![Win7 Sample Screenshot](https://raw.githubusercontent.com/BeyondDimension/Avalonia.WebView2/main/res/screenshots/Avalonia.WebView2.Sample.Win7.webp)
+![Win7 Sample Screenshot](https://raw.githubusercontent.com/BeyondDimension/Avalonia.WebView2/main/res/screenshots/Avalonia.WebView2.Sample.Win7.webp)
+![Android Sample Screenshot](https://raw.githubusercontent.com/BeyondDimension/Avalonia.WebView2/main/res/screenshots/Avalonia.WebView2.Sample.Mobile.Android.webp)
+![Android Storage Sample Screenshot](https://raw.githubusercontent.com/BeyondDimension/Avalonia.WebView2/main/res/screenshots/Avalonia.WebView2.Sample.Mobile.Android-Storage.webp)

res/screenshots/Avalonia.WebView2.Sample.Mobile.Android-Storage.webp

@@ -1,4 +1,4 @@
-<Project Sdk="Microsoft.NET.Sdk">
+<Project Sdk="Microsoft.NET.Sdk">
 
 	<PropertyGroup>
 		<OutputType>Exe</OutputType>
@@ -9,6 +9,15 @@
 		<AndroidPackageFormat>apk</AndroidPackageFormat>
 		<AndroidEnableProfiledAot>false</AndroidEnableProfiledAot>
 		<RootNamespace>Avalonia.WebView2.Sample</RootNamespace>
+		<IsAotCompatible>true</IsAotCompatible>
+	</PropertyGroup>
+
+	<!--<PropertyGroup Condition="'$(Configuration)'=='Debug'">
+		<EmbedAssembliesIntoApk>True</EmbedAssembliesIntoApk>
+	</PropertyGroup>-->
+
+	<PropertyGroup Condition="'$(Configuration)'=='Release'">
+		<AndroidCreatePackagePerAbi>true</AndroidCreatePackagePerAbi>
 	</PropertyGroup>
 
 	<ItemGroup>

res/screenshots/Avalonia.WebView2.Sample.Mobile.Android.webp

@@ -20,8 +20,13 @@ namespace Avalonia.WebView2.Sample;
     RoundIcon = "@mipmap/ic_launcher_round",
     MainLauncher = true,
     ConfigurationChanges = ConfigChanges.Orientation | ConfigChanges.ScreenSize | ConfigChanges.UiMode)]
-public sealed class MainActivity : AvaloniaMainActivity<App>
+sealed class MainActivity : AvaloniaMainActivity<App>
 {
+    /// <summary>
+    /// 获取状态栏的高度
+    /// </summary>
+    /// <param name="ctx"></param>
+    /// <returns></returns>
     static int GetStatusBarHeight(Context ctx)
     {
         var resId = ctx.Resources!.GetIdentifier("status_bar_height", "dimen", "android");
@@ -33,17 +38,33 @@ static int GetStatusBarHeight(Context ctx)
         return default;
     }
 
+    /// <summary>
+    /// 获取 DPI 缩放比例
+    /// </summary>
+    /// <param name="ctx"></param>
+    /// <returns></returns>
+    static double GetScaling(Context ctx)
+    {
+        // https://github.com/AvaloniaUI/Avalonia/blob/a8fb53e92ae31eced207c56d4d2662467afa7d9e/src/Android/Avalonia.Android/Platform/AndroidScreens.cs#L41-L44
+        if (ctx.Resources?.Configuration is { } config)
+        {
+            return config.DensityDpi / (double)global::Android.Util.DisplayMetricsDensity.Default;
+        }
+        return 1D;
+    }
+
     protected override void OnCreate(Bundle? savedInstanceState)
     {
-        MainViewModel.StatusBarMarginTop = GetStatusBarHeight(this);
+        var statusBarHeight = GetStatusBarHeight(this);
+        var scaling = GetScaling(this);
+        MainViewModel.SetStatusBarMargin(top: statusBarHeight, scaling: scaling);
 
         base.OnCreate(savedInstanceState);
     }
 
     protected override AppBuilder CustomizeAppBuilder(AppBuilder builder)
     {
-        return base.CustomizeAppBuilder(builder)
-            .WithInterFont()
+        return App.BuildAvaloniaApp(base.CustomizeAppBuilder(builder))
             .UseReactiveUI();
     }
 }

src/Avalonia.WebView2.Sample.Mobile.Android/Avalonia.WebView2.Sample.Mobile.Android.csproj

@@ -0,0 +1,28 @@
+using Android.Runtime;
+using Android.Webkit;
+using WV2 = global::Avalonia.Controls.WebView2;
+
+namespace Avalonia.WebView2.Sample;
+
+[Application(
+    Debuggable =
+#if DEBUG
+    true,
+#else
+    false,
+#endif
+    UsesCleartextTraffic = WV2.UsesCleartextTraffic)]
+sealed class MainApplication : global::Android.App.Application
+{
+    internal MainApplication(nint javaReference, JniHandleOwnership transfer) : base(javaReference, transfer)
+    {
+    }
+
+    public override void OnCreate()
+    {
+        base.OnCreate();
+
+        // 开启远程调试 WebView https://developer.chrome.google.cn/docs/devtools/remote-debugging/webviews
+        WebView.SetWebContentsDebuggingEnabled(true);
+    }
+}

src/Avalonia.WebView2.Sample.Mobile.Android/MainActivity.cs

@@ -5,7 +5,7 @@
     android:viewportWidth="108"
     android:viewportHeight="108">
     <path
-        android:fillColor="#3DDC84"
+        android:fillColor="#512bd4"
         android:pathData="M0,0h108v108h-108z" />
     <path
         android:fillColor="#00000000"

src/Avalonia.WebView2.Sample.Mobile.Android/MainApplication.cs

@@ -1,3 +1,3 @@
 <resources>
-	<string name="app_name">WebView2.Sample</string>
+	<string name="app_name">AvaWV2(Sample)</string>
 </resources>

src/Avalonia.WebView2.Sample.Mobile.Android/Resources/drawable/ic_launcher_background.xml

@@ -18,8 +18,7 @@ public partial class AppDelegate : AvaloniaAppDelegate<App>
 {
     protected override AppBuilder CustomizeAppBuilder(AppBuilder builder)
     {
-        return base.CustomizeAppBuilder(builder)
-            .WithInterFont()
+        return App.BuildAvaloniaApp(base.CustomizeAppBuilder(builder))
             .UseReactiveUI();
     }
 }