实施具有多个选择的项目列表

时间:2013-01-02 21:19:22

标签: xaml user-interface windows-phone-8 multipleselection

在我的WP8应用程序中,我想实现一个与标准邮件应用程序中非常相似的功能 - 用户可以从列表中选择多个项目。我提供了一些屏幕截图来说明这种行为:

正常状态:
Normal state

用户点击项目的左上角,它变为蓝色: User taps item's left corner and it becomes blue

选择项目
Item is selected

我的问题是,这种多选功能是否是某些容器控件的标准选项,或者我是否应该进行一些自定义编程来实现这一目标?在后一种情况下,您实施此方法的最佳方法是什么,请分享您的想法。

2 个答案:

答案 0 :(得分:11)

对于WP8 Multi-Selection,您需要使用Windows Phone Toolkit的LongListMultiSelector。

您可以找到有关如何使用LongListMultiSelector here(以及后面的代码here)的代码示例。以下是相关的XAML代码段:

    <phone:PivotItem x:Name="BuddiesPivotItem" Header="Std longlistmultiselector">
        <toolkit:LongListMultiSelector x:Name="buddies" Background="Transparent"
                Margin="0,-8,0,0"
                ItemsSource="{StaticResource buddies}"
                LayoutMode="List"
                IsGroupingEnabled="True"
                HideEmptyGroups="True"
                JumpListStyle="{StaticResource BuddiesJumpListStyle}"
                GroupHeaderTemplate="{StaticResource BuddiesGroupHeaderTemplate}"
                ItemTemplate="{StaticResource BuddiesItemTemplate}"
    />
    </phone:PivotItem>

    <phone:PivotItem x:Name="GridModeItem" Header="Grid mode">
        <toolkit:LongListMultiSelector x:Name="GridSelector"
               ItemsSource="{StaticResource PicturesAlbum}"
               IsGroupingEnabled="False"
               GridCellSize="210,180"
               LayoutMode="Grid"
               HideEmptyGroups="True"
               ItemTemplate="{StaticResource PictureItemTemplate}"
               IsSelectionEnabledChanged="OnGridSelectorIsSelectionEnabledChanged"
               SelectionChanged="OnGridSelectorSelectionChanged"
        />
    </phone:PivotItem>

运行这些代码段时,您可以看到以下内容:

LongListMutliSelector print screen

您可以阅读有关Windows Phone 8工具包here的更多信息。

答案 1 :(得分:2)

我的工具包中缺少LonglistmultiSelector ..

如果我运行以下代码:

<toolkit:LongListMultiSelector x:Name="EmailList" 
                                                Margin="0,14,-12,0"
                                                ItemsSource="{StaticResource EmailCollection}"
                                                LayoutMode="List"
                                                SelectionChanged="OnEmailListSelectionChanged"
                                                          IsSelectionEnabledChanged="OnEmailListIsSelectionEnabledChanged"
                                                ItemTemplate="{StaticResource EmailItemTemplate}"
                                                ItemInfoTemplate="{StaticResource EmailItemInfoTemplate}"
            />

如果得到错误: 错误1名称“LongListMultiSelector”在名称空间“clr-namespace:Microsoft.Phone.Controls; assembly = Microsoft.Phone.Controls.Toolkit”中不存在。