多行 Autosize 可滚动 FlowLayoutPanel

Question

我有 50 张图片。我需要在FlowLayoutPanel 中添加这些图像，在该换行行之后的第一行添加 30 个图像，在第二行添加 20 个图像。所以我还需要在控件上显示滚动条。

我将视频分成帧（图像）并显示在FlowLayoutPanel。当我上传第一个视频时，下面是设置图像的代码：

for (i = 1; i < len - 1; i++)
{
    ImagePanel mybt = new ImagePanel(storagePath + words[0] + "_" + 
                                     i + ".jpg", words[0] + "_" + i + ".jpg");
    flowLayoutPanel1.Controls.Add(mybt);
}

之后，当我上传第二张图片时，我想在第一行显示图像，我们在休息后有第一张视频图像，我需要显示第二张视频上传图像。 如果有人知道这怎么可能。

Answer 1

要获得如您在屏幕截图中看到的结果：

• 将FlowLayoutPanel 放入Panel 中，并将AutoScroll 属性设置为true
• 将FlowLayoutPanel 的AutoSize 属性设置为true
• 将FlowLayoutPanel 的WrapContent 属性设置为true（默认）
• 将FlowLayoutPanel 的AutoScroll 属性设置为false（默认）
• 添加控件时，您可以使用SetFlowBreak 为您需要的控件中断流。

截图

代码

private void button1_Click(object sender, EventArgs e)
{
    for (int i = 0; i < 20; i++)
    {
        var btn = new Button() { Text = i.ToString() };
        if (i == 5 || i==15 )
            this.flowLayoutPanel1.SetFlowBreak(btn, true);
        this.flowLayoutPanel1.Controls.Add(btn);
    }
}

我在 5 点和 15 点打破了流程。