2014-09-12 7 views
0

Grid 컨트롤 내부에있는 ScrollViewer를 사용하고 있으며 그 정렬은 화면 중앙에 있습니다. Scrolllviewer에는 웹 브라우저 컨트롤이 있으며 높이와 너비는 웹 페이지의 크기에 따라 다릅니다. 높이가 너무 큰 경우에서 ScrollViewer의 스크롤 지금 내가 항상 ScrollViewer에 왼쪽 위치와 항상 ScrollViewer에 수직으로 화면 중앙에 맞을 다른 버튼으로 버튼이 필요 거친 XAML이WPF 버튼 ScrollViewer의 왼쪽 및 오른쪽

<Grid> 
<ScrollViewer HAlign="Center" RAlign="Center"> 
    <Browser/> 
</ScrollViewer/> 
</Grid> 

처럼 나타납니다

스크롤바 내부에 버튼을 배치하면 브라우저의 높이가 너무 길면 버튼도 내려갑니다. 그것은 여기 enter image description here

+0

dockpanel을 사용해 보셨습니까? – pushpraj

답변

1

내가 같은

<Grid> 
    <DockPanel LastChildFill="True" HorizontalAlignment="Center" VerticalAlignment="Center" MaxWidth="500"> 
     <Button Content="Prev page" DockPanel.Dock="Left"/> 
     <Button Content="Next page" DockPanel.Dock="Right"/> 
     <ScrollViewer> 
      <WebBrowser Source="http://www.google.com"/> 
     </ScrollViewer> 
    </DockPanel> 
</Grid> 

결과 위의

result

에 대한 DockPanel을 사용하는 방법처럼 샘플 레이아웃을 볼 수 있습니다 보여주는 예에 불과 DockPanel 사용


4 : 1는 stretch to available space 또는 * 폭

예를 활성화 열 정의 그리드를 사용하여 그리드

사용

예 상술
<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="1*" /> 
     <ColumnDefinition Width="4*" 
          MaxWidth="500" /> 
     <ColumnDefinition Width="1*" /> 
    </Grid.ColumnDefinitions> 
    <Button Content="Prev page" 
      DockPanel.Dock="Left" /> 
    <ScrollViewer Grid.Column="1"> 
     <WebBrowser Source="http://www.google.com" /> 
    </ScrollViewer> 
    <Button Content="Next page" 
      DockPanel.Dock="Right" 
      Grid.Column="2" /> 
</Grid> 

1 3 열로 격자 분할 폭의 비율. 이렇게하면 정의 된 비율을 사용하여 사용 가능한 공간을 배포 할 수 있습니다. 또한 브라우저 열의 최대 너비를 500 픽셀로 설정 했으므로 정의 된 너비에 도달 한 후에 버튼을 늘릴 수 있습니다.

+0

왼쪽 및 오른쪽의 단추가 브라우저 컨트롤의 왼쪽 및 오른쪽에 사용 가능한 공간을 모두 사용하는지 어떻게 확인할 수 있습니까? 위의 예에서 MaxWidth는 500 픽셀로 설정되어 있습니다. 그러나 값이 설정되지 않은 경우 버튼을 스트레치로 만들려면 어떻게해야합니까? –

관련 문제