2016-08-16 1 views
0

Я делаю приложение для WP 8.1, и я получаю от API строку, которую я должен показать, с некоторыми элементами html, поэтому, чтобы показать это, я должен поместить webview в xaml.Мне нужно установить webview и добавить некоторые другие элементы после него в WP8.1

До этого у меня есть несколько текстовых блоков и изображения, а после текстового комментария у меня будут другие текстовые блоки и может быть другое изображение; и все должно быть вкручено в scrolviewer.

Моя проблема в том, что: - Если я установил веб-просмотр напрямую, все после того, как оно не будет видно. - Если я поместил сетку поверх нее, я решу эту проблему, но я не могу определить высоту сетки, чтобы покрыть все (например: какую формулу я могу использовать, чтобы увидеть, насколько высока веб-точка зрения?)

Как я могу правильно установить это?

 <ScrollViewer x:Name="descriptionNoChildOnly" Margin="0,0,0,0" Visibility="Collapsed"> 
     <Grid Background="White"> 
      <StackPanel> 
     <TextBlock x:Name="titleNoChild" HorizontalAlignment="Center" VerticalAlignment="Top" Margin="0,20,0,0" TextAlignment="Center" TextWrapping="Wrap" FontFamily="open sans" FontSize="28" Width="360" Height="Auto" Foreground="Black"/> 
      <Image Height="Auto" x:Name="imageNoChild" Visibility="Collapsed"/> 
      </StackPanel> 
      <WebView x:Name="descNoChild" Width="380" Height="Auto" HorizontalAlignment="Left" VerticalAlignment="Stretch" Margin="10,100,10,0" DefaultBackgroundColor="#FFF3F3F3"/> 
      <Grid Background="Transparent" Width="400" Height="10.25" VerticalAlignment="Top" HorizontalAlignment="Left"/> 
     </Grid> 
    </ScrollViewer> 

ответ

0

, какую формулу можно использовать, чтобы увидеть, насколько это высота WebView?

Вы можете использовать ElementName связывания для связывания с ActualWidth и ActualHeight другого элемента (протестировано этот код на Windows Store App). Это дает вам Grid, размеры которого будут такими же, как у WebView.

<WebView Source="http://www.google.com" Width="300" Height="300" Name="descNoChild"/> 
<Grid Width="{Binding ElementName=descNoChild,Path=ActualWidth}" Height="{Binding ElementName=descNoChild,Path=ActualHeight}"/> 

// Grid Width and Height will be 300 
0

У меня есть решение, которое я думаю, может работать для вас, если вы хотите, чтобы организовать все ваши элементы сверху вниз и обернуть их внутри ScrollViewer, так что вы можете иметь свободу прокрутки пунктов.

Тогда ваш ответ использует StackPanel внутри scrollviewer, в котором будет размещен весь другой элемент.

<ScrollViewer> 
    <StackPanel> 
     ...Other elements go in here 
    </StackPanel> 
</ScollViewer> 

С этим вам не придется беспокоиться о других элементах, которые чередуются друг с другом.

Надеюсь, что вы просите.