How to plot in UIAxes and demo of slider, knob and Gauge in App Designer in MATLAB.

This video shows how to plot a voltage-current-resistance AC current equation in the MATLAB' App Designer tool.
This video use the Slider, Knob, Gauge and UI Axes to demonstrate the plotting of the equation.
Complete Source code is available at:
programmerworl...
We will be glad to hear from you regarding any query, suggestions or appreciations at: [e-mail]

[@essaali9823]

this is one of the beast KZbin channel that give full instructions of how to built an app

[@christianarmandocruz]

thanks man, I owe you, you saved my grade

[@juanpabloalvarezarteaga9653]

This video is super usefull. Thank you, and greetings from Mexico!!!

[@TechnicallyExplained]

nice video...very helpful

[@nelsoncastillo4506]

Thanks for this tutorial ,thanks from chile!!!!!

[@ProgrammerWorld]

You are welcome :-)

[@adarshmishra6379]

nice video, short, simple and rich.

[@ProgrammerWorld]

Thanks :-)

[@REDSLibrary]

Very nice

[@mominziyaurrahman5750]

great sir

[@prasadadavi6618]

Good one to begin with 🙏

[@samsam-un3cq]

thank you, it helps my project :)

[@josemarioacosta1432]

Cheers mate, you saved my life!

[@martynbenami7057]

Thanks!

[@sahilchawla9339]

The video was highly informative but the number of ads in between were very frustrating. Anyway thanks for the tutorial.

[@ProgrammerWorld]

Thanks for your message. I will check for the number of breaks in the video. Thanks for highlighting this.

[@mahfuztalukdar5737]

Thanks a lot

[@tallapakaabhishek9181]

@programmer world I got good info abt app developer tool present in MATLAB from your tutorial. I just need one information becoz I stucked while creating a project. In ur project after clicking start respected based on slider and knob values as output Volt. function is displayed. if we want to hold that plot again for next different inputs it's correcponding output to be displayed is there a way to do such thing mentioned as above. Thanks in advance❤️

[@abdelbaseto4169]

Tankys

[@haziqahizzati113]

Would you make a video from simulink block to appdesigner that have gauge as the output? I'm trying to follow your step but the output still cannot appear :(

[@chandanraaz8425]

Can u tell me what I should I have to do if I need to take multiple points as input?

[@saud674]

Can you tell how to put images in axis in UIAxis?

[@ProgrammerWorld]

For images in App Designer, I have shown it in my below video where I have customized the buttons with images: How to design a simple Game in MATLAB using App Designer? kzbin.info/www/bejne/aXq0fo2HbK91pJI Regarding images in axis, I don’t think that is possible. Axis is mainly for plotting graphs. So, I don’t think there is any use case for putting images in the Axes. If you want to display images in your GUI, you can use buttons as shown in my above video.

[@TheUzman99]

Would you make tutorial how to send video viewer simulink to appdesigner?

[@ProgrammerWorld]

I think you should refer to my below tutorials on this topic. Below video shows steps to create a video editor using AppDesigner in MATLAB: kzbin.info/www/bejne/ZpSVXnynmr6ghNk However, below tutorial gives details on how to live-stream data using webcam. kzbin.info/www/bejne/rqGWfKeljMZ6jpo Though none of these videos shows the steps to deal with Video Viewer block but I hope the above videos are helpful in designing video Apps in your AppDesigner.

[@jfaycel6446]

I don't find the app designer in my Matlab 2015

[@ProgrammerWorld]

I am not sure but I think App designer is relatively new feature of matlab. Try a later version say 2017 or 2018 version, you should be able to get App Designer. Good Luck Programmer World programmerworld.co -

[@bharatagarwal6330]

Hi I am getting an error Error using uiaxes Too many input arguments. Error in uiaxes (line 109) createComponents(app) and when I press start button then i get Error using plot Parent must be a scalar graphics handle. Please suggest

[@ProgrammerWorld]

Most likely there is some issue with the plot command syntax you have used. Recheck it. Copy your Start button callback function and let me have a look.

[@bharatagarwal6330]

