如何在 WPF 中創建“響應式圖像網格”

Question

再會！ 我想制作一個像“Unsplash”網站一樣的可滾動圖像網格，但使用 WPF。 我使用網格和列表框，但網格不滾動，僅滾動 3 個彼此分開的列表框。 我應該用什么來做那種事情？

我需要的

我有什么錯誤滾動

WPF代碼：

<Grid ScrollViewer.VerticalScrollBarVisibility="Visible">
    <Grid.ColumnDefinitions>
        <ColumnDefinition>
         
        </ColumnDefinition>
            <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>

    <ListBox Grid.Column="0" x:Name="listBox0" ScrollViewer.VerticalScrollBarVisibility="Disabled">

    </ListBox>

    <ListBox Grid.Column="1" x:Name="listBox1" ScrollViewer.VerticalScrollBarVisibility="Disabled">

    </ListBox>

    <ListBox Grid.Column="2" x:Name="listBox2" ScrollViewer.VerticalScrollBarVisibility="Disabled">

    </ListBox>
</Grid>

列表填寫：

for (int i = 0; i < 20; i++)
        {
            Rectangle temp = new Rectangle();
            temp.Width = 250;
            temp.Height = rnd.Next(100, 300);
            temp.Fill = GetRandColor();

            if(listStateCounter == 2)
            {
                listStateCounter = 0;
                listBox2.Items.Add(temp);
            }
            else if (listStateCounter == 1)
            {
                listStateCounter++;
                listBox1.Items.Add(temp);
            }
            else if (listStateCounter == 0)
            {
                listStateCounter++;
                listBox0.Items.Add(temp);
            }

        }

Answer 1

試試這個

<ScrollViewer VerticalScrollBarVisibility="Visible">
  <Grid>
    //.............................................
  </Grid>
</ScrollViewer>