荐 MATLAB 像素画绘制APP

程序员文章站 2022-03-30 09:39:27

文章目录1 前言2 绘画效果3 颜色选择4 图片的储存5 完整代码6 作品展示1 前言比较难过的是MALAB GUI功能将要被移除，很多很好用的功能和函数MATLAB APP都还没有实现方式，这里尝试使用编程的方式调用APP控件制作像素画绘制APP。2 绘画效果像素画绘制效果：图中的左侧是画板部分，只需要对网格中的空隙进行点击，便可填充颜色，可以选择增强网格或弱化网格，效果如下：弱化网格：增强网格：3 颜色选择首先界面的右上角有一调色盘，只需要通过滑动条调整蓝色所占比例，再点击调色...

文章目录

1 前言
2 绘画效果
3 颜色选择
4 图片的储存
5 完整代码
6 作品展示

1 前言

比较难过的是MALAB GUI功能将要被移除，很多很好用的功能和函数MATLAB APP都还没有实现方式，这里尝试使用编程的方式调用APP控件制作像素画绘制APP。

2 绘画效果

荐
MATLAB 像素画绘制APP
像素画绘制效果：

图中的左侧是画板部分，只需要对网格中的空隙进行点击，便可填充颜色，可以选择增强网格或弱化网格，效果如下：
弱化网格：

增强网格：

3 颜色选择

首先界面的右上角有一调色盘，只需要通过滑动条调整蓝色所占比例，再点击调色盘即可调整颜色，图中白叉位置即为所选颜色：
荐
MATLAB 像素画绘制APP
同时程序支持直接对RGB颜色的数字进行调整，调色盘中白叉位置和数值调整面板中数值会同步变化：

4 图片的储存

非常难过，对于uifigure,无论是imwrite,saveas都无法使用，对于uiaxes，getframe也无法使用，而toolbar我们又难以内部调用，这导致我们如果想要通过按钮存储图片，只能将uifirgue转化为figure，将uiaxes转化为axes，再使用相应的函数进行储存，
因此，即使我编写了图像存储按钮，我依旧的推荐将笔刷调整至橡皮，再使用uiaxes自带的toolbar进行图片储存，如图右上角所示：
荐
MATLAB 像素画绘制APP

5 完整代码

function pixelPicApp
global pixelPicFig pixelPicAxes1 pixelPicAxes2 pixelPicSlider
global pixelPicLabelR pixelPicNumericR pixelPicLabelG pixelPicNumericG pixelPicLabelB pixelPicNumericB
global pixelPicLabel4 pixelPicNumeric4 pixelPicPresentColorLabrl pixelPicPresentColor
global colorMapPic colorMapPos pixelPos pixelColor presentColor
global pixelPicBrushExchange pixelPicClearAll pixelPicBoldGrid pixelPicSavePic
pixelPicFig=uifigure('units','pixels',...
    'position',[320 100 880 520],...
    'Numbertitle','off',...
    'menubar','none',...
    'resize','off',...
    'name','pixelPic 1.0 | by slandarer',...
    'color',[0.95 0.95 0.95]);
TickLabelcoe=zeros(1,33);
TickLabelcoe=num2cell(TickLabelcoe);
for i=1:33,TickLabelcoe{i}=[];end
pixelPicAxes1=uiaxes('Units','pixels',...
      'parent',pixelPicFig,...
      'PlotBoxAspectRatio',[1 1 1],...
      'Position',[20 20 480 480],...
      'Color',[0.99 0.99 0.99],...
      'Box','on', ...
      'XLim',[0 480],...
      'YLim',[0 480], ...
      'YDir','reverse', ...
      'XColor',[0.5,0.5,0.5],'YColor',[0.5,0.5,0.5],...
      'XTickLabel',TickLabelcoe,...
      'YTickLabel',TickLabelcoe,...
      'XTick',0:15:480,'YTick',0:15:480,...
      'Tag','drawboard',...
      'XGrid','on','YGrid','on',...
      'GridColor',[0.5,0.5,0.5],'GridColorMode','manual');
