在可缩放布局中显示太多按钮 [UWP]答案

【问题标题】：Display too many buttons in zoomable layout [UWP]在可缩放布局中显示太多按钮 [UWP]
【发布时间】：2017-03-23 03:15:08
【问题描述】：

我必须制作一个 UWP 应用程序，用户可以在其中看到电影院大厅的所有座位，然后预订选定的座位。我将座位显示为按钮，因为我希望它是可点击的，并且当它被选中时我会改变颜色。对于某些大厅，我可能必须显示 800 多个按钮。对于大型大厅，不可能很好地看到座位并在移动设备上选择它们，所以我使用 ScrollViewer 来允许缩放。使用所有这些对性能非常不利。大多数手机因延迟而滚动太慢，而平板电脑屏幕尺寸的变化也会导致延迟。我应该怎么做才能使滚动、缩放和显示太多控件非常流畅和快速？

我考虑过某种游戏引擎框架，但我不知道其中哪些易于使用且可用于 UWP 应用程序。

谢谢！

【问题讨论】：

为什么不使用增量加载。这样，您将只加载您需要的数量，当用户向下滚动时，您将加载更多项目..
@HasanHasanov 问题是在该页面首次启动时，所有座位（按钮）都可见并缩小。让用户看到整个大厅。

标签： c# performance optimization layout uwp

【解决方案1】：

如果座位的实际面积小于手指可以选择的范围，那么您应该放大图形布局。当您放大到足以实际选择它们时，请使用您的按钮。

伪代码

if (seat.area < finger.area) {
  draw_graphic
  touch_zoom_here
} else {
  draw_button
  touch_select
}

【讨论】：