squareline不同按钮怎么实现互斥？

Question

请问在squareline软件中不同按钮之间怎么实现互斥？点击按钮的话只有一个亮，其他不亮？

Answer 1

下午好🌅🌅🌅
本答案参考通义千问

在 SquareLine Studio 中，实现不同按钮之间的“互斥”（即点击一个按钮时，其他按钮自动关闭）需要通过 事件处理和状态控制 来实现。以下是详细的操作步骤和解决方案。

---

✅ 实现方式概述

要实现多个按钮之间互斥（只允许一个按钮被选中），你可以使用以下方法：

1. 为每个按钮绑定点击事件
2. 在事件中控制其他按钮的状态
3. 使用变量或数据绑定来记录当前选中的按钮

---

🔧 详细操作步骤（有序列表）

1. 创建按钮控件

• 在 SquareLine Studio 的画布上创建多个按钮（例如：btn1, btn2, btn3）
• 确保这些按钮的样式支持“亮起/关闭”效果（如背景颜色、边框变化等）

2. 为每个按钮添加点击事件

• 选择第一个按钮（如 btn1），在属性面板中找到 “On Click” 事件
• 添加如下脚本代码（以 Lua 语言为例）：

-- btn1 click event
local selectedBtn = "btn1"
for _, btn in ipairs({ "btn1", "btn2", "btn3" }) do
    if btn == selectedBtn then
        gui.set_property(btn, "style", "selected")
    else
        gui.set_property(btn, "style", "default")
    end
end

注意： style="selected" 和 style="default" 是你为按钮定义的不同样式名称，需在样式库中提前设置好。

3. 复制并修改其他按钮的点击事件

• 对于 btn2 和 btn3，重复上述步骤，将 selectedBtn 改为 "btn2" 和 "btn3"

4. 使用变量优化（可选）

如果你有多个按钮，可以使用变量来简化代码，避免重复：

-- 定义所有按钮的名称
local buttons = { "btn1", "btn2", "btn3" }

-- 获取点击的按钮名称
local clickedBtn = event.sender.name

-- 遍历所有按钮，设置状态
for _, btn in ipairs(buttons) do
    if btn == clickedBtn then
        gui.set_property(btn, "style", "selected")
    else
        gui.set_property(btn, "style", "default")
    end
end

提示： 这种方式更灵活，适用于更多按钮的情况。

---

📌 关键点说明

• 互斥逻辑的核心是“只让一个按钮处于选中状态”
• 按钮的样式必须支持不同的状态（如选中、未选中）
• 建议使用统一的样式命名规则（如 “selected”, “default”）

---

💡 示例代码（完整版）

-- 定义按钮列表
local buttons = { "btn1", "btn2", "btn3" }

-- 获取点击的按钮名称
local clickedBtn = event.sender.name

-- 遍历所有按钮，设置状态
for _, btn in ipairs(buttons) do
    if btn == clickedBtn then
        gui.set_property(btn, "style", "selected") -- 选中样式
    else
        gui.set_property(btn, "style", "default") -- 默认样式
    end
end

---

🛠️ 注意事项

• 如果你使用的是 SquareLine Studio 的图形化编程界面（非 Lua 脚本），可以通过 事件连接器 设置按钮状态。
• 确保按钮的样式已经正确配置，否则无法看到“亮起/关闭”的效果。

---

✅ 总结

| 步骤 | 内容 | |------|------| | 1 | 创建多个按钮控件 | | 2 | 为每个按钮绑定点击事件 | | 3 | 在事件中设置按钮状态（选中/未选中） | | 4 | 使用变量优化代码（可选） |

重点： 通过 Lua 脚本控制按钮的样式属性，实现互斥效果是 SquareLine 中最常用的方式。

如需进一步帮助，请提供你使用的 SquareLine 版本和具体控件名称。