动态添加GUI控件

Question

我在添加面板，可滚动（通过另一个面板）组框中的两个按钮时遇到问题。我不擅长在没有设计师的情况下添加UI元素，所以很自然地，我有一个杂乱的界面，并没有按照预期的方式工作。

以下是代码：

    private void client_DownloadFileCompleted(object sender, 
        System.ComponentModel.AsyncCompletedEventArgs e)
    {
        LinksParser<Track>.Results.Foreach<Uri, Track[]>(
            new Action<Uri, Track[]>( // this is an extension method
        delegate(Uri key, Track[] value)
        {
            GroupBox GB = new GroupBox()
            {
                Text = key.AbsoluteUri,
                Size = new Size(550, value.Length * 30),
                TabIndex = 0,
                TabStop = false
            };
            flwLayout.Controls.Add(GB); // flwLayout already created by designer
            Panel GB_panel = new Panel()
            {
                Size = GB.Size,
                TabIndex = 0,
                TabStop = false,
                Location = GB.Location,
                AutoScroll = false
            };
            VScrollBar VS = new VScrollBar() { Dock = DockStyle.Right };
            VS.Scroll += (_sender, _e) => GB_panel.VerticalScroll.Value = VS.Value;
            if (LinksParser<Track>.Results[key] == null)
            {
                GB.Controls.Add(new Label() { Text = "No tracks were found" });
            }
            else
            {
                for (int index = 0; index < 1; ++index)
                {
                    Track track = value[index];

                    Panel panel = new Panel()
                    {
                        BorderStyle = BorderStyle.FixedSingle,
                        Location = new Point(GB.Bounds.X + 6,
                             GB.Bounds.Y + 15 + (40 * index)),
                        Size = new Size(525, 40),
                        TabIndex = 0,
                        TabStop = false
                    };

                    Label lblTrack;
                    Button playOnline;

                    lblTrack = new Label()
                    {
                        Text = track.Name,
                        AutoSize = true,
                        TabIndex = 0,
                        Location = new Point(panel.Bounds.X + 6, panel.Bounds.Y)
                    };

                    playOnline = new Button()
                    {
                        Text = "Play Online",
                        TabIndex = 2,
                        Size = new Size(75, 23),
                        UseVisualStyleBackColor = true,
                        Location = new Point(
                            TextRenderer.MeasureText(lblTrack.Text,
                            lblTrack.Font).Width +
                            lblTrack.Bounds.X + 5, panel.Bounds.Y - 5)
                    };

                    playOnline.Click += delegate
                    {
                        track.PlayOnline();
                    };

                    panel.Controls.Add(lblTrack);
                    logger.Trace("Attached lblTrack at {0}", lblTrack.Location);
                    panel.Controls.Add(playOnline);
                    logger.Trace("Attached playOnline at {0}", playOnline.Location);

                    GB_panel.Controls.Add(panel);
                    logger.Trace("Attached panel at {0}", panel.Location);
                }
            }

            GB_panel.Controls.Add(VS);
            GB.Controls.Add(GB_panel);

        }));
    }

这是我得到的：

这就是我想要的：

Answer 1

感谢Idle_Mind，他对使用UserControls的建议（在他指出之前我没有听说过）帮助我将问题分解成更小的部分并找出the size of a panel has to absorb its controls，所以根据该问题的答案，我使用了FlowLayoutPanel代替了所有控件。

以下是最终表格，如果有兴趣的话：