locked
how to stretch item with on listview in horizontal scroll mode? RRS feed

  • 질문

  • 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

    2014년 12월 9일 화요일 오전 7:11