THETA=app.THETASlider.Value; freq=app.FrequencyKnob.Value; Ampl=app.AmplitudeSlider.Value; time=0:0.2:10; volt=Ampl*sin(freq*time+THETA); plot(app.UIAxes , time , volt); for i=1:length(volt) app.Gauge.Value=volt(i); pause(1); end

[@ProgrammerWorld]

Thanks for sharing the code. The callback function looks good. No issues here. From your error message 'Parent must be a scalar graphics handle' ... I suspect that your app.UIAxes is not created properly. I will have to ask you to share the complete code of App Designer. Then I can try to execute that in my environment. I am pasting a part of my code. Please note there is Create UIAxes details in the Private methods in the code. Anyway share the complete code and let me have a look. % App initialization and construction methods (Access = private) % Create UIFigure and components function createComponents(app) % Create UIFigure app.UIFigure = uifigure; app.UIFigure.Position = [100 100 640 480]; app.UIFigure.Name = 'UI Figure'; % Create UIAxes app.UIAxes = uiaxes(app.UIFigure); title(app.UIAxes, 'Title') xlabel(app.UIAxes, 'X') ylabel(app.UIAxes, 'Y') app.UIAxes.Position = [254 222 365 217]; % Create ThetaSliderLabel app.ThetaSliderLabel = uilabel(app.UIFigure); app.ThetaSliderLabel.HorizontalAlignment = 'right'; app.ThetaSliderLabel.VerticalAlignment = 'top'; app.ThetaSliderLabel.Position = [24 424 36 15]; app.ThetaSliderLabel.Text = 'Theta'; .........................................

[@bharatagarwal6330]

classdef uiaxes < matlab.apps.AppBase % Properties that correspond to app components properties (Access = public) UIFigure matlab.ui.Figure STARTButton matlab.ui.control.Button FrequencyKnobLabel matlab.ui.control.Label FrequencyKnob matlab.ui.control.Knob THETASliderLabel matlab.ui.control.Label THETASlider matlab.ui.control.Slider AmplitudeSliderLabel matlab.ui.control.Label AmplitudeSlider matlab.ui.control.Slider UIAxes matlab.ui.control.UIAxes GaugeLabel matlab.ui.control.Label Gauge matlab.ui.control.SemicircularGauge end methods (Access = private) % Callback function: AmplitudeSlider, FrequencyKnob, % STARTButton, THETASlider function STARTButtonPushed(app, event) THETA=app.THETASlider.Value; freq=app.FrequencyKnob.Value; Ampl=app.AmplitudeSlider.Value; time=0:0.2:10; volt=Ampl*sin(freq*time+THETA); plot(app.UIAxes , time , volt); for i=1:length(volt) app.Gauge.Value=volt(i); pause(1); end end end % App initialization and construction methods (Access = private) % Create UIFigure and components function createComponents(app) % Create UIFigure app.UIFigure = uifigure; app.UIFigure.Position = [100 100 816 656]; app.UIFigure.Name = 'UI Figure'; % Create STARTButton app.STARTButton = uibutton(app.UIFigure, 'push'); app.STARTButton.ButtonPushedFcn = createCallbackFcn(app, @STARTButtonPushed, true); app.STARTButton.Position = [359 64 100 22]; app.STARTButton.Text = 'START'; % Create FrequencyKnobLabel app.FrequencyKnobLabel = uilabel(app.UIFigure); app.FrequencyKnobLabel.HorizontalAlignment = 'center'; app.FrequencyKnobLabel.Position = [119 303 63 15]; app.FrequencyKnobLabel.Text = 'Frequency'; % Create FrequencyKnob app.FrequencyKnob = uiknob(app.UIFigure, 'continuous'); app.FrequencyKnob.Limits = [0 10]; app.FrequencyKnob.ValueChangedFcn = createCallbackFcn(app, @STARTButtonPushed, true); app.FrequencyKnob.ValueChangingFcn = createCallbackFcn(app, @STARTButtonPushed, true); app.FrequencyKnob.Position = [120 352 60 60]; app.FrequencyKnob.Value = 2; % Create THETASliderLabel app.THETASliderLabel = uilabel(app.UIFigure); app.THETASliderLabel.HorizontalAlignment = 'right'; app.THETASliderLabel.Position = [40 577 44 15]; app.THETASliderLabel.Text = 'THETA'; % Create THETASlider app.THETASlider = uislider(app.UIFigure); app.THETASlider.Limits = [-90 90]; app.THETASlider.ValueChangedFcn = createCallbackFcn(app, @STARTButtonPushed, true); app.THETASlider.ValueChangingFcn = createCallbackFcn(app, @STARTButtonPushed, true); app.THETASlider.Position = [105 583 150 3]; % Create AmplitudeSliderLabel app.AmplitudeSliderLabel = uilabel(app.UIFigure); app.AmplitudeSliderLabel.HorizontalAlignment = 'right'; app.AmplitudeSliderLabel.Position = [40 185 60 15]; app.AmplitudeSliderLabel.Text = 'Amplitude'; % Create AmplitudeSlider app.AmplitudeSlider = uislider(app.UIFigure); app.AmplitudeSlider.Limits = [0 20]; app.AmplitudeSlider.ValueChangedFcn = createCallbackFcn(app, @STARTButtonPushed, true); app.AmplitudeSlider.ValueChangingFcn = createCallbackFcn(app, @STARTButtonPushed, true); app.AmplitudeSlider.Position = [121 191 150 3]; app.AmplitudeSlider.Value = 5; % Create UIAxes app.UIAxes = uiaxes(app.UIFigure); title(app.UIAxes, 'Title') xlabel(app.UIAxes, 'X') ylabel(app.UIAxes, 'Y') app.UIAxes.Position = [433 434 300 185]; % Create GaugeLabel app.GaugeLabel = uilabel(app.UIFigure); app.GaugeLabel.HorizontalAlignment = 'center'; app.GaugeLabel.Position = [523 282 42 15]; app.GaugeLabel.Text = 'Gauge'; % Create Gauge app.Gauge = uigauge(app.UIFigure, 'semicircular'); app.Gauge.Limits = [-20 20]; app.Gauge.Position = [484 312 120 65]; end end methods (Access = public) % Construct app function app = uiaxes % Create and configure components createComponents(app) % Register the app with App Designer registerApp(app, app.UIFigure) if nargout == 0 clear app end end % Code that executes before app deletion function delete(app) % Delete UIFigure when app is deleted delete(app.UIFigure) end end end

