UWP: содержимое `webview` обрезается при изменении размера окна - PullRequest
Новая
       9

UWP: содержимое `webview` обрезается при изменении размера окна

0 голосов
/ 22 ноября 2018

Я хочу изменить размер webview с окном.Но когда я уменьшаю размер окна, веб-просмотр отключается.(Когда я увеличиваю размер окна, оно выглядит нормально.) 

    <Grid>
        <WebView x:Name="m_WebView" HorizontalAlignment="Left" Height="350" Margin="0,0,0,0" VerticalAlignment="Top" Width="568" ScriptNotify="m_WebView_ScriptNotify" NavigationCompleted="m_WebView_OnNavigationCompleted" x:FieldModifier="public"/>
        <ProgressRing x:Name="workingProgressRing" HorizontalAlignment="Center" VerticalAlignment="Center" Width="50" Height="50"/>

    </Grid>

        private void Page_onSizeChanged2(object sender, SizeChangedEventArgs e)
        {

            double widthRatio = e.NewSize.Width / (double)568;
            double heightRatio = e.NewSize.Height / (double)320;
            double newRatio = widthRatio < heightRatio ? widthRatio : heightRatio;
            double newWidth = 568 * newRatio;
            double newHeight = 320 * newRatio;

            m_WebView.RenderTransform = new CompositeTransform { ScaleX = newRatio, ScaleY = newRatio };

            ((CompositeTransform)m_WebView.RenderTransform).TranslateX = -(newWidth - 568 * widthRatio) / 2;
            ((CompositeTransform)m_WebView.RenderTransform).TranslateY = -(newHeight - 320 * heightRatio) / 2;


        }

Обычное изображение окна.

Отключение изображения веб-просмотра.

1 Ответ

0 голосов
/ 22 ноября 2018

Надлежащим способом управления размерами в UWP является автоматическое масштабирование на основе макета вместо прямого жесткого кодирования значений Width и Height.

В вашем случае вы можете удалить Width и Height атрибутов, установите HorizontalAlignment и VerticalAlignment на Stretch и позвольте WebView масштабироваться вместо Grid.

...