Если вы используете пряжу, следующая команда обновляет все пакеты до последней версии:
yarn upgrade --latest
Из их документов :
Команда
upgrade --latest
обновляет пакеты так же, как команда обновления, но игнорирует диапазон версий, указанный в package.json. Вместо этого будет использоваться версия, указанная в последнем теге (возможно, обновление пакетов до основных версий).
Вы можете использовать ItemsControl
/ ListBox
, а затем установить панель UniformGrid
для дисплея 3x3 как его ItemsPanel
для достижения правильного решения с возможностью привязки WPF.
<ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled">
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<UniformGrid Rows="3" Columns="3"/>
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
<Image Source="Images\img1.jpg" Width="100"/>
<Image Source="Images\img2.jpg" Width="50"/>
<Image Source="Images\img3.jpg" Width="200"/>
<Image Source="Images\img4.jpg" Width="75"/>
<Image Source="Images\img5.jpg" Width="125"/>
<Image Source="Images\img6.jpg" Width="100"/>
<Image Source="Images\img7.jpg" Width="50"/>
<Image Source="Images\img8.jpg" Width="50"/>
<Image Source="Images\img9.jpg" Width="50"/>
</ListBox>
Если вы ищете здесь динамическое решение, вам необходимо настроить свою коллекцию изображений как привязку ItemsSource. Но вопрос слишком широкий, чтобы дать точный ответ.
Вы можете использовать простой элемент управления ListBox
, настроить его шаблон ItemsPanel
и добавить в него WrapPanel
. WrapPanel
помещает элементы в горизонтальный мозаичный макет, где вы можете установить его максимальную ширину, чтобы включить 3 элемента в одну строку, и он создаст больше строк для 3 элементов, пока не будет заполнен последний.