pixelPicAxes2=uiaxes('Units','pixels',...
      'parent',pixelPicFig,...
      'PlotBoxAspectRatio',[1 1 1],...
      'Position',[500 205 300 300],...
      'Color',[0.98 0.98 0.98],...
      'XLim',[0 255],...
      'YLim',[0 255], ...
      'YDir','reverse', ...
      'XColor',[0.95 0.95 0.95],'YColor',[0.95 0.95 0.95],...
      'Tag','pallet');
%pixelPicAxes1.Toolbar.Visible='off';
pixelPicAxes2.Toolbar.Visible='off';

pixelPicSlider=uislider('parent',pixelPicFig,...
      'value',150,'Limits',[0 255],...
      'Orientation','vertical',...
      'ValueChangedFcn',@moveSlider,...
      'Position',[815 265 3 230]);
%==========================================================================
pixelPicBrushExchange=uibutton('parent',pixelPicFig,...
    'position',[700,170,170,40],...
    'Text','切换至　橡皮',...
    'FontWeight','bold',...
    'FontColor',[0.27 0.25 0.25],...
    'tag','brush',...
    'ButtonPushedFcn',@bruchExchange,...
    'BackgroundColor',[0.98 0.99 0.94],...
    'FontSize',15);
pixelPicClearAll=uibutton('parent',pixelPicFig,...
    'position',[700,120,170,40],...
    'Text','清除全部图像',...
    'FontWeight','bold',...
    'FontColor',[0.27 0.25 0.25],...
    'ButtonPushedFcn',@clearAll,...
    'BackgroundColor',[0.98 0.99 0.94],...
    'FontSize',15);
pixelPicBoldGrid=uibutton('parent',pixelPicFig,...
    'position',[700,70,170,40],...
    'Text','增强网格线',...
    'FontWeight','bold',...
    'tag','NORM',...
    'ButtonPushedFcn',@boldGrid,...
    'FontColor',[0.27 0.25 0.25],...
    'BackgroundColor',[0.98 0.99 0.94],...
    'FontSize',15);
pixelPicSavePic=uibutton('parent',pixelPicFig,...
    'position',[700,20,170,40],...
    'Text','存储当前图像',...
    'FontWeight','bold',...
    'ButtonPushedFcn',@savePic,...
    'FontColor',[0.27 0.25 0.25],...
    'BackgroundColor',[0.98 0.99 0.94],...
    'FontSize',15);
%==========================================================================
pixelPicLabelR=uilabel('parent',pixelPicFig,...
    'Text',' R:',...
    'FontSize',15,...
    'BackgroundColor',[0.85 0.85 0.85],...
    'position',[527,170-47,130,30]);
pixelPicNumericR=uieditfield(pixelPicFig,'numeric',...
    'Value',0,...
    'limit',[0 255],...
    'ValueDisplayFormat','%.1f',...
    'ValueChangedFcn',@editData,...
    'position',[570,175-47,82,20]);
pixelPicLabelG=uilabel('parent',pixelPicFig,...
    'Text',' G:',...
    'FontSize',15,...
    'BackgroundColor',[0.85 0.85 0.85],...
    'position',[527,170-94,130,30]);
pixelPicNumericG=uieditfield(pixelPicFig,'numeric',...
    'Value',0,...
    'limit',[0 255],...
    'ValueDisplayFormat','%.1f',...
    'ValueChangedFcn',@editData,...
    'position',[570,175-94,82,20]);
pixelPicLabelB=uilabel('parent',pixelPicFig,...
    'Text',' B:',...
    'FontSize',15,...
    'BackgroundColor',[0.85 0.85 0.85],...
    'position',[527,170-141,130,30]);
pixelPicNumericB=uieditfield(pixelPicFig,'numeric',...
    'Value',150,...
    'limit',[0 255],...
    'ValueDisplayFormat','%.1f',...
    'ValueChangedFcn',@editData,...
    'position',[570,175-141,82,20]);

pixelPicLabel4=uilabel('parent',pixelPicFig,...
    'Text',' B:',...
    'BackgroundColor',[0.85 0.85 0.85],...
    'position',[810,229,62,22]);
pixelPicNumeric4=uieditfield(pixelPicFig,'numeric',...
    'Editable','off','Value',150,...
    'ValueDisplayFormat','%.1f',...
    'position',[830,230,40,20]);
