7

我有这个程序可以动态添加引用数据库中总统人数的图片框。我如何将它们放在 groupbox 内并在 groupbox 内对齐图片框？如果图片框很多，则组框应该拉伸。

我现在有这个代码：

    private void Form1_Load(object sender, EventArgs e)
    {
        conn.Open();

        try
        {
            cmd = new SqlCommand("SELECT COUNT(Position) FROM TableVote WHERE Position='" + "President" + "'", conn);
            Int32 PresCount = (Int32)cmd.ExecuteScalar();

            TxtPresCount.Text = PresCount.ToString();

            for (int i = 0; i < PresCount; ++i)
            {
                GroupBox PresGB = new GroupBox();
                {
                    PresGB.Size = new Size(491, 152);
                    PresGB.Location = new Point(12, 12);
                    PresGB.Text = "President";
                    this.Controls.Add(PresGB);
                    PresGB.SendToBack();

                    PictureBox PresPB = new PictureBox();
                    PresPB.Location = new Point(80 + (150 * i) + 20, 50);
                    PresPB.Size = new Size(75, 75);
                    PresPB.BorderStyle = BorderStyle.Fixed3D;
                    PresPB.ImageLocation = "imgPath";
                    this.Controls.Add(PresPB);
                    PresPB.BringToFront();
                };
            }
        }
        catch (Exception ex)
        {
            MessageBox.Show(ex.Message);
        }
        finally
        {
            conn.Close();
        }
    }

我希望图片框位于组框内并将其对齐。

4

2 回答 2

19

也许FlowLayoutPanel控件已经做了你想做的事情。只需创建您的图片框并将它们添加到 aFlowLayoutPanel而不是GroupBox.

FlowLayoutPanel根据其FlowDirection属性的值自动将控件排列在行和/或列中。设置myFlowLayoutPanel.FlowDirection = FlowDirection.TopDown以获取垂直排列的列表。

如果您不想要多行或多列，请将WrapContents属性设置为 false。AutoScroll如果控件不适合，您还可以将该属性设置为 true 以自动获取滚动条。

如果您更喜欢 a 的边框，GroupBox您仍然可以将其FlowLayoutPanel放入 aGroupBox中。

要调整图片框之间的空间，您可以使用该Margin属性。

这使您可以对布局进行大量控制，并且您无需计算控制位置。此外，如果FlowLayoutPanel更改大小，所有内容都会自动重新排列。

更新：

我对您的代码有几点意见：

  1. 花括号使它看起来像对象初始化器的语法 - 但事实并非如此。

    GroupBox PresGB = new GroupBox(); // this line ends with a semicolon
{
    // therefore this is just a block of code not related to new GroupBox()
};

    您应该删除花括号。

  2. 组框的创建在循环内。我怀疑您是否希望每个图片框都有一个新的组框。这就是为什么您只能看到一张图片的原因。每个新的组框隐藏所有以前的。

  3. 您将图片框添加到窗体而不是组框。

  4. 您使用“神秘”的名称。PresGB并且PresPB很可能会被意外交换。缩写通常是名称的错误选择。

  5. 你不需要打电话SendToBack，或者BringToFront因为你不希望控件重叠。

  6. 我不认为GroupBox是一个好的选择。当然，如果图片数量增加，您可以将其放大，但您会受到屏幕的限制，如果图片框不合适，您不会得到 scollbars。使用FlowLayoutPanel. 它具有您正在寻找的所有“魔力”。

用这段代码替换你的 for 循环：

var panel = new FlowLayoutPanel();
panel.SuspendLayout(); // don't calculate the layout before all picture boxes are added
panel.Size = new Size(491, 152);
panel.Location = new Point(12, 12);
panel.BorderStyle = BorderStyle.Fixed3D;
panel.FlowDirection = FlowDirection.LeftToRight;
panel.AutoScroll = true; // automatically add scrollbars if needed
panel.WrapContents = false; // all picture boxes in a single row
this.Controls.Add(panel);

for (int i = 0; i < PresCount; ++i)
{
    var pictureBox = new PictureBox();
    // the location is calculated by the FlowLayoutPanel
    pictureBox.Size = new Size(75, 75);
    pictureBox.BorderStyle = BorderStyle.FixedSingle;
    pictureBox.ImageLocation = "imgPath";
    panel.Controls.Add(pictureBox);
}

panel.ResumeLayout();
于 2013-10-05T02:11:31.723 回答
0

您可以随时在表单上放置一个控件，做您想做的事情，然后查看设计器生成的代码以了解设计器是如何做到的（在“Designer.cs”文件中）。在幕后，它通过代码加载所有控件并设置所有属性。

话虽如此。

请记住，一旦将图片框放在组框内，所有位置坐标都与组框相关。所以“0,0”是组框的左上角，而不是表单。

要锚定您的图片框，请使用以下代码（这只是我的设计器生成代码的直接复制粘贴，因此您可以稍微清理一下）：

this.PresPB.Anchor = ((System.Windows.Forms.AnchorStyles)((((System.Windows.Forms.AnchorStyles.Top | System.Windows.Forms.AnchorStyles.Bottom) 
        | System.Windows.Forms.AnchorStyles.Left) 
        | System.Windows.Forms.AnchorStyles.Right)));

停靠您的图片框（使其填充整个包含控件）：

this.PresPB.Dock = System.Windows.Forms.DockStyle.Fill;

您还需要更改此行：

this.Controls.Add(PresPB);

对此：

PresGB.Controls.Add(PresPB);
于 2013-10-05T01:39:50.000 回答