How to Display in multiple axes text and images using UIPanel instead of figure ?

Hi all !

I am looking for a way to plot multiples images and text in my app, i am using the code bellow to do so, it works just fine. However, the images and text are displayed on a figure, i want to do the same thing but on a UIpanel called in my app: app.ConverterSizingBenchmarkPanel

this is my code :

i am sure the problem occure in the first line with fh, but i am not sure how to do it .

Thank you for your precious answers

Lakhdar

fh = uipanel("Parent",app.ConverterSizingBenchmarkPanel); % << /!\ I THINK THE PROBLEM IS HERE /!\

axisPanelLeftUp = uipanel(fh, 'Position', [0 0.5 0.5 0.5], 'BackgroundColor', [1 1 1]);% Create a panel to hold the plot axis
leftUpAxis = axes(axisPanelLeftUp, 'Position', [0.1 0.1 0.8 0.8]); % Create a new axis on the panel
text(leftUpAxis,0, 1, sprintf('%.2f %s', 'Volume_x_Rth/Rth','L'), 'Fontsize',12,'FontWeight',"bold",'Color',[0.85 0.33 0.10])
set(axisPanelLeftUp,'handlevisibility','off', 'visible','on')

axisPanelLeftDown = uipanel(fh, 'Position', [0 0 0.5 0.5], 'BackgroundColor', [0 1 1]);% Create a panel to hold the plot axis
leftDownAxis = axes(axisPanelLeftDown, 'Position', [0.1 0.1 0.8 0.8]); % Create a new axis on the panel
text(leftDownAxis,0, 1, sprintf('%.2f %s', 'Volume_x_Rth/Rth','L'), 'Fontsize',12,'FontWeight',"bold",'Color',[0.85 0.33 0.10])

axisPanelRightUp = uipanel(fh, 'Position', [0.5 0.5 0.5 .5], 'BackgroundColor', [1 1 1]); % Create a different panel to hold the button and a second axis
rightUpAxis = axes(axisPanelRightUp,'Position', [0 0 1 1]); % Create an axis on the right panel
imshow("Amorphous_Inductor.jpg",'Parent',rightUpAxis');

axisPanelRightDown = uipanel(fh, 'Position', [0.5 0 0.5 .5], 'BackgroundColor', [1 1 1]);
rightDownBottomAxis = axes(axisPanelRightDown,'Position', [0 0 1 1]);% Create pushbuttons to plot data
imshow("Filtring_Capacitor.png",'Parent',rightDownBottomAxis');

Answer 1

[Adam Danz]

fh should be your app's figure handle.

fh = app.UIFigure;  % or whatever your fig handle is.

or perhaps you want to assign the parent-panel to the app in which case you still need to use the app's figure handle.

fh = uipanel("Parent",app.UIFigure;  % or whatever your fig handle is.

but then you're missing other stuff like the panel's position property, etc.

p = uipanel(parent,Name,Value)

[Khalala Mamouri]

Hi Adam,

i tried both solution, et none is working i keep getting this error :

Unrecognized method, property, or field 'UIFigure' for class 'matlab.ui.container.Panel'.

Hem ... it seems that matlab does not recognize UIFigure in the matlab class

I tried without the UIFigure, i got no error and the axeses appeared but nothing else. I hope my question above is clear and sorry for my bad english. What i want is : Instead of showing the results in a "figure", i want them to be shown on a "UIPanel ", see previous image.

Thank you

[Adam Danz]

Sorry, I edited my question to simplify my answer. I realized your handle 'ConverterSizingBenchmarkPane' is probably to a uipanel.

Replace "UIFigure" with your figure handle in my answer.

[Khalala Mamouri]

Hem ... stil not working sorry adam. I want thé stuff to be ploted on directly to the UIpanel (fig.1 red place ). The panel on red has this hundle : app.ConverterSizingBenchmarkPane. The classical way is to use a popup figure as à base for the UIpanel ( first image i joined). However, i dont want to use figures, i want it directly on the UIpanel

I tried all the possible cases and still does not work:

fh = uipanel("Parent",app.ConverterSizingBenchmarkPane);

    fh = uipanel("Parent",app.ConverterSizingBenchmarkPane.UIFigure);

    fh = app.ConverterSizingBenchmarkPane

    fh = app.ConverterSizingBenchmarkPane.UIFigure

[Adam Danz]

1) What is this?

app.ConverterSizingBenchmarkPane

2) what is the handle to your uifigure?

3) Are you doing this in AppDesigner? If yes, then why are you adding the uipanel & axes manually?

[Khalala Mamouri]

Hi adam, sorry again for disturbing you.

1 : app.ConverterSizingBenchmarkPane : This is the UIPanel handler where i want to show my stuff (Please refer to the linked image down bellow).

2 : what is the handle to your uifigure? Instead of using a figure to show the stuff i want do it in the panel.

3) Are you doing this in AppDesigner? Yes i'am using app designer

- If yes, then why are you adding the uipanel ? The UIPanel i already added it by draging it to the app; the handler is app.ConverterSizingBenchmarkPane.

Why axes manually : I found this code in matlab exemples, i tryed it seems to work, but instead of showing the so called stuff in directly in the panel rebric called "ConverterSizingBenchmarkPane". Matlab first pops up a figure, then generates the UIPanel inside the figure and finally, shows the stuff. What i am looking for is to direcly show the sizing results in the Panel.

Please refer to the image bellow

[Adam Danz]

If you're doing this in App Designer, I'm confused about why you're adding UIPanels and axes manually. Why don't those objects already exist in your app?

Those objects can be added from within AppDesigner. Then you just need to specify their handles when you do the plotting.

[Khalala Mamouri]

Sorry to confuse you. YES ! it work perfectly, What happens is that i was creating new UIPanelon top of the already existing one.

OK so let me share my code for the next user :

leftUpAxis = axes(app.ConverterSizingBenchmarkPanel, 'Position', [0 0.5 0.5 0.5]); % Create a new axis on the panel
leftUpAxis.XColor='none'; % HIdes the axes because later i will show text here
leftUpAxis.YColor='none'; % Hides the axes because later i will show text here
Police = 9;               %

%% Writing text (exemple)
text(leftUpAxis,0, 1, sprintf('    %s ', 'Inductor Benchmark'), 'Fontsize',Police,'FontWeight',"bold",'Color',[0.0 0.45 0.74])

%% show an image (exemple2)
rightDownBottomAxis = axes(app.ConverterSizingBenchmarkPanel,'Position', [0.5 0 0.5 .5]);% Create pushbuttons to plot data
imshow("Filtring_Capacitor.png",'Parent',rightDownBottomAxis');
   

[Adam Danz]

Glad we got to the bottom of it!