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

97 views (last 30 days)
tonybabel on 14 Feb 2019
Answered: Roche de Guzman on 8 Jan 2021
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)

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
  1 Comment
Rik on 18 Feb 2019
Did this suggestion solve your problem? If so, please consider marking it as accepted answer. It will make it easier for other people with the same question to find an answer. If this didn't solve your question, please comment with what problems you are still having.

Sign in to comment.

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

Community Treasure Hunt

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

Start Hunting!