Clear Filters
Clear Filters

Two knob slider for a GUI or app

84 views (last 30 days)
Raptrick on 26 Jan 2018
Answered: Jasmine Poppick on 20 Sep 2023
For sorting out timing events I need a slider with two knobs, see picture taken from internet. Anyone a suggestion or a trick how implement this (UIspace) efficient in a matlab UI or App. Now it is implemented with two sliders: one for the min value and one for the max value. This is not so space efficient when you need of 10 these slider pairs.
  1 Comment
Adam on 26 Jan 2018
If you want to go a little 'off-piste', you can use a Java range slider as detailed in Yair Altman's blog post:
I have used these a few times. I created a class to handle it, but you can just put the raw code in for single usage easily enough.

Sign in to comment.

Accepted Answer

Raptrick on 28 Jan 2018
Thanks Adam and Peter for your suggestions. I build the following code, had some troubles to find the position properties of the RangeSlider. So this is what I need...
function tryoutrangeslider2
Labels = {'January','February','March','April','May'};
Mins = [1 1 1 1 1];
Maxs = [31 28 31 30 31];
hF = figure;
for i=1:length(Labels)
% more direct instantiation
% jRS = com.jidesoft.swing.RangeSlider(0,100,20,70); %min,max,low,high
% [jRangeSlider{i}, hRangeSlider{i}] = javacomponent(jRS,[0,0,200,80],hF);%posx,posy,width,height
jRS = com.jidesoft.swing.RangeSlider;
[jRangeSlider{i}, hRangeSlider{i}] = javacomponent(jRS,[],hF);
% modify rangeslider position
% modify range slider properties
'MinorTickSpacing',1, ...
'PaintLabels',true, ...
% add text label
function jRangeSlider_Callback(jRangeSlider,event,i)
disp([jRangeSlider.Name ' ,extra parameter =' num2str(i)])
  1 Comment
Royi Avital
Royi Avital on 27 Jul 2018
Is there a way to create 3 knobs slider like that?

Sign in to comment.

More Answers (3)

Peter Cook
Peter Cook on 26 Jan 2018
Edited: Peter Cook on 26 Jan 2018
I have dabbled with this a couple times myself. As Adam mentioned, you could use a range slider, but what if you want multiple thumbs? You've got options.
1. Use multiple thumbs. Here's an example I sandboxed awhile back:
hFig1 = figure('pos',[64,64,768,128]);
hFig1.ToolBar = 'none';
hFig1.MenuBar = 'none';
hFig1.Name = 'Select Frequency Range(s) in Hz';
hFig1.NumberTitle = 'off';
sliderWidth = 32;
for k = 1:20
jSlider{k} = javax.swing.JSlider;
sliderMin = 2*(k-1);
sliderValue = 2*k-1;
sliderMax = 2*k;
hjSlider{k} = handle(jSlider{k},'CallbackProperties');
hjSlider{k}.StateChangedCallback = @(hjSlider,eventData) disp(get(hjSlider,'Value'));
labelTable = java.util.Hashtable();
sliderValueLabel = sprintf('<html>10<sup>%0.1f</sup></html>',sliderValue/10);
jLabel = javax.swing.JLabel(sliderValueLabel);
labelTable.put(int32(sliderValue), jLabel);
jSlider{k}.setLabelTable( labelTable );
2. If you're savvy at programming & whatnot, you could extend this object (colormapeditor) to suit your needs:
3. Do a github search for for a pre-built class that does this.
  1 Comment
Royi Avital
Royi Avital on 27 Jul 2018
Your code creates multiple sliders not one with multiple knobs.

Sign in to comment.

Jasmine Poppick
Jasmine Poppick on 20 Sep 2023
Starting in R2023b, you can create a range slider using the uislider function. The component is also available in the App Designer Component Library.
fig = uifigure;
sld = uislider(fig,"range");

Marek Svoboda
Marek Svoboda on 10 Feb 2020
If you are trying to implement this in App Designer (which doesn't support Java), see my answer to a similar question.


Find more on Develop Apps Using App Designer in Help Center and File Exchange


Community Treasure Hunt

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

Start Hunting!