Description
This is a button component for SVG based icons. This provides a way to use SVG based icons in a button and customize the icon color as well as some other properties to give the button effects on interaction
Feedback
Please leave suggestions for more styling options or other feedback in the discussions tab.
Preview
Example
NB: This example is included in the examples folder. Because it relies on the mfilename('fullpath') command, the example will only work if the script is run from its original location.
f = uifigure('Name', 'Icon Button Demo');
gl = uigridlayout(f);
gl.ColumnWidth = {'1x', 120, '1x'};
gl.RowHeight = {'1x', 120, '1x'};
rootFolder = fileparts(fileparts(mfilename('fullpath')));
play_icon = fullfile(rootFolder, 'resources', 'icons', 'play-113.svg');
btn = IconButton(gl, ...
'Height', 100, ...
'Width', 100, ...
'Color', '#002054', ...
'SVGSource', play_icon);
btn.Layout.Row = 2;
btn.Layout.Column = 2;
btn.ButtonPushedFcn = @onButtonPushed;
function onButtonPushed(src, ~)
rootFolder = fileparts(fileparts(mfilename('fullpath')));
play_icon = fullfile(rootFolder, 'resources', 'icons', 'play-113.svg');
pause_icon = fullfile(rootFolder, 'resources', 'icons', 'pause-51.svg');
switch src.SVGSource
case play_icon
src.SVGSource = pause_icon;
case pause_icon
src.SVGSource = play_icon;
end
end
인용 양식
Eivind Hennestad (2024). IconButton (App Component) (https://www.mathworks.com/matlabcentral/fileexchange/167901-iconbutton-app-component), MATLAB Central File Exchange. 검색됨 .
MATLAB 릴리스 호환 정보
개발 환경:
R2024a
모든 릴리스와 호환
플랫폼 호환성
Windows macOS Linux태그
Community Treasure Hunt
Find the treasures in MATLAB Central and discover how the community can help you!
Start Hunting!icon_button_component
icon_button_component/examples
icon_button_component/private
버전 | 게시됨 | 릴리스 정보 | |
---|---|---|---|
1.1.1 | Fix: Reinitialize internal memoized function on demand if invalidated by "clear all" etc |
||
1.1.0.5 | Change preview gif |
||
1.1.0.4 | Added preview gif |
||
1.1.0.3 | Update image |
||
1.1.0.2 | Update description |
||
1.1.0.1 | Updated thumbnail image |
||
1.1.0 | Improved update of SVG Icon by updating in Javascript using Data property
|
||
1.0.0 |