Two knob slider for a GUI or app

65 ビュー (過去 30 日間)
Raptrick
Raptrick 2018 年 1 月 26 日
回答済み: Jasmine Poppick 2023 年 9 月 20 日
Hello,
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.
Thanks,
Patrick
  1 件のコメント
Adam
Adam 2018 年 1 月 26 日
If you want to go a little 'off-piste', you can use a Java range slider as detailed in Yair Altman's blog post:
http://undocumentedmatlab.com/blog/sliders-in-matlab-gui
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.

サインインしてコメントする。

サインインしてこの質問に回答する。

採用された回答

Raptrick
Raptrick 2018 年 1 月 28 日
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...
Patrick
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
set(hRangeSlider{i},'Position',[100,11+(i-1)*80,200,80])
% modify range slider properties
set(jRangeSlider{i},'Maximum',Maxs(i),...
'Minimum',Mins(i),...
'LowValue',10,...
'HighValue',20,...
'Name',Labels{i},...
'MajorTickSpacing',5,...
'MinorTickSpacing',1, ...
'PaintTicks',true,...
'PaintLabels',true, ...
'StateChangedCallback',{@jRangeSlider_Callback,i});
% add text label
uicontrol(hF,'Style','Text','Position',[5,53+(i-1)*80,100,15],'String',Labels{i})
end
end
function jRangeSlider_Callback(jRangeSlider,event,i)
disp([jRangeSlider.Name ' ,extra parameter =' num2str(i)])
end
%
  1 件のコメント
Royi Avital
Royi Avital 2018 年 7 月 27 日
Is there a way to create 3 knobs slider like that?

サインインしてコメントする。

その他の回答 (3 件)

Peter Cook
Peter Cook 2018 年 1 月 26 日
編集済み: Peter Cook 2018 年 1 月 26 日
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;
jSlider{k}.setOpaque(false);
javacomponent(jSlider{k},[sliderWidth*(k-1),32,1.5*sliderWidth,45]);
sliderMin = 2*(k-1);
sliderValue = 2*k-1;
sliderMax = 2*k;
set(jSlider{k},'Value',sliderValue,...
'MajorTickSpacing',1,...
'PaintLabels',true,...
'PaintTicks',true,...
'Minimum',sliderMin,...
'Maximum',sliderMax);
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);
jLabel.setFont(java.awt.Font('Tahona',0,8));
labelTable.put(int32(sliderValue), jLabel);
jSlider{k}.setLabelTable( labelTable );
end
2. If you're savvy at programming & whatnot, you could extend this object (colormapeditor) to suit your needs:
com.mathworks.page.cmapeditor.CMEditView
3. Do a github search for multislider.java for a pre-built class that does this.
  1 件のコメント
Royi Avital
Royi Avital 2018 年 7 月 27 日
Your code creates multiple sliders not one with multiple knobs.

サインインしてコメントする。

Jasmine Poppick
Jasmine Poppick 2023 年 9 月 20 日
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 2020 年 2 月 10 日
If you are trying to implement this in App Designer (which doesn't support Java), see my answer to a similar question.

カテゴリ

Help Center および File Exchange で Migrate GUIDE Apps についてさらに検索

タグ

Community Treasure Hunt

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

Start Hunting!

Translated by