2015-12-15 4 views
0
<Page 
    x:Class="App1.MainPage" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:local="using:App1" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" Height="833.831" Width="1351"> 

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Unloaded="Unlaoded" Margin="-47,0,0,0" HorizontalAlignment="Right" Width="1398"> 


     <WebView x:Name="WebView" LoadCompleted="WebView_LoadCompleted" Height="814" VerticalAlignment="Top" Margin="-55,10,10,0" Grid.RowSpan="2" HorizontalAlignment="Right" Width="1396" RenderTransformOrigin="0.506,0.695" 

/> 

     <ProgressRing x:Name="ProgressRing1" 
         Margin="642.019,405,671.173,378.647" 
         Height="50.353" Width="84.808" 
         Foreground="BlueViolet" 
         UseLayoutRounding="False" d:LayoutRounding="Auto" 
         > 

      <ProgressRing.RenderTransform> 
       <CompositeTransform Rotation="1.006"/> 
      </ProgressRing.RenderTransform> 
     </ProgressRing> 



    </Grid> 
</Page> 

привет всем, что я новичок в этом форуме, а также я новичок в программировании uwp. Я в отчаянном положении, и мне нужна помощь. Я не могу сделать приведенный выше веб-просмотр отзывчивым на всех платформах (рабочий стол, телефон Windows). Я загружаю webview из кода из локального приложения, и я не могу сделать его адаптивным на всех платформах. Может ли кто-нибудь помочь мне заставить его работать с xaml.Adaptivness Webview в универсальных окнах 10 приложение

ли мне нужно поставить

<RelativePanel .../> 

в XAML коде.

ответ

0

Если ваш встроенный URL-адрес веб-сайта является отзывчивым, ниже изменения кода помогут вам подобрать свой сайт для всех размеров экрана. Автоматический размер макета и выравнивание помогут вам подогнать все размеры экрана.

<Page 
    x:Class="App1.MainPage" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:local="using:App1" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d"> 

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Unloaded="Unlaoded"> 

     <WebView x:Name="WebView" LoadCompleted="WebView_LoadCompleted" /> 

     <ProgressRing x:Name="ProgressRing1"    
      Height="50.353" Width="84.808" 
      Foreground="BlueViolet" 
      UseLayoutRounding="False" d:LayoutRounding="Auto" /> 
    </Grid> 
</Page> 
3

Нельзя использовать фиксированные значения для ширины и высоты. Взгляните на следующие ссылки: Arranging UI Elements и Layout with Absolute and Dynamic Positioning , чтобы иметь представление о том, как позиционирование работает в XAML.

Я думаю, что вы создали пользовательский интерфейс, используя конструктор, поэтому вы получили эти значения.

Ниже приведен простой пример, когда веб-представление заполняющей все пространство со страницы:

XAML

<Page 
x:Class="Stack1.MainPage" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
mc:Ignorable="d"> 

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 

    <WebView 
     x:Name="WebView" 
     LoadCompleted="WebView_LoadCompleted" 
     Source="https://www.google.com"/> 

    <ProgressRing x:Name="ProgressRing" 
        Foreground="BlueViolet" 
        IsActive="True" 
        Width="100" 
        Height="100" 
        > 
    </ProgressRing> 

</Grid> 

C# код позади

public sealed partial class MainPage : Page 
{ 
    public MainPage() 
    { 
     this.InitializeComponent(); 
    } 

    private void WebView_LoadCompleted(object sender, NavigationEventArgs e) 
    { 
     ProgressRing.Visibility = Visibility.Collapsed; 
    } 
} 

ProgressRing будет отображаться до тех пор, пока содержимое веб-представления не будет загружено (использование Loa dCompleted event)

Относительно адаптивного пользовательского интерфейса вы можете взглянуть на это video.

+0

thnx это был глупый вопрос, но thnxx !!! :) –