Figure uitable does not display html image in 2019b

Question

Evan 2019 年 12 月 18 日

2
リンク

この質問への直接リンク

https://jp.mathworks.com/matlabcentral/answers/497260-figure-uitable-does-not-display-html-image-in-2019b

コメント済み: Evan 2020 年 2 月 13 日

I have been using html tags to display images in a uitable as suggested in this answer https://uk.mathworks.com/matlabcentral/answers/1132-display-an-icon-in-png-format-in-a-cell-of-a-uitable.

This worked fine when I was using 2018a, but now I have moved to 2019b it seems to have stopped working. I can still use html to change test font, background colour etc. but I just cannot get an image to display.

This is the code I use, tick is a 16x16 pixel png image.

fig = figure;
t = uitable('Parent', fig,...
    'Data', {'1';'2';'3'},...
    'ColumnName',[],...
    'RowName',[],...
    'ColumnWidth', {100});
tick = get_full_filename('+images\Completed_16.png');
t.Data(:,2) = {['<html><img src="file:/', tick, '"></html>']};

When I run this code in 2018a I get this output where I can see the png images in the second column of my table:

But when I run the code in 2019b I get this output where there are no images:

Any ides why I cannot get it to work anymore? Has the functionality changed?

6 件のコメント
4 件の古いコメントを表示4 件の古いコメントを非表示

Adam Danz 2019 年 12 月 19 日

編集済み: Adam Danz 2020 年 1 月 24 日

I thinkered around with it a bit but couldn't get any good results for r2019b.

This thread lists common problems and might be helpful to browse.

https://www.mathworks.com/matlabcentral/answers/470734-matlab-uitable-column-font-size-using-html-not-working

Update: See Arno van der Heijden's answer below.

Evan 2019 年 12 月 19 日

Ok, well thanks for having a look.

サインインしてコメントする。

サインインしてこの質問に回答する。

Answer 1

Arno van der Heijden 2020 年 1 月 24 日

6
リンク

この回答への直接リンク

https://jp.mathworks.com/matlabcentral/answers/497260-figure-uitable-does-not-display-html-image-in-2019b#answer_411812

I struggled with this as well and eventually realised that it still works as long as you explicitly define the image size!:

t.Data(:,2) = {['<html><img src="file:/', tick, '" height="16" width="16"></html>']};

3 件のコメント
1 件の古いコメントを表示1 件の古いコメントを非表示

Dev-iL 2020 年 2 月 9 日

Thanks for sharing! +1

Evan 2020 年 2 月 13 日

Thanks Arno

サインインしてコメントする。

Answer 2

Yair Altman 2019 年 12 月 24 日

3
リンク

この回答への直接リンク

https://jp.mathworks.com/matlabcentral/answers/497260-figure-uitable-does-not-display-html-image-in-2019b#answer_407584

編集済み: Yair Altman 2019 年 12 月 24 日

It's not just in tables. For some reason <img> tags are now ignored in all uicontrols (inc. buttons, listboxes etc.). There is no problem with your code, except for the fact that you forgot the step of:

tick = strrep(tick, '\', '/');

But even after adding this missing step, the images still don't render, although other HTML code does render. For example: uicontrol('String', '<html>12<img...>34') will display "1234" without the image in the middle. Other HTML tags (for example, , , , <div> etc.) still work ok, but not <img>.

I have not yet discovered a workaround, nor do I fully understand the root cause.

Until then, you could use unicode character U+2705 (&#9989 - ✅, which is part of the Dingbats character block) as follows:

t.Data(:,2) = {'<html>&#9989'};

(note the use of bold green color, otherwise the "character" displays using the default light black)

Other alternatives, obviously much more cumbersome, are to display the image using either CSS or by using the underlying Java component and using its column CellRenderer to display the image.

1 件のコメント
-1 件の古いコメントを表示-1 件の古いコメントを非表示

Evan 2020 年 1 月 2 日

Thanks Yair, using the dingbats characters are a good workaround for me.

サインインしてコメントする。