C#：Winform / WPF / UWP 中的砌體布局

Question

我正在嘗試在 WinForm 中的定制圖像網格/畫廊控件中開發砌體布局。 目前，我的控件以具有快速 GDI 渲染的方形網格格式顯示圖像。 Masonry 布局通常用於 Web，並且 Internet 上有很多關於 CSS 和 Javascript 的資源。 但我注意到一些 Windows10 應用程序也顯示磚石布局，例如照片應用程序。 我注意到的另一件事是網絡上常用的砌體布局是在垂直方向（可變高度）開發的，而 Win10 照片應用程序（以及其他類似應用程序）使用的布局使用固定行高水平砌體布局。

我正在嘗試開發類似的代碼（根據照片應用程序的屏幕截圖）。 我無法弄清楚的一點是布局如何配置每行顯示多少項目。 有些行有 4 個項目、3 個項目或有時 5 個項目。 它完全靈活，具體取決於照片尺寸/方面。 總體而言，布局控件/面板的寬度是固定的。

UWP 應用程序本身是否支持這種類型的布局？ 有誰知道任何解釋這種布局背后邏輯的鏈接/指南？ 照片應用程序有公共源代碼嗎？ 我見過的另一個實現這種布局的 UWP 應用是“Perfect Flickr”應用。

Answer 1

有誰知道任何解釋這種布局背后邏輯的鏈接/指南？

UWP 社區工具包有一個StaggeredPanel控件，它類似於您提到的那個控件。 它是開源的。 您可以查看其源代碼以了解如何排列其子元素。