526互联

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

发布时间 2023-08-18 12:39:28作者: MTony

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  
    }