GTK4中Button.set_hexpand(false)无法阻止按钮横向扩展的问题

问题原因 #

1. 父容器强制宽度约束：你使用的垂直GtkBox设置了固定width_request，垂直方向的Box默认会将所有子控件拉伸至自身宽度，哪怕给ScrolledWindow设置hexpand=false，也无法摆脱这个强制约束。
2. Button默认对齐行为：Button直接放入ScrolledWindow视口后，默认halign属性为Align::Fill，即便hexpand=false，它也会填满视口的可用宽度。
3. 错误的控件嵌套逻辑：ScrolledWindow设计初衷是承载单个容器控件（如Box），直接添加Button会触发视口的默认填充逻辑，难以精准控制Button尺寸。

解决方法 #

方案1：修改Button的对齐方式 #

给Button设置非填充的对齐属性，让它保持自身最小宽度，不随父容器拉伸：

let new_button = Button::builder()
    .label("Add new group")
    .margin_bottom(buttons::MARGIN)
    .hexpand(false)
    .halign(Align::Start) // 可选Start/Center/End，按需选择对齐方向
    .build();

方案2：添加中间容器控制布局 #

给ScrolledWindow嵌套一层Box作为中间容器，通过容器的属性控制Button的扩展行为：

// 创建中间容器
let details_box = GtkBox::builder()
    .orientation(Orientation::Vertical)
    .hexpand(false)
    .halign(Align::Start)
    .build();
details_box.append(&new_button);

// 将中间容器设为ScrolledWindow的子控件
let details_scrollwindow = ScrolledWindow::builder()
    .width_request(windows::WIDTH)
    .height_request(entries::CONTAINER_HEIGHT)
    .hscrollbar_policy(PolicyType::Never)
    .vscrollbar_policy(PolicyType::Automatic)
    .hexpand(false)
    .child(&details_box)
    .build();

方案3：调整ScrolledWindow在父Box中的对齐 #

如果不需要ScrolledWindow填满父Box的横向宽度，给它也设置对齐属性，从根源上避免拉伸：

let details_scrollwindow = ScrolledWindow::builder()
    .width_request(windows::WIDTH)
    .height_request(entries::CONTAINER_HEIGHT)
    .hscrollbar_policy(PolicyType::Never)
    .vscrollbar_policy(PolicyType::Automatic)
    .hexpand(false)
    .halign(Align::Start) // 让ScrolledWindow自身左对齐，不填满父Box宽度
    .child(&details_scrollbox)
    .build();

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