>如果要为整个图形设置纯色背景颜色,则执行此操作需要
a documented way,例如：
% When creating a new uifigure:
fig = uifigure('Color',[R G B])
% if the uifigure already exists:
fig.Color = [R G B];
>如果你想改变一些地区的背景颜色,你可以添加一个没有标题或边框的uipanel(uipanel(…,’BorderType’,’none’,’Title’,”,’BackgroundColor’, [RGB])).
>如果要将图像设置为整个图形的背景：
function q41602238a
%% Turn off some warnings:
warning off Matlab:structOnObject
warning off Matlab:HandleGraphics:ObsoletedProperty:JavaFrame
%% 0. Create a uifigure:
app = uifigure();
%% 1. Get a handle to the webwindow:
while true
try
win = struct(struct(app).Controller).Container.CEF;
break
catch
pause(0.1); % Give the figure (webpage) some more time to load
end
end
%% 2. Find the data_tag of the DOM element we want to edit:
data_tag = char(struct(app).Controller.ProxyView.PeerNode.getId);
%% 3. Manipulate the DOM via a JS command
while true
try
win.executeJS(['dojo.style(dojo.query("[data-tag^=''' data_tag ''']")[0],"background-image","url(https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg")']);
break
catch
pause(0.1); % Maybe JS is still not ready.
end
end
结果：
>如果要将图像设置为某个区域的背景：
function q41602238b
%% Turn off some warnings:
warning off Matlab:structOnObject
warning off Matlab:HandleGraphics:ObsoletedProperty:JavaFrame
%% 0. Create a some element:
app = uifigure();
pnl = uipanel(app);
%% 1. Get a handle to the webwindow:
while true
try
win = struct(struct(app).Controller).Container.CEF;
% disp(win.URL);
break
catch
pause(0.1); % Give the figure (webpage) some more time to load
end
end
%% 2. Find the id of the DOM element we want to edit:
data_tag = char(struct(pnl).Controller.ProxyView.PeerNode.getId);
widgetId = win.executeJS(['dojo.getAttr(dojo.query("[data-tag^=''' data_tag ''']")[0],"widgetid")']);
%% 3. Manipulate the DOM via a JS command
dojo_style_prefix = ['dojo.style(dojo.query("#' widgetId(2:end-1) '")[0],'];
while true
try
win.executeJS([dojo_style_prefix '"background-image","url(https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg")']);
break
catch
pause(0.1); % Maybe JS is still not ready.
end
end
结果：
笔记：
>最后两个示例基于这两个帖子：1,2,操作原理是在某些所需UI元素的样式属性中添加background-image：“…”条目(恰好是HTML DIV).
>可以在this GitHub存储库中找到用于编程操作App Designer图形的工具.>示例图像恰好是.svg,这很有趣,因为我们可以以这种格式导出“常规”MATLAB数字,然后将它们用作uifigure的背景:)
