如何使用Xamarin Forms，示例显示购物项目，如Paint Image中所示生成列表视图

Question

Please Check the Image for DisplayFormat

我尝试使用AiForms但未能触发Image Tap事件

Answer 1

要连续显示2个条目，您可以为列表视图中的每个单元格创建一个包含2列的Grid，如下所示：

<ListView>
    <ListView.ItemTemplate>
        <DataTemplate>
            <ViewCell Height="100">
                <Grid VerticalOptions="FillAndExpand">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Height="Auto" />
                        <ColumnDefinition Height="Auto"/>
                    </Grid.ColumnDefinitions>
                    <AbsoluteLayout Grid.Row="0" Grid.Column="0">
                        <Image Source="{Binding ImageSource}"
                            AbsoluteLayout.LayoutFlags="All"
                            AbsoluteLayout.LayoutBounds="0.5, 0.1, 0.8, 0.5"/>
                        <Button BorderWidth="0" Clicked="ButtonClicked"
                            BackgroundColor="Transparent"
                            AbsoluteLayout.LayoutFlags="All"
                            AbsoluteLayout.LayoutBounds="0.5, 0.1, 0.8, 0.5"/>
                        ...
                    </AbsoluteLayout>
                    <AbsoluteLayout Grid.Row="0" Grid.Column="1">
                        ...
                    </AbsoluteLayout>
                </Grid>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

然后对于图像点击事件，您可以在绝对布局中的相同位置覆盖图像顶部的透明按钮（如上面的代码所示）。如果要区分按钮，可以在C＃中设置透明按钮的AutomationId。