完成效果
1、先要在窗口中拖一个ListBox的控件
2、这些代码是完成效果ListBox的Xaml代码,所以里面有点多,暂时忽视,注意后面的操作, 当做完了就会跟这个一样了
<ListBox x:Name="listBox1" Height="424" Margin="85,8,384,0" VerticalAlignment="Top"
Unloaded="listBox1_Unloaded" Loaded="listBox1_Loaded"
ScrollViewer.VerticalScrollBarVisibility="Disabled"
ScrollViewer.HorizontalScrollBarVisibility="Hidden"
ItemTemplate="{DynamicResource ItemTemplate}" ItemsSource="{Binding Collection}">
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<VirtualizingStackPanel Orientation="Horizontal">
<i:Interaction.Behaviors>
<ei:FluidMoveBehavior AppliesTo="Children"/> <!-- 此段形成平滑的效果-->
</i:Interaction.Behaviors>
</VirtualizingStackPanel>
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
</ListBox>
(1)需要添加两个属性:
ScrollViewer.VerticalScrollBarVisibility="Disabled" //让垂直滚动条消失
ScrollViewer.HorizontalScrollBarVisibility="Hidden" //让水平滚动条隐藏起来
(2)还有个就是让ListBox中的内容也水平展示 需要下面的这个代码:
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<VirtualizingStackPanel Orientation="Horizontal">
</VirtualizingStac