Drawing on UI Axes in MATLAB app designer

62 次查看（过去 30 天）
Gabriela
Gabriela 2024-3-28
评论： Voss 2024-3-29
I am trying to figure out how a user can draw on Axes in app designer using their mouse. The app just has a button labelled "Draw" and an Axes.
When the user clicks "Draw" they should be allowed to draw something on the axis. I will want to implement another button that says "Finished Drawing" where the user can no longer edit their drawing and also another button "Clear" where they can erase what they have drawn.
I have tried various things but none of them allow me to use my mouse to draw on the axes.
I'm also not sure what needs to be defined as a function and what needs to be a callback for the button/ axis.
I have tried to use this code but it doesn't work.
% Button pushed function: DrawButton
function DrawButtonPushed(app, event)
app.DrawButton.ButtonPushedFcn = @(btn,event) drawOnAxes(app);
end
% Button down function: UIAxes
function UIAxesButtonDown(app, event)
app.axes1.ValueChangedFcn = @(src, event) drawOnAxes(app.UIAxes);
function drawOnAxes(app)
% Enable drawing on the UI Axes
hold(app.UIAxes, 'on');
% Listen for mouse button down event
app.UIAxes.ButtonDownFcn = @(ax,event) startDrawing(ax);
end
function startDrawing(ax)
% Get the current point where the mouse button was pressed
currentPoint = ax.CurrentPoint(1, 1:2);
% Create a line object
line(ax, 'XData', currentPoint(1), 'YData', currentPoint(2), 'Color', 'r');
% Listen for mouse movement event
ax.WindowButtonMotionFcn = @(ax,event) continueDrawing(ax);
% Listen for mouse button up event
ax.WindowButtonUpFcn = @(ax,event) stopDrawing(ax);
end
function continueDrawing(ax)
% Get the current point where the mouse is
currentPoint = ax.CurrentPoint(1, 1:2);
% Get the line object
lineObj = findobj(ax, 'Type', 'line');
% Update the line object with the current point
set(lineObj, 'XData', [get(lineObj, 'XData'), currentPoint(1)], 'YData', [get(lineObj, 'YData'), currentPoint(2)]);
end
function stopDrawing(ax)
% Remove the mouse movement and button up listeners
ax.WindowButtonMotionFcn = '';
ax.WindowButtonUpFcn = '';
end

请先登录，再回答此问题。

采纳的回答

Voss
Voss 2024-3-29
Here's a simple demo app you can use to draw.
After clicking the Draw button, left-click-and-drag on the axes to draw in black, or right-click-and-drag to draw in red.
Play with it and look at the code to see how it works.
  4 个评论
显示 2更早的评论
Gabriela
Gabriela 2024-3-29
Great thank you!
If I wanted to allow the user to draw with more colours, would this be possible using the "radio button group" component?
Voss
Voss 2024-3-29
You're welcome!
Sure, you can have several pre-set colors and associate each color to a radiobutton in a buttongroup.
Another option would be to use the built-in MATLAB color selector tool uisetcolor to present the user with lots of colors to choose from:
https://www.mathworks.com/help/matlab/ref/uisetcolor.html

请先登录，再进行评论。

更多回答（2 个）

Image Analyst
Image Analyst 2024-3-28
There is a family of "draw" functions, like drawpolygon, drawfreehand, drawline, etc. Use one of them. See attached demos if you need an example.
Mario Malic
Mario Malic 2024-3-28
Hey,
I made an example, adapted from Adam's answer.
I am a little bit confused by your code, your procedure makes sense and is better in terms of clarity. But you are actually defining the callback
app.DrawButton.ButtonPushedFcn = @(btn,event) drawOnAxes(app);
instead of calling it. You should create a callback, by right clicking on the button component and just write this in it
drawOnAxes(app)
do the same for the other callbacks.

类别

在 Help Center 和 File Exchange 中查找有关 Interactive Control and Callbacks 的更多信息

标签

Community Treasure Hunt

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

Start Hunting!

Translated by