アダプティブリストヘルプ（Windows Universal App）

Question

以下は、ListViewを定義する私のxamlコードです。出力は一連の製品です。しかし問題は、製品が順番に並んでいることです。

私は、出力が縦に次々と合わせたいです。

<ListView x:Name="list" Margin="0,0,0,0" SelectionChanged="list_SelectionChanged" VerticalAlignment="Top"> 
    <ListView.Resources> 
     <DataTemplate x:Key="myCell"> 
      <Border BorderBrush="Gray" BorderThickness="0,0,0,0" > 
       <Grid Margin="0" x:Name="tryadpative" > 
        <Grid.RowDefinitions> 
         <RowDefinition Height="8*" /> 
         <RowDefinition Height="1*" /> 
         <RowDefinition Height="1*" /> 
        </Grid.RowDefinitions> 

        <Image x:Name="prodimg" Width="auto" Source="{Binding prodimg}" Grid.Row="0"></Image> 
        <TextBlock x:Name="productcode" TextWrapping="Wrap" Text="{Binding productcode}" HorizontalAlignment="Center" Width="auto" FontSize="12" Grid.Row="1" Foreground="Gray"/> 
        <TextBlock x:Name="productname" FontSize="14" HorizontalAlignment="Center" VerticalAlignment="Bottom" Foreground="Gray" Grid.Row="0" Text="{Binding productname}" /> 
        <TextBlock x:Name="productmindec" TextWrapping="Wrap" HorizontalAlignment="Center" Text="{Binding productmindec}" Width="auto" FontSize="14" Grid.Row="2" Foreground="Gray"/> 

        <!--<Image x:Name="prodimg" Width="auto" Source="{Binding prodimg}" Grid.Row="0"></Image> 
        <TextBlock x:Name="productcode" TextWrapping="Wrap" Text="{Binding productcode}" Width="auto" FontSize="12" Foreground="Gray"/> 
        <TextBlock x:Name="productname" FontSize="14" Foreground="Gray" Text="{Binding productname}" /> 
        <TextBlock x:Name="productmindec" TextWrapping="Wrap" Text="{Binding productmindec}" Width="auto" FontSize="14" Foreground="Gray"/>-->                     

       </Grid> 
      </Border> 
     </DataTemplate> 
    </ListView.Resources> 

    <!--<ListView.ItemContainerStyle> 
     <Style TargetType="ListViewItem"> 
      <Setter Property="HorizontalContentAlignment" Value="Stretch" /> 
     </Style> 
    </ListView.ItemContainerStyle>--> 

    <ListView.ItemTemplate> 
     <StaticResource ResourceKey="myCell"/> 
    </ListView.ItemTemplate> 

</ListView> 

Answer 1

ItemsStackPanelは、一度に複数のアイテムを表示するのItemsControlのItemsPanelとして使用することができます。 ComboBoxやFlipViewなど、一度に1つの項目のみを表示するItemsControlでは使用できません。 ItemsStackPanelは、ListViewのデフォルトのItemsPanelです。

デフォルトでは、ItemsStackPanelはアイテムを上から下に縦に積み重ねます。 OrientationプロパティをHorizo​​ntalに設定すると、項目を左から右に積み重ねることができます。

詳細については、ItemsStackPanelを参照してください。

HorizontalをItemsStackPanelのOrientationに設定する必要があります。例えば

：あなたが水平でリストビューをスクロールしたい場合はところで

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

、あなたはListViewにVisibleScrollViewer.HorizontalScrollModeからScrollViewer.HorizontalScrollBarVisibilityにとEnabledを設定することができるはずです。例えば

：

<ListView x:Name="list" 
      Margin="0,0,0,0" 
      SelectionChanged="list_SelectionChanged" 
      VerticalAlignment="Top" 
      SelectionMode="Single" 
      ScrollViewer.HorizontalScrollBarVisibility="Visible" 
      ScrollViewer.HorizontalScrollMode="Enabled"> 
</ListView>