Compartir a través de

Zoom de la vista web en Android

  • Artículo

Esta aplicación.NET Multi-Platform App UI (.NET MAUI) específica de la plataforma Android permite ampliar o reducir para aplicar zoom y permite un control de zoom en WebView Se consume en XAML estableciendo las propiedades WebView.EnableZoomControls y boolean enlazables, y en los valores WebView.DisplayZoomControls:

<ContentPage ...
             xmlns:android="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.AndroidSpecific;assembly=Microsoft.Maui.Controls">
    <WebView Source="https://www.microsoft.com"
             android:WebView.EnableZoomControls="true"
             android:WebView.DisplayZoomControls="true" />
</ContentPage>

La propiedad WebView.EnableZoomControls enlazable controla si la función de reducir o ampliar para aplicar zoom está habilitada en WebView y la propiedad WebView.DisplayZoomControls enlazable controla si los controles de zoom están superpuestos en WebView

Como alternativa, la plataforma específica se puede consumir desde C# mediante la API fluida:

using Microsoft.Maui.Controls.PlatformConfiguration.AndroidSpecific;
...

webView.On<Microsoft.Maui.Controls.PlatformConfiguration.Android>()
    .EnableZoomControls(true)
    .DisplayZoomControls(true);

El método WebView.On<Microsoft.Maui.Controls.PlatformConfiguration.Android> especifica que esta plataforma específica solo se ejecutará en Android. El método WebView.EnableZoomControls, en el espacio de nombres Microsoft.Maui.Controls.PlatformConfiguration.AndroidSpecific, se usa para controlar si la función de reducir o ampliar para aplicar zoom está habilitada en WebView. El método WebView.DisplayZoomControls, en el mismo espacio de nombres, se usa para controlar si los controles de zoom están superpuestos en WebView. Además, los métodos WebView.ZoomControlsEnabled y WebView.ZoomControlsDisplayed se pueden usar para devolver si la función de ampliar o reducir para aplicar zoom y los controles de zoom, están habilitados respectivamente.

El resultado es que se puede habilitar la función de ampliar o reducir para aplicar zoom en WebView, y los controles de zoom se pueden superponer en WebView:

Screenshot of zoomed WebView on Android.

Importante

Los controles de zoom deben estar habilitados y mostrarse, a través de las propiedades o métodos enlazables correspondientes, para superponerse en WebView.