matlab - 如何自定义 App Designer 人物的背景？

Question

我想附加一个徽标或更改 App Designer 的整个背景uifigure。如何才能做到这一点？

Answer 1

• 如果您想为整个 figure 设置纯色背景颜色，则存在一种记录方法来执行此操作，例如：

  % 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',[R G B]))。

• 如果要将图像设置为整个图形的背景：

  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. 最后两个示例基于以下两个帖子：1、2，操作原理是向某个所需 UI 元素（恰好是 HTML ）background-image: "..."的属性添加一个条目。stylediv

2. 可以在此GitHub 存储库中找到对 App Designer 图形进行编程操作的工具。

3. 示例图像恰好是 a .svg，这很有趣，因为我们可以以这种格式导出“常规” MATLAB 图形，然后将它们用作 a 的背景uifigure:)

Answer 2

不幸的是，我还不能发表评论，所以这是另一个答案。

从 Matlab 2017a 开始，控制器不再具有 Container 属性。这有效：

warning off Matlab:structOnObject
warning off Matlab:HandleGraphics:ObsoletedProperty:JavaFrame

win = struct(struct(struct(app).Controller).PlatformHost).CEF;

data_tag = char(struct(app).Controller.ProxyView.PeerNode.getId);

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")']);

也有可能找到所有活动的网络窗口使用

webWindows = matlab.internal.webwindowmanager.instance.findAllWebwindows();

不幸的是我还没有找到，哪个窗口属于哪个 UIFigure（您可以使用 Title 或 Position 进行过滤，但是两个相同的 UIFigure 会导致问题）。

免责声明，Davide Miani 在此处发布了该信息：https ://undocumentedmatlab.com/blog/customizing-uifigures-part-1#comment-406524