2014-07-14 4 views
0

나는 웹 페이지를 채우려는 페이지가있는 Windows Phone 8 응용 프로그램을 만들고 있지만 웹 브라우저의 맨 아래로 스크롤하면 추가 콘텐츠 (버튼/텍스트/이미지)가 그 아래에 있습니다. 웹 브라우저는 웹 사이트에 따라 다양한 높이가 있습니다.Webbrowser 아래 콘텐츠

example1

당신은 어떤 도움을 이해할 수있을 것이다

example2

하는 WebBrowser의 끝으로 스크롤 할 때!

현재 다음을 수행해야합니다.
이 코드는 이미지를 화면 하단에 배치하지만 웹 브라우저 아래에는 배치하지 않습니다.

<Grid 
    x:Name="ContentPanel" 
    Grid.Row="1" 
    Margin="12,0,12,0"> 

    <phone:WebBrowser 
     x:Name="webView" 
     HorizontalAlignment="Stretch" 
     VerticalAlignment="Stretch" 
     IsScriptEnabled="True" 
     Margin="-13,-26,-13,0"/> 

    <Image 
     Height="100" 
     Width="Auto" 
     Source="Assets/ContentPage/item_follow_icon.png" 
     VerticalAlignment="Bottom"/> 
</Grid> 
+0

브라우저를 반투명으로 설정 하시겠습니까? 또는 이미지를 표시된 웹 페이지의 배경으로 만드시겠습니까? – McGarnagle

+0

전체 화면 브라우저가 필요하며 웹 페이지의 맨 아래로 스크롤하면 추가 콘텐츠가 표시됩니다. 설명 할 이미지가있는 제공자를 제공 할 것입니다. –

+0

내 질문이 업데이트되었습니다! 상황이 더 명확 해지기를 바랍니다. –

답변

0

아마도 스택 패널을 사용할 수 있습니다.

<Grid> 
    <StackPanel orientation="Vertical"> 
     <phone:WebBrowser 
      x:Name="webView" 
      IsScriptEnabled="True" 
      Margin="-13,-26,-13,0"/> 

     <Image 
      Height="100" 
      Width="Auto" 
      Source="Assets/ContentPage/item_follow_icon.png"/> 
    </StackPanel> 
</Grid> 

당신이 당신의 그리드의 행을 정의 할 필요가처럼이 보이는 VerticalAlignment="Stretch"

+0

답장을 보내 주셔서 감사합니다. 불행히도 이것은 작동하지 않습니다 ... –

+0

답변이 개선되었습니다. 도움이 되길 바랍니다. – NBoymanns

+0

여기서 StackPanel의 유일한 문제점은 컨테이너의 크기를 채우지 않고 확장된다는 것입니다. 따라서 브라우저의 자동 크기를 조정할 방법이 없습니다. – McGarnagle

0

없이이 시도 : 두 번째에서 두 번째 행에서 Height="Auto"Height="*" 퍼팅

<Grid ... > 
    <Grid.RowDefinitions> 
     <RowDefinition Height="*" /> 
     <RowDefinition Height="Auto" /> 
    </Grid.RowDefinitions> 

    <phone:WebBrowser Grid.Row="0" ... /> 

    <Image Grid.Row="1" ... /> 
</Grid> 

는 것을 의미하여 이미지의 크기가 먼저 지정되고 브라우저가 남아있는 공간을 채 웁니다.