【Rust GUI开发入门】编写一个本地音乐播放器（13. 实现按键绑定）

JordanHaidee2025-10-01 11:39

本系列教程对应的代码已开源在 Github zeedle

本篇文章介绍Slint UI如何为播放器页面添加按键绑定，核心思路是当窗口聚焦时，扫描用户按键输入，命中指定按键时，自动调用相关回调函数 。Slint UI支持FocusScope来处理上述逻辑：

slint 复制代码

export component MainWindow inherits Window {
    
    ...
    
    forward-focus: key-input-handler;
	
	...
	
    key-input-handler := FocusScope {
        key-released(event) => {
            if event.text == Key.Space {
                root.toggle_play();
                return accept;
            } else if event.text == Key.RightArrow || event.text == Key.DownArrow {
                root.play_next();
                return accept;
            } else if event.text == Key.LeftArrow || event.text == Key.UpArrow {
                root.play_prev();
                return accept;
            } else if event.text == Key.F1 {
                tabs.current-index = 0;
                return accept;
            } else if event.text == Key.F2 {
                tabs.current-index = 1;
                return accept;
            } else if event.text == Key.F3 {
                tabs.current-index = 2;
                return accept;
            } else if event.text == Key.F4 {
                tabs.current-index = 3;
                return accept;
            }
            return reject;
        }
    }
}

代码解释

上述代码指定了，当某个按键按下时，所触发的操作：

空格键：播放/暂停当前歌曲
上键头/左键头：上一首歌曲
下箭头。右箭头：下一首歌曲
F1：切换到音乐列表页
F2：切换到歌词页
F3：切换到设置页
F4：切换到关于页