고정 헤더가있는 UWP 수직 스크롤 막대

Question

UWP에서 고정 된 헤더 행에 내 앱 상단에 몇 개의 버튼이 포함되어 있습니다. 나머지 화면은 고정 탐색과 같이 수직 스크롤 할 수 있어야합니다.

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
    <StackPanel> 
     <RelativePanel> 
      <Button x:Name="btntest" Content="fixed button"/> 
     </RelativePanel> 
     <StackPanel> 
      <ScrollViewer x:Name="MyScrollView" VerticalScrollBarVisibility="Visible"> 
       <StackPanel Padding="0,30,0,0"> 
        [...my Content...] 
       </StackPanel> 
      </ScrollViewer> 
     </StackPanel> 
    </StackPanel> 
</Grid> 

스크롤 막대가 표시되기 때문에, 내가하고 싶은 일을하지 않지만, (화면보다 높은) 내용을 스크롤 할 수 없습니다

이 지금까지 내 코드입니다.

어떻게 목표를 달성 할 수 있습니까? 패널 (스택, 상대?) 및 ScrollViewer를 어떻게 정렬해야합니까?

Answer 1

은 당신이 올바른 이해하면 당신은 당신이 수직 StackPanel의 사용하거나 적절한 행 (모든 사용자의 요구에 따라 다름)와 그리드를 사용하여 하나이를 달성 할 수 있어야합니다, 당신의 ScrollViewer 위의 고정 된 헤더를 원하는 . 샘플 :

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="*"/> 
    </Grid.RowDefinitions> 
    <Button Grid.Row="0" x:Name="btntest" Content="fixed button"/> 
    <ScrollViewer Grid.Row="1" x:Name="MyScrollView" VerticalScrollBarVisibility="Visible"> 
     <StackPanel Padding="0,30,0,0"> 
      [...my Content...] 
     </StackPanel> 
    </ScrollViewer> 
</Grid>