顯示在Windows手機滾動按鈕列表

Question

我做的Windows手機應用程序，其中有超過10個按鈕在堆棧面板，但它只顯示按鈕在屏幕上可用的空間，所以如何實現該頁面滾動，以便所有按鈕可以訪問。 這裏是我的代碼：

<phone:PivotItem Header="second"> 
    <StackPanel HorizontalAlignment="Left" Height="595" Margin="10,10,0,0" VerticalAlignment="Top" Width="436"> 
     <Button Content="Button" /> 
     <Button Content="Button" > 
     <Button Content="Button"/> 
     <Button Content="Button"/> 
     <Button Content="Button"/> 
     <Button Content="Button"/> 
     <Button Content="Button"/> 
     <Button Content="Button"/> 
     <Button Content="Button"/> 
     <Button Content="Button"/> 
     <Button Content="Button"/> 
     <Button Content="Button"/> 
    </StackPanel> 

    <!--Double line list no text wrapping--> 

</phone:PivotItem> 

Answer 1

嘗試ScrollViewer類

<ScrollViewer> 
     <StackPanel HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Width="436"> 
      <Button Content="Button" /> 
      <Button Content="Button" /> 
       <Button Content="Button"/> 
       <Button Content="Button"/> 
       <Button Content="Button"/> 
       <Button Content="Button"/> 
       <Button Content="Button"/> 
       <Button Content="Button"/> 
       <Button Content="Button"/> 
       <Button Content="Button"/> 
       <Button Content="Button"/> 
       <Button Content="Button"/> 
       <Button Content="Button"/> 
       <Button Content="Button"/> 
       <Button Content="Button"/> 
      </StackPanel> 
     </ScrollViewer> 

Answer 2

是，ScrollViewer控件可以用來滾動內容比提供給控制可視區域長...

<ScrollViewer> ... content goes here ... </ScrollViewer>

Answer 3

這可以使滾動您的佈局。嘗試這個 -

<phone:PivotItem Header="second"> 
    <ScrollViewer Height="500"> 
     <StackPanel HorizontalAlignment="Left" VerticalAlignment="Top"> 
      <Button Content="Button" /> 
      <Button Content="Button" > 
      <Button Content="Button"/> 
      <Button Content="Button"/> 
      <Button Content="Button"/> 
      <Button Content="Button"/> 
      <Button Content="Button"/> 
      <Button Content="Button"/> 
      <Button Content="Button"/> 
      <Button Content="Button"/> 
      <Button Content="Button"/> 
      <Button Content="Button"/> 
     </StackPanel> 
    </ScrollViewer> 
</phone:PivotItem>