LongListMultiSelector 的项目水平答案

【问题标题】：Items of LongListMultiSelector horizontallyLongListMultiSelector 的项目水平
【发布时间】：2013-11-27 13:46:12
【问题描述】：

几个小时以来，我一直在尝试将我的 LongListMultiSelector 从 WP 工具包中更改为水平显示其项目，如下面的屏幕截图所示（来自全景示例）。

我什至尝试更改其模板，但没有任何积极影响。

非常感谢您的帮助。

【问题讨论】：

那么您如何实际向我们展示您的尝试？
我不知道该向您展示什么，因为我唯一实现的是项目是水平的，但仅在 1 行中。您知道我希望获得与标准 LongListMultiSelector 提供的完全相同的效果，但以水平方式。我什至不知道这是否可能，因为我在 StackOverflow 上看到了一些与 ListListSelector 相关的问题，我从中了解到只有 ListBox 才有可能（但在这里我将失去我想要的行为 - 多选。当然，我也不会能够以我需要的方式显示元素列表。简单的水平 StackPanel 不是我想要的。

标签： xaml windows-phone-8 longlistselector

【解决方案1】：

好的。我终于做到了。如果有人会遇到同样的问题，这是我的解决方案。

我总是尽量避免通过代码隐藏的方式解决 WP 中的布局问题，但我是这样做的。

我的 XAML：

<Grid Margin="10 -30 0 0" Name="GridWithLLMS">
    <toolkit:LongListMultiSelector LayoutMode="Grid"
        ItemsSource="{Binding Items}"
        GridCellSize="255,190"
        toolkit:TiltEffect.IsTiltEnabled="True"
        EnforceIsSelectionEnabled="True"
        Margin="0"
    />
</Grid>

我的代码：

public AddNewTrainingPage()
{
    InitializeComponent();

    SetWidthOfGridWithExercisesDependingOnQuantityOfItems();
    DataContext = App.Db;
}

private void SetWidthOfGridWithExercisesDependingOnQuantityOfItems()
{
    ExercisesListGrid.Width = ((App.Db.Items.Count / 3) + 1) * 270;
}

地点：

3 是我想要的行数
255 的宽度为 1 LongListMultiSelectorItem（+ 潜在边距宽度）

当然，我假设我的 LongListMultiSelector 项目不会改变。如果你想让它与元素的动态集合一起工作，你应该将 LongListMultiSelector 的宽度绑定到 ViewModel 中集合项目数量的属性

【讨论】：

【解决方案2】：

看看这个

http://www.geekchamp.com/articles/wp7-longlistselector-in-depth--part2-data-binding-scenarios

最后的代码 sn-p 会有所帮助。

<toolkit:LongListSelector.GroupItemsPanel>
   <ItemsPanelTemplate>
      <toolkit:WrapPanel/>
    </ItemsPanelTemplate>
 </toolkit:LongListSelector.GroupItemsPanel>

【讨论】：

感谢您的回答。不幸的是，我使用的是 WP8，而您发送的文章是关于 WP7 的。我不知道 WP7 和 WP8 之间的区别，但是： 1. 在 WP8 中，我使用 <phone:> 而不是 <toolkit:> 来使用 LongListSelector。 2. 要从 toolkit 编辑 LongListMultiSelector 的模板，我需要编辑 LongListMultiSelector 内部的 LongListSelector 我无法从 <phone:> 访问 LongListSelector 的属性 GroupItemsPanel