winform 卡片

WinForm 中实现卡片式布局，可以使用 `Panel` 控件和 `FlowLayoutPanel` 控件。

1. Panel 控件实现卡片式布局：

首先将所有卡片的内容放置在一个 `Panel` 控件中，然后设置该 `Panel` 控件的 `AutoScroll` 属性为 `True`，以便在窗体中显示滚动条。接着设置每个卡片的位置和大小，使它们在 `Panel` 控件中按照一定的排列方式显示。可以使用 `Dock`、`Anchor` 等属性来设置卡片的位置和大小。

2. FlowLayoutPanel 控件实现卡片式布局：

`FlowLayoutPanel` 控件可以根据设置的排列方式自动调整子控件的位置和大小，从而实现卡片式布局。可以将每个卡片的内容放置在一个 `Panel` 控件中，然后将所有 `Panel` 控件添加到 `FlowLayoutPanel` 控件中。接着设置 `FlowLayoutPanel` 控件的 `FlowDirection` 属性为 `LeftToRight`、`TopDown` 或 `BottomUp` 等值，以决定卡片的排列方式。

下面是一个简单的示例代码：

// 创建一个 FlowLayoutPanel 控件
FlowLayoutPanel flpCards = new FlowLayoutPanel();
flpCards.Dock = DockStyle.Fill;
flpCards.FlowDirection = FlowDirection.LeftToRight;
flpCards.AutoScroll = true;

// 创建多个卡片
for (int i = 0; i < 10; i++)
{
    // 创建一个 Panel 控件作为卡片
    Panel card = new Panel();
    card.BorderStyle = BorderStyle.FixedSingle;
    card.Size = new Size(200, 150);

    // 在卡片上添加内容控件
    Label lblTitle = new Label();
    lblTitle.Text = "Card " + (i + 1);
    lblTitle.Dock = DockStyle.Top;
    lblTitle.TextAlign = ContentAlignment.MiddleCenter;
    card.Controls.Add(lblTitle);

    PictureBox picImage = new PictureBox();
    picImage.Image = Image.FromFile("image" + i + ".jpg");
    picImage.SizeMode = PictureBoxSizeMode.Zoom;
    picImage.Dock = DockStyle.Fill;
    card.Controls.Add(picImage);

    // 将卡片添加到 FlowLayoutPanel 控件中
    flpCards.Controls.Add(card);
}

// 将 FlowLayoutPanel 控件添加到窗体中
this.Controls.Add(flpCards);