如何实现QWidget根据内部内容自动垂直缩放？

Hey there! Let's get your DropDownMenu to automatically adjust its size based on the number of buttons you add—no more squeezed buttons. Here's how to do it step by step:

1. Set the Right Size Policy for DropDownMenu #

The core issue here is that your custom widget isn't telling Qt it should prioritize fitting its content over stretching to fill parent space.

• In Qt Designer: Select your DropDownMenu (or the promoted widget in MainWindow), go to the Properties panel, find sizePolicy. Set Horizontal Policy to Preferred or Minimum, and Vertical Policy to Preferred or Minimum.
• Or via code (add this to your DropDownMenu constructor):

  setSizePolicy(QSizePolicy::Preferred, QSizePolicy::Preferred);
  

This tells Qt the widget should shrink/grow to fit its content, rather than being forced to match the parent's size.

2. Configure the QVBoxLayout's Size Constraints #

Your LayoutManager needs to calculate the minimum space required for its widgets and pass that to the parent widget.

• In Designer: Select your LayoutManager (the QVBoxLayout), set:
  • contentsMargins: Add small margins (e.g., 5px on all sides) so buttons don't stick to the widget edges.
  • spacing: Set a small gap between buttons (e.g., 5px) for better spacing.
  • sizeConstraint: Choose SetMinimumSize—this makes the layout enforce that the widget uses at least the space needed for all its contents.
• Or via code (add to DropDownMenu constructor):

  m_ui->LayoutManager->setSizeConstraint(QLayout::SetMinimumSize);
  m_ui->LayoutManager->setContentsMargins(5, 5, 5, 5);
  m_ui->LayoutManager->setSpacing(5);
  

3. Update Size When Adding Buttons #

After adding a new button, trigger the widget to recalculate its size immediately. Modify your AddButton function like this:

QPushButton* DropDownMenu::AddButton(const QString& text) {
    QPushButton* new_button = new QPushButton(text, this);
    m_ui->LayoutManager->addWidget(new_button);
    adjustSize(); // Force the widget to resize to fit the new button
    return new_button;
}

The adjustSize() method tells Qt to recalculate the widget's optimal size based on its layout and contents.

4. Check the Parent Container in MainWindow #

Make sure the parent widget holding your DropDownMenu in MainWindow isn't restricting its size:

• Avoid setting a fixed size on the parent widget—let it use a layout (like QHBoxLayout or QVBoxLayout) instead.
• If you added the DropDownMenu to a layout in MainWindow, ensure the layout doesn't have any fixed size constraints that would override your widget's preferred size.

That's it! With these changes, your DropDownMenu will automatically expand or shrink to fit the number of buttons you add, no more squeezed UI elements.

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