You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Godot 4.x中修改ScrollContainer的滚动条厚度

在Godot 4.x中修改ScrollContainer滚动条厚度的方法

方法一:编辑器可视化设置

  • 选中目标ScrollContainer控件,在右侧检查器面板找到Theme属性并展开。
  • 针对不同方向的滚动条调整尺寸:
    • 垂直滚动条:修改v_scrollbar_minimum_size的宽度值,该数值即为滚动条厚度;
    • 水平滚动条:修改h_scrollbar_minimum_size的高度值。
  • 若要批量应用到多个控件,可创建自定义主题,在主题编辑器中找到ScrollBar的minimum_size属性,分别设置垂直/水平方向的尺寸后,将主题绑定到目标ScrollContainer。

方法二:GDScript代码控制

修改单个控件的滚动条

# 获取垂直滚动条并设置厚度(示例宽度为16)
var v_scrollbar = $ScrollContainer.get_v_scroll_bar()
v_scrollbar.custom_minimum_size = Vector2(16, 0)

# 获取水平滚动条并设置厚度(示例高度为16)
var h_scrollbar = $ScrollContainer.get_h_scroll_bar()
h_scrollbar.custom_minimum_size = Vector2(0, 16)

批量修改(通过主题)

var custom_theme = Theme.new()
# 设置垂直滚动条最小尺寸
custom_theme.set_minimum_size("ScrollBar", "vertical", Vector2(16, 0))
# 设置水平滚动条最小尺寸
custom_theme.set_minimum_size("ScrollBar", "horizontal", Vector2(0, 16))
# 应用到ScrollContainer
$ScrollContainer.theme = custom_theme

方法三:替换为自定义滚动条

如果需要更灵活的样式控制,可以直接替换默认滚动条:

  1. 关闭ScrollContainer的auto_hide_scrollbar属性(按需设置);
  2. 添加自定义ScrollBar节点作为ScrollContainer的子节点;
  3. 在检查器中,将ScrollContainer的v_scroll_bar或h_scroll_bar属性关联到自定义的ScrollBar;
  4. 直接调整自定义ScrollBar的custom_minimum_size属性设置厚度。

内容的提问来源于stack exchange,提问作者Dustin_00

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.05 15:52:10