Question

我有一个在运行时从Web服务填充的列表视图。在listview的数据模板中，我制作了flipview，每个flipview都有三个用户可以刷卡的图像。我附上了我正在寻找的图像。

enter image description here

问题

flipview无法获得用户互动。这是下面的xaml

<ListView   ManipulationMode="None" IsZoomedInView="False"  IsSwipeEnabled="False" >
    <ListView.ItemTemplate >
        <DataTemplate>
            <Grid>
                <FlipView ItemsSource="{Binding image}" ManipulationMode="All">
                    <FlipView.ItemTemplate>
                        <DataTemplate>
                            <Image Source="{Binding image}" Stretch="Fill"></Image>
                        </DataTemplate>
                    </FlipView.ItemTemplate>
                </FlipView>
            </Grid>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

Answer 1

您必须在此处应用解决方法。

使用gridview而不是flipview。
编辑gridview的模板（删除它并添加（复制/粘贴）flipview模板）

接下来，技巧，

将粘贴状态的目标类型更改为gridview
查找/替换模板中的所有其他flipview标记 gridview标签
最后一步，将这个新模板绑定到gridview（在其中列表视图）

Answer 2

您可以添加 ItemsControl 而不是ListView，因为ListView对使用水平手势的内部控件有一些问题。

if (Meteor.isClient) {
   Meteor.call('getApiResult', function(err, result) {
      if (result) {
          console.log("reached meteor call")
          console.log(result);
      }
   });
};

您可能需要手动添加ScrollViewer，因为ItemsControl没有

动态列表视图内的翻转视图不可刷卡

2 个答案: