AGS项目：Hyprland工作区排序问题解决方案

在Hyprland桌面环境中使用AGS（Aylur的Gnome Shell）配置工作区时，开发者可能会遇到工作区显示顺序不符合预期的问题。本文将深入分析问题原因并提供两种有效的解决方案。

问题现象分析

当使用AGS创建工作区指示器时，工作区按钮默认会按照工作区被激活的顺序显示，而非按照数字顺序排列。例如，如果用户首先访问了工作区9（如蓝牙应用所在的工作区），该工作区按钮会出现在前面，而工作区1-8则按后续访问顺序排列。

解决方案一：基础排序法

第一种解决方案直接对工作区ID进行排序：

function Workspaces() {
    const activeId = hyprland.active.workspace.bind("id")
    const workspaces = hyprland.bind("workspaces")
        .as(ws => ws
            .sort((a, b) => a.id - b.id)
            .map(({ id }) => Widget.Button({
                on_clicked: () => hyprland.messageAsync(`dispatch workspace ${id}`),
                child: Widget.Label(`${id}`),
                class_name: activeId.as(i => `${i === id ? "focused" : ""}`),
            })))

    return Widget.Box({
        class_name: "workspaces",
        children: workspaces,
    })
}

这种方法简单直接，通过sort()方法对工作区ID进行升序排列，确保工作区按钮按数字顺序显示。

解决方案二：高级过滤排序法

第二种方案提供了更精细的控制：

function Workspaces() {
  const activeId = hyprland.active.workspace.bind("id");
  const workspaces = hyprland.bind("workspaces").as((ws) =>
    ws
      // 过滤掉特殊工作区（如ID<=0的scratchpad）
      .filter(({ id }) => id > 0)
      // 按ID排序
      .sort((a, b) => a.id - b.id)
      .map(({ id }) =>
        Widget.Button({
          on_clicked: () => hyprland.messageAsync(`dispatch workspace ${id}`),
          child: Widget.Label(`${id}`),
          class_name: activeId.as((i) => `${i === id ? "focused" : ""}`),
        })
      )
  );

  return Widget.Box({
    class_name: "workspaces",
    children: workspaces,
  });
}

此方案增加了过滤步骤，可以排除特殊类型的工作区（如scratchpad），然后再进行排序，适合需要更精确控制工作区显示的场景。

实现原理

两种方案都基于以下核心概念：

1. 使用hyprland.bind("workspaces")获取工作区列表
2. 通过数组的sort()方法对工作区进行排序
3. 使用map()方法将每个工作区转换为按钮组件
4. 通过class_name绑定实现当前工作区高亮效果

最佳实践建议

对于大多数用户，推荐使用第一种简单排序方案。如果需要处理特殊工作区或更复杂的场景，则可以采用第二种方案。开发者可以根据实际需求选择或组合这两种方法。

通过理解这些解决方案，开发者可以更好地控制AGS工作区指示器的显示顺序，创建更符合个人使用习惯的桌面环境。