Плавающие элементы управления в контейнере с динамической шириной в XAML

Question

Я новичок в XAML и пытаюсь во время выполнения добавить динамическое количество кнопок в контейнер, который масштабируется с текущей шириной и высотой окна. Кнопки должны быть расположены по центру и расположены рядом друг с другом, и если на одной линии недостаточно места, слишком широкая кнопка перемещается над другими кнопками и т. Д., Что приводит к «плавному» поведению, известному из HTML.

Если есть достаточное количество кнопок для увеличения высоты контейнера, превышающей окно, то в этой части можно прокручивать эту часть, я не думаю, что это проблема, но поведение «float» я не могу понять, как это сделать. Я попытался с доступными панелями, но ни один из них не подходит для этой цели, и я думаю о создании настраиваемого элемента управления, который позиционирует дочерние элементы управления так, как я хочу, но каким-то образом это может быть достигнуто с помощью стандартных элементов управления?

Я разрабатываю это в UWP как универсальное приложение для настольных компьютеров и мобильных устройств.

Спасибо за любой вход к моей проблеме :)

Answer 1

Может быть, вы могли бы достичь того, чего вы хотите с помощью комбинации RelativePanel и пару VisualStates и визуального состояния триггеров, таких как AdaptiveTrigger или некоторые из WindowsStateTriggers библиотеки. С их помощью вы можете определить разные визуальные состояния, каждый из которых представляет собой разный макет кнопок и определяет триггеры, которые применяют эти состояния на основе некоторых условий (скорее всего, исходя из размера вашего контейнера). Это очень хороший пример такого подхода, описанного в this blog post.