是否可以在metro应用程序中以水平方式拖放列表视图？ [英] Is it possible to drag and drop a listview in only horizontal way in metro app?

问题描述

我想知道我是否可以在metro应用中以水平方式拖放列表视图？

如果有可能，那我该如何实现呢？

提前致谢。

解决方案

我这样做了：

< Grid Background =" {StaticResource ApplicationPageBackgroundBrush}"> ; 
< ListView x：Name =" MyListView"的AllowDrop = QUOT;真" CanDragItems = QUOT;真" CanReorderItems = QUOT;真" > 
< ListView.ItemsPanel> 
< ItemsPanelTemplate> 
< StackPanel Orientation =" Horizo​​ntal" /> 
< / ItemsPanelTemplate> 
< /ListView.ItemsPanel> 
< ListView.Items> 
< Image Source =" Assets / one.jpg"宽度= QUOT; 100"高度= QUOT; 100">< /图像> 
< Image Source =" Assets / two.jpg"宽度= QUOT; 100"高度= QUOT; 100">< /图像> 
< Image Source =" Assets / three.jpg"宽度= QUOT; 100"高度= QUOT; 100">< /图像> 
< Image Source =" Assets / four.jpg"宽度= QUOT; 100"高度= QUOT; 100">< /图像> 
< /ListView.Items> 
< / ListView> 
< / Grid> 

用自己的方式替换图像one.jpg等，并以水平方式拖放将按预期工作。

Hi,

I am wondering if I can drag and drop a listview in only horizontal way in metro app?

If it is possible, then how can I achieve it?

Thanks in advance.

解决方案

I did this:

<Grid Background="{StaticResource ApplicationPageBackgroundBrush}">
        <ListView x:Name="MyListView" AllowDrop="True" CanDragItems="True" CanReorderItems="True" >
            <ListView.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Horizontal"/>
                </ItemsPanelTemplate>                
            </ListView.ItemsPanel>
            <ListView.Items>
                <Image Source="Assets/one.jpg" Width="100" Height="100"></Image>
                <Image Source="Assets/two.jpg" Width="100" Height="100"></Image>
                <Image Source="Assets/three.jpg" Width="100" Height="100"></Image>
                <Image Source="Assets/four.jpg" Width="100" Height="100"></Image>
            </ListView.Items>
        </ListView>
    </Grid>

Replace the images one.jpg, etc. with your own and drag/drop in a horiztonal way will work as expected.

这篇关于是否可以在metro应用程序中以水平方式拖放列表视图？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！