i set listview style to use horizontal scroll mode and to stretch item's width full,
--------------------------------------------------------------------------------------------------------------------------------------------
<UserControl.Resources>
<DataTemplate x:Key="ViewItemTemplate" >
<local:ViewItemCtrl/>
</DataTemplate>
<Style x:Key="ListViewStyle" TargetType="ListView">
<Setter Property="IsTabStop" Value="False"/>
<Setter Property="TabNavigation" Value="Once"/>
<Setter Property="IsSwipeEnabled" Value="True"/>
<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
<Setter Property="VerticalContentAlignment" Value="Stretch"/>
<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden"/>
<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Disabled"/>
<Setter Property="ScrollViewer.HorizontalScrollMode" Value="Enabled"/>
<Setter Property="ScrollViewer.VerticalScrollMode" Value="Disabled"/>
<Setter Property="ScrollViewer.ZoomMode" Value="Disabled"/>
<Setter Property="ScrollViewer.IsDeferredScrollingEnabled" Value="True"/>
<Setter Property="ScrollViewer.BringIntoViewOnFocusChange" Value="True"/>
<Setter Property="ItemContainerTransitions">
<Setter.Value>
<TransitionCollection>
<AddDeleteThemeTransition/>
<ReorderThemeTransition/>
</TransitionCollection>
</Setter.Value>
</Setter>
<Setter Property="ItemsPanel">
<Setter.Value>
<ItemsPanelTemplate>
<ItemsStackPanel Orientation="Horizontal"/>
</ItemsPanelTemplate>
</Setter.Value>
</Setter>
</Style>
</UserControl.Resources>
<Grid>
<ListView Height="300" Name="ListView" ItemTemplate="{StaticResource ViewItemTemplate}" ContainerContentChanging="ListView_ContainerContentChanging" IsItemClickEnabled="False"
Style="{StaticResource ListViewStyle}"/>
</Grid>
--------------------------------------------------------------------------------------------------------------------------------------------
the listview showed items like this that is i don't want.

i want to display items with full width like below
