Định hướng GridView với Gói trong WinRT

Question

Tôi đang phát triển một ứng dụng WinRT trong C#, tôi đang sử dụng GridView để trình bày mục của tôi.

Tôi muốn mục của tôi để được sắp xếp theo chiều ngang và sau đó (khi đạt chiều rộng tối đa) các mặt hàng tiếp theo sẽ được bổ sung vào dòng mới (Đơn giản chỉ cần:chỉ dọc cuộn quán bar có thể được hiển thị).

Thật không may XAML hiện tại của tôi chỉ có thể thêm các mục ngang trong một hàng (với một thanh cuộn ngang)

<GridView x:Name="GridChildItem" 
        ItemContainerStyle="{StaticResource NonTickGridViewItem}" 
        VerticalContentAlignment="Stretch" 
        ItemTemplate="{StaticResource CustomChildItemTemplete}" 
        SelectionMode="Single" 
        IsItemClickEnabled="True" 
        ItemClick="gridViewChild_ItemClick_1" 
        Margin="0,40,0,0" 
        Height="Auto" 
        Background="{StaticResource DropDownMenuBackColor}" 
        ScrollViewer.IsHorizontalScrollChainingEnabled="False" 
        ScrollViewer.IsVerticalScrollChainingEnabled ="True" 
        VerticalAlignment="Top"> 
      <GridView.ItemsPanel> 
       <ItemsPanelTemplate> 
        <StackPanel Orientation="Horizontal" Margin="20,0,0,0" /> 
       </ItemsPanelTemplate> 

      </GridView.ItemsPanel> 
</GridView> 

Answer 1

Nếu bạn không muốn cho phép cuộn ngang bạn cần phải sử dụng ListView thay vì GridView,

From MSDN:

Sử dụng một ListView để hiển thị một tập hợp các dữ liệu mà cuộn theo chiều dọc. Để hiển thị bộ sưu tập cuộn theo chiều ngang, hãy sử dụng GridView.

Nhưng nếu bạn muốn giữ lại các gói hành vi bạn cần phải sử dụng WrapGrid như ItemsPanel:

<ListView> 
    <ListView.ItemsPanel> 
      <ItemsPanelTemplate> 
       <WrapGrid Orientation="Horizontal" /> 
      </ItemsPanelTemplate> 
    </ListView.ItemsPanel> 
</ListView> 

Answer 2

Giá trị mặc định ItemsPanelTemplate của một GridView chứa một WrapGrid với Định hướng = "Vertical": nó ngăn xếp dọc và cuộn ngang.

Nếu bạn thay đổi hướng sang ngang, nó sẽ chồng ngang, nhưng vì một lý do nào đó sẽ không cuộn. Bạn có thể giải quyết điều đó bằng cách đặt ScrollViewer.VerticalScrollMode = "Đã bật" trên GridView (không phải trên WrapGrid!).

Ví dụ:

<GridView ScrollViewer.VerticalScrollMode="Enabled"> 
    <GridView.ItemsPanel> 
     <ItemsPanelTemplate> 
      <WrapGrid Orientation="Horizontal" /> 
     </ItemsPanelTemplate> 
    </GridView.ItemsPanel> 
</GridView>