Xamarin：标签在 ListView 中消失

Question

正在为 Android 设备制作项目。

我已经搜索了一段时间，但找不到为什么会发生这种情况的答案。

<ListView x:Name="ScorebdList"
          Grid.Row="0"
          Grid.ColumnSpan="3"
          Grid.RowSpan="4"
          SelectionMode="None"
          Header="HIGHSCORES">
    <ListView.ItemTemplate>
        <DataTemplate >
            <ViewCell>
                <ViewCell.View>
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="50" />
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="50" />
                        </Grid.ColumnDefinitions>
                            <Label Text="{Binding Score}" HeightRequest="50" 
                                   MinimumHeightRequest="50" WidthRequest="50" 
                                   MinimumWidthRequest="50" HorizontalTextAlignment="Center" 
                                   BackgroundColor="Red"/>
                    </Grid>
                </ViewCell.View>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

说明：
在这里，我试图设置标签的 height 和 width 和 Grid 的相同。 标签上的红色背景以查看它的去向。

这根本没有显示标签。

如果我这样做：

<ListView x:Name="ScorebdList"
          Grid.Row="0"
          Grid.ColumnSpan="3"
          Grid.RowSpan="4"
          SelectionMode="None"
          Header="HIGHSCORES"
          HasUnevenRows="True">
    <ListView.ItemTemplate>
        <DataTemplate >
            <ViewCell>
                <ViewCell.View>
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*" />
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>
                            <Label Text="{Binding Score}" HorizontalTextAlignment="Center" 
                                   BackgroundColor="Red"/>
                    </Grid>
                </ViewCell.View>
            </ViewCell>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

我添加了 HasUnevenRows 属性并将网格中的大小和宽度设置为自动。还删除了 Label 的高度/宽度请求。

现在标签会显示，但不是我想要的那样。

我测试的其他内容：
我还尝试将标签设置在 <StackLayout> 而不是 Grid 内，结果相同。
（在 <ViewCell> 内）
还尝试使用<TextCell> 而不是<ViewCell>，我无法居中但固定高度和宽度...

问题是：
为什么？我错过了什么？

使用第二个代码示例并不是我想要的样子。 我希望我的<ListView> 以我设置的高度和宽度在视图的中心显示高分。

（下面的代码与上面的代码颜色不同，标签为#D87040（橙色），网格背景为#321F1F（深红色）”） 这是两张图片，第一张图片的宽度/高度为 '*'。

这是我在 w/h 上将定义设置为 50 的第二张图片。

Answer 1

您的ListView 没有ItemSource 绑定

Answer 2

使用转换器通过 Listview RowHeight 更改网格行高。

转换器：

public class MyConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return value;
    }     

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
   
}

Xaml：

  <ContentPage.Resources>
    <ResourceDictionary>
        <local:MyConverter x:Key="MyConverter" />
    </ResourceDictionary>
</ContentPage.Resources>
<ContentPage.Content>
    <ListView
        x:Name="ScorebdList"
        Grid.Row="0"
        Grid.RowSpan="4"
        Grid.ColumnSpan="3"
        Header="HIGHSCORES"
        RowHeight="100"
        SelectionMode="None"
        HasUnevenRows="True">
        <ListView.ItemTemplate>
            <DataTemplate>
                <ViewCell>
                    <ViewCell.View>
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="{Binding Source={x:Reference ScorebdList}, Path=RowHeight, Converter={StaticResource MyConverter}}" />
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="100" />
                            </Grid.ColumnDefinitions>
                            <Label
                                BackgroundColor="Red"
                                HorizontalTextAlignment="Center"
                                Text="{Binding score}" />
                        </Grid>
                    </ViewCell.View>
                </ViewCell>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</ContentPage.Content>

代码背后：

 public partial class Page17 : ContentPage
{
    public ObservableCollection<Score> scores { get; set; }
    public Page17()
    {
        InitializeComponent();
        scores = new ObservableCollection<Score>()
        {
            new Score{ score="Score1"},
            new Score{ score="Score2"},
            new Score{ score="Score3"},

        };
        ScorebdList.ItemsSource = scores;
        this.BindingContext = this;
    }
}
public class Score
{
    public string score { get; set; }
}

Answer 3

从您的代码中，我看到您从未将 Grid.Column 和 Grid.Row 设置为您的标签

<Label Text="{Binding Score}" HorizontalTextAlignment="Center" 
    BackgroundColor="Red" Grid.Column="0" Grid.Row="0"/>

Answer 4

这个问题真的很奇怪，但是非常感谢所有帮助我的人！

最后我使用Margin="-50" 来设置网格。 仍然很奇怪我不能使用高度请求、行/列间距……甚至更多。

不过暂时解决了，再次感谢！

与Margin="-50 0"