pixelPicPresentColorLabrl=uilabel('parent',pixelPicFig,...
    'Text',' 当前颜色:',...
    'BackgroundColor',[0.85 0.85 0.85],...
    'FontSize',15,...
    'position',[527,170,160,40]);
pixelPicPresentColor=uieditfield('parent',pixelPicFig,...
    'Editable','off','Value','',...
    'BackgroundColor',[0 0 1],...
    'position',[600,175,82,30]);
%==========================================================================
set(pixelPicFig,'WindowButtonDownFcn',@whileclickfcn)
pixelPos=[0 0];pixelPos(1,:)=[];
pixelColor=[0 0 0];pixelColor(1,:)=[];
[colorMapXgrid,colorMapYgrid]=meshgrid(linspace(0,1,256),linspace(0,1,256));
colorMapPic(:,:,1)=colorMapXgrid;
colorMapPic(:,:,2)=colorMapYgrid;
colorMapPic(:,:,3)=ones(256,256).*150./255;
imshow(colorMapPic,'Parent',pixelPicAxes2)
presentColor=[0 0 1];
colorMapPos=[0 0];
%==========================================================================
function savePic(~,~)
    try
    new_fig=figure('units','pixels',...
    'position',[0 0 460 460],...
    'Numbertitle','on',...
    'menubar','none',...
    'visible','off',...
    'resize','off',...
    'color',[0.95 0.95 0.95]);
    new_axes=axes('Units','pixels',...
    'parent',new_fig,...
    'PlotBoxAspectRatio',[1 1 1],...
    'Position',[1.5 1.5 459.5 459.5],...
    'Color',[0.99 0.99 0.99],...
    'Box','on', ...
    'XLim',[0 480],...
    'YLim',[0 480], ...
    'YDir','reverse', ...
    'XColor',[0.5,0.5,0.5],'YColor',[0.5,0.5,0.5],...
    'XTickLabels',TickLabelcoe,...
    'YTickLabels',TickLabelcoe,...
    'XTick',0:15:480,'YTick',0:15:480,...
    'XGrid','on','YGrid','on',...
    'GridAlpha',get(pixelPicAxes1,'GridAlpha'),...
    'GridColor',get(pixelPicAxes1,'GridColor'),'GridColorMode','manual');
    hold on
    scatter(new_axes,pixelPos(:,1),pixelPos(:,2),185,'s','filled','CData',pixelColor)
    [filename, pathname] = uiputfile({'*.jpg;*.png','All Image Files';...
            '*.jpg','JPG';'*.png','PNG' });
    saveas(new_fig,[pathname,filename]);
    catch
    end
end
function clearAll(~,~)
    pixelPos=[0 0];pixelPos(1,:)=[];
    pixelColor=[0 0 0];pixelColor(1,:)=[];
    scatter(pixelPicAxes1,pixelPos(:,1),pixelPos(:,2),185,'s','filled','CData',pixelColor)
end
function boldGrid(~,~)
    switch 1
        case strcmp(get(pixelPicBoldGrid,'tag'),'BOLD')
            set(pixelPicBoldGrid,'tag','NORM')
            set(pixelPicBoldGrid,'Text','增强网格线')
            set(pixelPicAxes1,'GridColor',[0.5,0.5,0.5])
            set(pixelPicAxes1,'GridAlpha',0.15)
        case strcmp(get(pixelPicBoldGrid,'tag'),'NORM')
            set(pixelPicBoldGrid,'tag','BOLD')
            set(pixelPicBoldGrid,'Text','弱化网格线')
            set(pixelPicAxes1,'GridColor',[0 0 0])
            set(pixelPicAxes1,'GridAlpha',0.65)
    end
end
function bruchExchange(~,~)
    switch 1
        case strcmp(get(pixelPicBrushExchange,'tag'),'brush')
            set(pixelPicBrushExchange,'tag','eraser')
            set(pixelPicBrushExchange,'Text','切换至　笔刷')
        case strcmp(get(pixelPicBrushExchange,'tag'),'eraser')
            set(pixelPicBrushExchange,'tag','brush')
            set(pixelPicBrushExchange,'Text','切换至　橡皮')
    end
