У меня есть сгруппированный вид сетки, где каждый элемент имеет различную высоту. Я хотел бы отобразить их в сетке, где они:
Растягиваются, чтобы заполнить ширину вида, а затем переносятся, когда они становятся слишком маленькими. Приложение Microsoft News делает это.
Поддерживает ячейки различной высоты, но все еще остаются в единой сетке.
Элементы в каждом ряду должны иметь высоту самого высокого элемента на этот ряд. То есть, хотя каждый элемент будет иметь различную высоту, он все равно должен отображаться в единой сетке (фон каждой ячейки выстроен в линию
. Я сделал это в CSS с display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
https://cdpn.io/joshhunt/debug/qBOdYjj - Я хотел бы воссоздать этот макет в своем приложении UWP, но у меня возникли проблемы.
Я пытался использовать WrapPanel
для ItemsPanelTemplate
, который получил мое поведение высоты (которое я могу установить), но затем сбросил стиль по умолчанию для заголовков групп.
Возможно ли создать этот макет в UWP ?