[@ProgrammerWorld]

Your complete script looks good. And it runs on my machine correctly. So, now the only issues on your machine is due custom uiaxes.m or plot.m file which is over-shadowing the built-in function. Use below command which are your custom files and remove them from matlab path: which -all uiaxes which -all plot

[@SaquibSattar007]

can you make videos on using global functions in app design and A room has two doors, one dedicated for entry and other for exit. A PIR sensor is placed at both the doors to monitor the movement of the people. Write a MATLAB code to dynamically count the number of occupants in the room. Assume that PIR sensors are connected to digital pin 8 and 9 of Arduino Uno which are dedicated for entry and exit doors respectively . An LED is connected to digital pin 9 of Arduino Uno. A distance measuring analog sensor that generates 0 to 5V is connected to analog pin A0 of Arduino Uno. Write a MATLAB program to vary the flickering frequency of the LED depending on the position of any object from the sensor. Develop a user interface which consist of a static text and a button. On click of the button, the color of the static text should randomly change Thanks :)

[@ProgrammerWorld]

I will be glad to help you out. Once I have some videos available as per your request, I will let you know.

[@ProgrammerWorld]

I have made a video which may help you with your above requirements. You can watch it at: kzbin.info/www/bejne/bX_RZ3eOm9p4jtU

[@Stefan-ef1vv]

Can it update in real time?

[@ProgrammerWorld]

Could you please elaborate on what you mean by real time? If you mean to stream live data using something like data acquisition toolbox, then yes I think it should be possible to plot those data in chunks of time interval. However, if you mean to update the plot while gui application is running, then yes that is also possible. I think that is shown in my various videos on Matlab app designer topic.