如何让FLTK中名为pathOutput的控件随主窗口水平拉伸？

你可以通过两种方式实现需求，一种是修正原手动布局的问题，另一种是使用FLTK的水平分组控件简化布局逻辑，后者更适合新手。

方法一：修正手动布局代码 #

你的原代码核心问题是未将resizeGroup设置为主窗口的可调整控件，且分组的作用范围未与窗口尺寸变化关联。修正后的代码如下：

#include <FL/Fl.H>
#include <FL/Fl_Window.H>
#include <FL/Fl_Box.H>
#include <FL/Fl_Output.H>
#include <FL/Fl_Button.H>
#include <FL/Fl_Group.H>

int main(int argc, char **argv) {
  Fl_Window *window = new Fl_Window(640, 480, "FLTK Example");
  window->size_range(320, 240, 1920, 1080);

  // First row
  Fl_Box *label = new Fl_Box(10, 5, 80, 20, "File Path:");
  Fl_Output *pathOutput = new Fl_Output(90, 5, 460, 20); 
  pathOutput->box(FL_FLAT_BOX);

  Fl_Button *browseButton = new Fl_Button(550, 5, 80, 20, "Browse");

  // 创建用于拉伸的分组，明确结束分组以包含子控件
  Fl_Group *resizeGroup = new Fl_Group(90, 5, 460, 20); 
  resizeGroup->add(pathOutput);
  resizeGroup->add_resizable(*pathOutput); // 指定分组内可拉伸的控件
  resizeGroup->end();

  // 关键：将分组设为窗口的可调整控件，窗口拉伸时带动分组扩展
  window->resizable(*resizeGroup);

  window->end();
  window->show();

  return Fl::run();
}

关键修改点： #

• 添加resizeGroup->end()：确保pathOutput被正确纳入分组管理，FLTK通过end()标记分组控件的结束。
• 设置window->resizable(*resizeGroup)：告诉主窗口，当窗口尺寸变化时，resizeGroup是需要被拉伸的区域，没有这一步，分组不会随窗口扩展。
• 保留resizeGroup->add_resizable(*pathOutput)：让分组内部的pathOutput跟随分组宽度变化自动拉伸。

注意：此方法中browseButton的位置是固定的，当窗口宽度大幅增加时，它会停留在初始x坐标位置，不会自动贴到窗口右侧。如果需要browseButton始终固定在窗口右侧，需要添加窗口resize的回调函数来动态调整其位置，或者使用下面的方法二。

方法二：使用Fl_Horizontal_Group自动布局（推荐） #

FLTK的Fl_Horizontal_Group可以自动管理水平排列的控件，无需手动计算坐标，更易维护。代码如下：

#include <FL/Fl.H>
#include <FL/Fl_Window.H>
#include <FL/Fl_Box.H>
#include <FL/Fl_Output.H>
#include <FL/Fl_Button.H>
#include <FL/Fl_Horizontal_Group.H>

int main(int argc, char **argv) {
  Fl_Window *window = new Fl_Window(640, 480, "FLTK Example");
  window->size_range(320, 240, 1920, 1080);

  // 创建水平分组，设置边距
  Fl_Horizontal_Group *rowGroup = new Fl_Horizontal_Group(10, 5, 620, 20);
  rowGroup->spacing(10); // 控件之间的间距

  Fl_Box *label = new Fl_Box(80, 20, "File Path:");
  Fl_Output *pathOutput = new Fl_Output(0, 0, 0, 20); 
  pathOutput->box(FL_FLAT_BOX);

  Fl_Button *browseButton = new Fl_Button(80, 20, "Browse");

  // 指定分组内可拉伸的控件为pathOutput
  rowGroup->add_resizable(*pathOutput);
  rowGroup->end();

  // 将水平分组设为窗口的可调整控件
  window->resizable(*rowGroup);

  window->end();
  window->show();

  return Fl::run();
}

优势说明： #

• 无需手动计算每个控件的x坐标，分组会自动排列控件。
• rowGroup->spacing(10)可以统一设置控件之间的间距，布局更整洁。
• 窗口拉伸时，pathOutput会自动填充分组的剩余空间，browseButton始终固定在分组右侧，间接实现了贴窗口右侧的效果（只要分组的宽度是窗口宽度减去左右边距）。

内容的提问来源于stack exchange，提问作者kipade