当前位置：移动技术网 > 移动技术>移动开发>Android > 荐 MATLAB 像素画绘制APP

荐 MATLAB 像素画绘制APP

2020年07月07日 | 移动技术网移动技术 | 我要评论

文章目录

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

1 前言

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

2 绘画效果

在这里插入图片描述
像素画绘制效果：

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

增强网格：

3 颜色选择

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

4 图片的储存

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

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

6 作品展示

只是画着玩呀，不要吐槽色不准，真想要颜色准确，我不是还有个颜色提取程序嘛
在这里插入图片描述

本文地址：https://blog.csdn.net/slandarer/article/details/107138323

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

复习Android——Fragment

Fragment是什么Fragment是一种可以嵌入在Activity中的UI片段，它可以让程序更加合理和充分地... [阅读全文]
Android 11 Beta 2 和平台稳定性里程碑

作者 / Dave Burke, VP of Engineering几周前，我们发布了 Android 11 的... [阅读全文]
简单接入极光推送

只是为了记录怎么用,官网申请id啥的不说的.直接上代码.1 清单文件中:加入权限:<permission ... [阅读全文]
Xamarin 安卓相机各种坑目标API Android 6以后，我选的目标API版本是 Android 10

第一次在CSDN上写博客，为了记录我踩坑的心路历程，同时也为了其它踩坑的小盆友，指一条明路。因为客户要求增加拍照... [阅读全文]
代码示例：添加按键使得可以从当前视图控制器跳到另一个

示例：rootViewController和ViewController之间的互相跳转import UIKitc... [阅读全文]
FlowLayout

package com.xiangxue.nestedscroll.flowlayoutimport andro... [阅读全文]
Android 9.0+软件某些功能突然暴毙：cleartext not permitted

线上项目某功能突然暴毙，测试后发现Android 5 没问题 Android 9+功能报错：cleartext ... [阅读全文]
Binder在Native的实现

android中的跨进程通信（ipc）用的是C/S体系系统，Binder为这个体系系统提供IPC通信能力。在an... [阅读全文]
Android : Resource is not a Drawable (color or path)

Android : Resource is not a Drawable (color or path) Cau... [阅读全文]
Flutter问题集锦——Android Studio 4.0.1 在AVD Manger中启动模拟器报“unable to locate abd”

问题：在一次启动安卓模拟器过程中，点击启动时提示“unable to locate abd”错误解决方式：1、在... [阅读全文]

网友评论


验证码：