Xamarin Forms - 重绘视图

Question

我正在使用 Xamarin Forms XAML 编写应用程序，我需要一种方法来重绘视图。

我有一个包含多个标签和一个 ListView 的布局。我还有一个按钮，当按下该按钮时，它会调用 API 以下载一组新数据，这些数据需要更新页面上的控件。

我的所有控件都正确绑定，因此当后台数据更新时，视图上的数据会更新，但控件不会重绘，因此会打乱布局的外观。

有时我的 ListView 中的数据可能只有 1 或 2 行，但通常会更多。第一次绘制页面时，一切看起来都很好，但我的问题是使用 ListView 中具有不同行数的数据更新视图时，因为控件不会调整大小。

例子：

当我第一次进入屏幕时，我下载数据，ListView 有 10 个项目，因此在屏幕上绘制了 10 行

当我按下“重新加载数据”按钮时，下载的数据现在可能只包含 2 个项目。数据已正确更新，但屏幕上的间距仍与第一次绘制时相同（包含 10 个项目），所以我现在有一个很大的空白区域。

如果做这个例子的反面（第一个条目是 2 个条目，第二个条目是 10 个条目），那么 ListView 的空间仍然只有 2 个条目高，因此您只能看到 10 个条目中的 2 个。

我想要做的是在下载新数据时以某种方式刷新控件，以便重新绘制 ListView 的大小，并且始终是显示项目数量的正确大小。

Answer 1

有同样的问题。我认为你接近它是错误的。 ListView 不像你想象的那样工作。它的设计并不总是完全适合它的内容。如果需要，您需要自己计算高度并将其设置为ListView。

一种方法是更改​​ListView 的高度。您可以通过将属性绑定到HeightRequest 来实现：

<ListView
  HeightRequest="{Binding ListViewHeight}">
</ListView>

这是我对ListViewHeight 的计算。 RowHeight 对于 Android 是 72，对于 iOS 是 75。由于高度的硬编码值，这是一个肮脏的解决方案，但它是我为该问题找到的最佳解决方案。请记住，您需要调整这些值以满足您的需求，否则您的 ListView 可能太小/太高。

public double ListViewHeight
{
    get
    {
        if (MyItemsList!= null)
        {
            double listViewHeight = MyItemsList.Count * RowHeight;
            if (CanLoadMoreNotifications)
            {
                listViewHeight += RowHeight;
            }
            return listViewHeight;
        }
        return 0;
    }
}

现在，每当您对列表进行更改时，请致电 RaisePropertyChanged("ListViewHeight");。这样，您的 ListView 高度就会被计算出来并更新您的 UI。