Maui Blazor 安卓文字随系统文字缩放问题解决

Maui Blazor 的文字在正常情况下会随着用户手机内的系统文字设置大小而变化，所以可能导致手机应用内APP的布局由于文字变得过大或者过小而错乱。

可以通过设置Webview里的文字缩放，保持应用内文字大小不变，代码如下：

1. 首先在Mainpage.xaml里设置好初始化事件，BlazorWebViewInitialized="BlazorWebView_BlazorWebViewInitialized"：

<BlazorWebView HostPage="wwwroot/index.html" BlazorWebViewInitialized="BlazorWebView_BlazorWebViewInitialized" VerticalOptions="FillAndExpand">
        <BlazorWebView.RootComponents>
            <RootComponent Selector="#app" ComponentType="{x:Type local:Main}" />
        </BlazorWebView.RootComponents>
</BlazorWebView>

 

2. 在Mainpage.xaml.cs里设置代码：

    void BlazorWebView_BlazorWebViewInitialized(object? sender, BlazorWebViewInitializedEventArgs e)
    {
#if ANDROID
        e.WebView.Settings.TextZoom = 100;
        e.WebView.Settings.SetSupportZoom(false);
#endif  
    }

知识共享许可协议

本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布，但务必保留文章署名Tony（包含链接： https://www.cnblogs.com/wecareu/ ），不得用于商业目的，基于本文修改后的作品务必以相同的许可发布。如有任何疑问，请与我联系 。

转载声明

本文来自博客园，作者：Tony，转载请注明原文链接：https://www.cnblogs.com/wecareu/p/17855489.html