How use keyboard arrow keys to control the slider GUI in App Designer?

98 views (last 30 days)
I have trouble using keyboard input (like arrow keys) to control a slider GUI in App Designer. For example, when pressing the left arrow key, the slider cursor move to left and pressing the right arrow the slider cursor move to right. I'm trying to use switch/case but totally have no idea what need to be written under each 'case'. Please help! Thank you so much!
Below is the codes I grabbed from "code view" window in App Designer.
% Value changing function: Slider
function SliderValueChanging(app, event)
changingValue = event.Value;
% Key press function: UIFigure
function UIFigureKeyPress(app, event)
switch event.Key
case 'left arrow key'
case 'right arrow key'

Answers (2)

Roche de Guzman
Roche de Guzman on 8 Jan 2021
Under the keypress fx callback:
function UIFigureKeyPress(app, event)
value = app.Slider.Value; % get the slider value
key = event.Key; % get the pressed key value
if strcmp(key,'leftarrow')
value = value-1; % left value
elseif strcmp(key,'rightarrow')
value = value+1; % right value
app.Slider.Value = value; % set the slider value
SliderValueChanging(app, event); % execute the slider callback
  1 Comment
Vitek Stepien
Vitek Stepien on 23 Aug 2022
This helped me, very simple way. The only caveat is that when I change tabs I have to click somewhere else, or the left-right keys change tabs, and when I use the Zoom tool on an axis I have to deactivate it because the arrows pan the plot. But I know this can be overriden if someone really cares.

Sign in to comment.

Rik on 14 Feb 2019
You can use this tester GUI to determine what you should put for the special keys. Don't forget the otherwise option to exit the function if you don't want to respond to other keys.
function keycall(h,e)
%rightarrow and leftarrow are the left and right arrow key names
Markus Leuthold
Markus Leuthold on 22 Jul 2022
3 years later, this is still a problem. @Rik your solution considers the old java based control, OP talked about the new web based controls
  • uicontrol('style', 'slider',....) lets you control the slider with the keyboard and has a KeyPressFcn callback
  • uislider doesn't let you control the slider with the keyboard and has no keyboard related callback
This is a serious shortcoming

Sign in to comment.

Community Treasure Hunt

Find the treasures in MATLAB Central and discover how the community can help you!

Start Hunting!