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

Question

在 Godot 4.x 中，如何更改 ScrollContainer 的滚动条粗细？

Answer 1

需要新标签[scrollcontainer]，叹气

这展示了如何将 VScrollbar 的厚度更改为 55。

这需要 2 个更改，1) 调整容器以适应滚动条的新厚度，2) 设置滚动条的厚度。

1. 调整 ScrollContainer 主题以匹配您所需的厚度
   1. 在您的项目文件系统中，在 res:// 下创建一个名为主题的文件夹
   2. 首先，创建一个

      Custom Theme

      ——要么应用于 ScrollContainer 本身，要么应用于某个父节点。
   3. 单击 + 添加新类型
   4. 选择滚动容器
   5. 单击“样式”选项卡（彩虹 + 水滴图标）
   6. 单击面板旁边的 +
   7. 点击

      <Empty>

   8. 选择新样式BoxFlat
   9. 双击 StyleBoxFlat，使其显示在检查器中
   10. 在检查器中：
       1. 开放边框宽度
       2. 将右侧设置为 55
       3. 单击保存图标并将其命名为

          some_scroll_bar_theme

          并将其放入

          res://themes

          文件夹
   11. 单击您的 ScrollContainer
       1. 扩展其主题覆盖
          1. 款式
             1. 将新的

                some_scroll_bar_theme

                拖放到 ScrollContainer 中
2. 在 ScrollContainer 的脚本中，创建一个新脚本并为其提供：

C#

using Godot;

public partial class some_scroll_container_script_name : ScrollContainer
{
  public override void _Ready()
  {
    Vector2 size = new Vector2(55, GetVScrollBar().CustomMinimumSize.Y);
    GetVScrollBar().CustomMinimumSize = size;
  }
}

Godot

extends ScrollContainer

func _ready():
   get_v_scroll_bar().custom_minimum_size.x = 55;

注意：由于此调整在运行时发生，因此您不会在场景的 2D 视图中看到变化。