我的列表视图覆盖了Xamarin表单下面的行

时间:2017-08-22 20:44:48

标签: xamarin

我有一个列表,在Android和iOS上,它正确地列出了每行中的项目,因为当我在Windows Universal Mobile中运行时它们非常大的项目,它与下面的行重叠,我怎么能解决这个问题?

 <ListView x:Name="List" ItemsSource="{Binding List}"  HasUnevenRows="True" SeparatorVisibility="None" IsRefreshing="False" IsPullToRefreshEnabled="True">
        <ListView.ItemTemplate>
            <DataTemplate>
                <ViewCell >
                    <Grid Padding="5">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="80"/>
                            <ColumnDefinition Width="5"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <StackLayout HeightRequest = "80" WidthRequest="80">
                            <Image x:Name="Image" BackgroundColor="#38B6AB" Scale="1.0" Aspect="AspectFill" VerticalOptions="FillAndExpand">
                                <Image.Source>
                                    <UriImageSource Uri="{Binding Imagem}" CacheValidity="5" CachingEnabled="True"/>
                                </Image.Source>
                            </Image>
                        </StackLayout>
                        <StackLayout Grid.Column="2" Spacing="4"  VerticalOptions="Center">
                            <Label Text="{Binding nome}" TextColor="#38B6AB"  FontSize="Small" LineBreakMode="NoWrap"/>
                            <Label Text="{Binding Data}" TextColor="#666666" FontSize="Small" LineBreakMode="NoWrap"/>
                            <Label Text="{Binding hora}" TextColor="#474747" Font="Bold" FontSize="Small" LineBreakMode="WordWrap"/>
                        </StackLayout>

                    </Grid>
                </ViewCell>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>

以我的设计为例,1线与2线重叠 enter image description here

0 个答案:

没有答案