Điện thoại Windows Làm thế nào để cuộn dọc

Question

Tôi chỉ mới bắt đầu trong việc phát triển WinPhone và không thể tìm ra cách thiết lập cuộn dọc. Ví dụ tôi đã bắt đầu một Pivot App mới, và mã này cho phép người dùng di chuyển lên và phát triển riêng để xem tất cả các mục:

<controls:PivotItem Header="Login"> 
    <!--Double line list with text wrapping--> 
    <ListBox x:Name="FirstListBox" Margin="0,0,-12,0" ItemsSource="{Binding Items}"> 
     <ListBox.ItemTemplate> 
      <DataTemplate> 
       <StackPanel Margin="0,0,0,17" Width="432" Height="78"> 
        <TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/> 
        <TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/> 
       </StackPanel> 
      </DataTemplate> 
     </ListBox.ItemTemplate> 
    </ListBox> 
</controls:PivotItem> 

Bây giờ khi tôi thêm mục trục của riêng tôi, với một stackpanel với nhiều mục hơn có thể được nhìn thấy trên màn hình cùng một lúc, nó sẽ không cho phép tôi cuộn để xem tất cả. Tôi đang thiếu gì ở đây?

Cảm ơn.

Answer 1

Thêm ScrollViewer trên StackPanel và nó sẽ làm cho nó có thể cuộn được.

Answer 2

ListBox trong mã mẫu mà bạn đã cung cấp chức năng cuộn tích hợp sẵn ha. Tuy nhiên, nếu bạn không sử dụng thứ gì đó đã có chức năng cuộn này, bạn sẽ phải thêm ScrollViewer.

<controls:PivotItem Header="Example"> 
    <ScrollViewer Margin="12,0,12,0"> 
     <StackPanel> 
      <TextBlock Text="Example1" FontSize="150" /> 
      <TextBlock Text="Example2" FontSize="150" /> 
     </StackPanel> 
    </ScrollViewer> 
</controls:PivotItem> 

Answer 3

Trong điều khiển trục, nếu nội dung đang tràn trang dọc thì sẽ có cuộn cuộn "dọc" mặc định có sẵn cho bạn.

Tôi có một điều khiển tương tự với hộp danh sách được bao quanh thuộc tính. Có "danh sách" sẽ tự động cho phép bạn cuộn.

Không thêm trình xem ảnh trên bảng ngăn xếp vì nó sẽ làm cho cuộn được bật cho từng mục danh sách mà bạn không muốn.

<controls:PivotItem Header="all authors" Foreground="#FF0C388A"> 
      <Grid> 
       <ListBox Margin="0,0,-12,0" ItemsSource="{Binding AllAuthorsList}" Foreground="#FF0C388A"> 
        <ListBox.ItemTemplate> 
         <DataTemplate> 
           <StackPanel Margin="0,0,0,17" Width="432" Height="Auto"> 
            <TextBlock Tap="TextBlockAuthor_Tap" Text="{Binding}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}" Foreground="#FF0C388A"/> 
           </StackPanel> 
         </DataTemplate> 
        </ListBox.ItemTemplate> 
       </ListBox> 
      </Grid> 
     </controls:PivotItem>