end
function editData(~,~)
    set(pixelPicSlider,'value',get(pixelPicNumericB,'value'));
    set(pixelPicNumeric4,'value',get(pixelPicNumericB,'value'));
    colorMapPic(:,:,3)=ones(256,256).*get(pixelPicSlider,'value')./255;
    colorMapPos=[get(pixelPicNumericR,'value'),get(pixelPicNumericG,'value')];
    imshow(colorMapPic,'Parent',pixelPicAxes2)   
    hold(pixelPicAxes2,'on')
    scatter(pixelPicAxes2,colorMapPos(1),colorMapPos(2),120,'w+','LineWidth',1)
    hold(pixelPicAxes2,'off')
    presentColor=[get(pixelPicNumericR,'value'),get(pixelPicNumericG,'value'),get(pixelPicNumericB,'value')]./255;
    set(pixelPicPresentColor,'BackgroundColor',presentColor);
end
function moveSlider(~,~)
    set(pixelPicNumeric4,'value',get(pixelPicSlider,'value'));
    colorMapPic(:,:,3)=ones(256,256).*get(pixelPicSlider,'value')./255;   
    imshow(colorMapPic,'Parent',pixelPicAxes2)  
    hold(pixelPicAxes2,'on')
    scatter(pixelPicAxes2,colorMapPos(1),colorMapPos(2),120,'w+','LineWidth',1)
    hold(pixelPicAxes2,'off')
end
function whileclickfcn(~,~)
        xy=get(pixelPicFig,'CurrentPoint');
        x=xy(1);y=xy(2);
        switch 1
            case x>=20&&x<=500&&y>=0&&y<=500&&strcmp(get(pixelPicBrushExchange,'tag'),'brush')
                xyIndrawboard=get(pixelPicAxes1,'CurrentPoint');
                xIndrawboard=round((xyIndrawboard(1,1)+7.5)/15)*15-7.5;
                yIndrawboard=round((xyIndrawboard(1,2)+7.5)/15)*15-7.5;
                pixelPos=[pixelPos;[xIndrawboard,yIndrawboard]];
                pixelColor=[pixelColor;presentColor];
                scatter(pixelPicAxes1,pixelPos(:,1),pixelPos(:,2),185,'s','filled','CData',pixelColor)
            case x>=500&&x<=800&&y>=205&&y<=505
                xyInpallet=get(pixelPicAxes2,'CurrentPoint');
                xyInpallet=floor(xyInpallet.*10)./10;
                xyInpallet=xyInpallet(1,1:2);
                xyInpallet(xyInpallet>255)=255;
                xyInpallet(xyInpallet<0)=0;
                colorMapPos=xyInpallet;     
                imshow(colorMapPic,'Parent',pixelPicAxes2)   
                hold(pixelPicAxes2,'on')
                scatter(pixelPicAxes2,colorMapPos(1),colorMapPos(2),120,'w+','LineWidth',1)
                hold(pixelPicAxes2,'off')
                presentColor=[xyInpallet,get(pixelPicSlider,'value')]./255;
                set(pixelPicPresentColor,'BackgroundColor',presentColor);
                set(pixelPicNumericR,'value',xyInpallet(1));
                set(pixelPicNumericG,'value',xyInpallet(2));
                set(pixelPicNumericB,'value',get(pixelPicSlider,'value')); 
            case x>=20&&x<=500&&y>=0&&y<=500&&strcmp(get(pixelPicBrushExchange,'tag'),'eraser')
                xyIndrawboard=get(pixelPicAxes1,'CurrentPoint');
                xIndrawboard=round((xyIndrawboard(1,1)+7.5)/15)*15-7.5;
                yIndrawboard=round((xyIndrawboard(1,2)+7.5)/15)*15-7.5;
                tempPos=[xIndrawboard,yIndrawboard];
                tempcoe=sum(abs(pixelPos-tempPos),2)==0;
                pixelPos(tempcoe,:)=[];
                pixelColor(tempcoe,:)=[];
                scatter(pixelPicAxes1,pixelPos(:,1),pixelPos(:,2),185,'s','filled','CData',pixelColor)
        end       
    end
end