内容摘要：本博文介绍MATLAB图片切换动画效果的制作以及GIF文件保存，并结合具体代码详细解释。介绍了利用MATLAB编程进行几幅图片的轮流切换，切换时实现与幻灯片切换相似的炫酷的图片切换特效。其中涉及一些MATLAB的高级图形设计，具体的函数及命令文中会详细介绍。本文先逐步介绍实现思路及代码细节，最后附上完整代码。

       MATLAB中为数据可视化提供了全面系统的功能函数，据此可以绘制出许多形象生动的精美图像。同时MATLAB的句柄图形为用户提供了强有力的工具，可以很方便地对图形的每个可能方面进行控制，这在需要设计GUI的场合用处很大。刚接触时看到许多用MATLAB制作出炫丽的仿真动画不明觉厉，在大学的MATLAB编程课里也经常有编写一个图片切换动画的作业或课设。这里写一个有几幅图片轮流切换不同效果的程序，为此提供一个参考思路，希望对大家有所启发。

       本节介绍MATLAB中动画制作的常用方式，对原理比较熟悉的读者可直接跳至第3节。众所周知动画其实是很多张图片的以一定时间间隔的逐帧切换，一个简单直接的想法当然就是下面代码中方式了。首先读取一张图片，通过for循环逐步扩大要显示图片的索引范围，达到逐步放大图片的效果。

                                                                                            图2.1 显示效果图

       上述代码有点粗糙，运行过程中随着图片的放大窗口也在不断抖动。这其实跟imshow( )函数有关，每次调用它显示一张图片系统就会自动新创建一个窗口，窗口的大小是根据要显示图片的大小自动缩放的，上面的for循环中不断调用imshow( )而图片的大小是不断变大的，显示窗口自然也跟着变化。

       其实MATLAB为动画制作提供了三种实现方式：质点动画、电影动画、程序动画。质点动画是最简单的动画产生方式，产生一个顺着曲线轨迹运动的质点来操作；电影动画首先会保存一系列的图形数据，然后按照一定的顺序像电影一样的播放；程序动画是在图形窗口中按照一定的算法连续擦除和重绘图形对象。下面逐个简单演示一下

       质点动画由comet、comet3函数产生质点动画，分别对应二维和三维坐标下的质点。首先求解出质点完整的运动轨迹坐标x，y（三维时还有z），将x,y作为输入参数使用comet或comet3直接绘制动点。

comet3函数的使用方法与comet相似。

实例代码如下：

效果如图2.1.1所示

                                                                                           图2.1.1 质点动画效果图

       电影动画和电影的制作有点相似，实际可以看出是一个先“拍”再“播”的过程，即捕捉将要构成动画帧的图像逐个存到一个大矩阵中，然后播放这个大矩阵的数据。

getframe与movie函数调用格式见表2.2.1及表2.2.2：getframe函数可以捕捉动画帧，并保存到矩阵中。

当创建了一系列动画帧后，可利用movie函数播放这些动画帧。该函数的用法有：

实例：旋转的山峰动画

运行结果如图2.2.1所示

                                                                                          图2.2.1 电影动画实例

       在MATLAB中把用于数据可视和界面制作的基本绘图要素称为句柄图形对象，每个图形对象有相应的属性值，例如线条Line对象就有颜色、位置等属性。可以改变图形对象的属性值，重绘图形对象，从而创建程序动画。其基本思路是：首先新建一个图形窗口，再循环内逐渐改变图形对象的相应属性值，并使用drawnow函数更新当前图形，整个循环就会表现出变化的动画效果。

实例代码如下

        代码5-8行新建图形窗口并为窗口中的对象设置初始属性，可以理解为给后面显示图像提供一个自定义的环境。首先第5行figure函数用于Figure图形窗口的创建，括号中参数设置相应属性，其中'menubar','none'表示禁用菜单栏；‘NumberTitle’，‘off’表示图形标题中不显示图形编号；‘Position’,'[800 800 360 360]'表示设置图形窗口的位置与大小，格式为[左 底 宽 高]；‘Name’,'图片切换动画效果'，表示设置图形窗口的标题。

       第7行设置图形窗口在居中位置。第9行axes函数用于Axes坐标对象的创建，即在当前图形窗口中新建一个坐标轴，括号里面参数设置上与figure格式相似，即设置坐标轴不可见、计量单位为常规、绘图区域的位置和大小设为[0 0 1 1]([左 底 宽 高])。

      第12-13行为读入图片，并在上面设置的坐标中显示图片，hIm为image（图形）对象的句柄，可通过句柄对该对象进行操作。

      第16-20行是在for循环中修改image（图形）对象的CData属性，并重绘图形从而实现动画的。具体的第18行中，set就是一个用于设置一般对象属性的函数，第一个参数hIm为图形句柄用于指定对哪个对象进行操作，这里就是image对象了；后面‘CData’，‘I’是指当前要显示的图像数据设置为矩阵I。整句就是指对hIm对象设置其要显示的图像这一属性为I。第19行drawnow就是将属性改变了的图形显示出来。

实现的效果如图2.3.1所示

                                                                                  图2.3.1 程序动画效果

       经过前面动画制作原理的介绍，这节就正式说说开头那个效果的实现了，为了便于编程实现（电影动画方式需先存后播编程稍显繁琐）这里采用程序动画的制作方式。首先需要准备几张长方形图片，为了方便后面处理其大小尺寸应该一致，即几张图像有相同长宽，并与接下来编写的M文件放在同一文件夹下。新建一个M文件命名为imageswitch.m，我们后面的编程都在该文件下进行。

       如图3.1.1所示，将长方形图片做一个简单划分（这里我的图片尺寸为1920*1200），以宽度的大小为边长在中间掏出一个正方形，就是图中两条蓝色线条分割的中间部分，那么两条线的位置就是(1920-1200)/2和1920-(1920-1200)/2也就是360，和1560，如此一来这张图片就分成了左右两个长条和中间正方形区域了。

                                                                                          图3.1.1 分割图片

       现在一步步从头开始编写程序吧，首先实现的是第二幅图片的左边长条由顶部向下移动逐渐覆盖原图片的左边长条，同时右边的长条也逐渐被覆盖不过是由底部向上移动的。在程序中这一过程其实是一个图片矩阵中一部分元素逐渐被另一矩阵中元素所替换的过程。说白了图片的存储和处理都是以矩阵的形式，图3.1那张图片就是一个1920*1200*3的三维矩阵，左边长条的移动就是横坐标范围在1-360，纵坐标范围为1-1200的所有元素逐渐由第二张图数据矩阵的相同范围上的对应元素所赋值的过程了。我们看一段代码理解一下。

       代码中第1-19行是新建图形窗口并对图形对象设置属性值为后面动画制作提供一个好的“环境”，在2.3节中已经详细介绍这里就不再赘述了。21-30行就是重点了，21行是设置一个赋值的范围跨度，值越大后面动画进行的速度就越快；22行的Length就是小长条的宽，为了方便后面用到；整个动画的实现在for循环中进行，第26行Im是将要显示的矩阵而后面的I2是下一张图片的数据矩阵，在第12行Im已经被赋值为第一张图片的数据矩阵I1了，现在要做的就是随着for循环的进行i的值逐渐增大长条逐渐被赋值了。22行语句如下

      可以看到第二维和第三维的范围两边矩阵是相同的，都分别是1:Length、：，即第二维索引范围是1到Length（小长条的宽），第三维索引取全部范围（第三维可认为是对色彩的设定，“：”表示取索引全部范围，就可以认为是保留色彩了，实际还得理解下RGB图像的存储方式哦）。第一维范围为1到i，随i的增大越来越多的区域被I2中x-i+1到x范围的I2覆盖。同理第23行也是逐渐覆盖原有图像右边长条，所以这是第二维的范围应该是y-Length+1到y，而右边的长条下一张图片的那一部分是向下逐渐覆盖的，故第一维两个矩阵的索引范围与左边的相反。

       第24行将image对象的CData属性设置为赋值后的Im，即显示的图像是新的Im。第25行用drawnow函数重绘图形窗口，就会显示新的一帧。最终以上代码运行的动画效果如图3.1.2所示

                                                                                           图3.1.2 长条移动演示

       将中间正方形区域平均分成上下两部分，上部分区域由下一幅图片相应部分向右移动覆盖，下部分由下一幅图片相应部分向左移动覆盖，效果一的完整效果就是图3.1.3所示的

                                                                                      图3.1.3 效果一的完整效果

       这只要在上面实现长条的代码23-24间加上以下两行代码其原理与长条移动相同，只不过这时的索引范围需要有所改变上层范围为1到x/2，即上半部分，第二维Im是从Length+1（正方形开始的地方）至Length+i（随i的增大逐渐覆盖这个正方形宽度范围）被I2中最右边部分开始的像素部分取代，而第二行正好覆盖的方向相反。

       效果一的完整代码如下，新建到imageswitch2.m文件中即可实现图3.1.3的效果

         同样可以将覆盖的方向改变，如取与上面相反的覆盖方向就可以实现又一种切换效果了。

       对于中间的正方形区域可以设计一个缩放的效果，如图3.2.1所示。

                                                                                         图3.2.1 缩放演示效果

这时对正方形赋值的代码如下     

       要实现缩小就需要正方形区域的索引范围以一定速度缩小，最终由下一张图片完全覆盖，实现图3.2.1效果的完整代码如下

       同样可以设计一个从中间放大而覆盖图像的效果，这只需要改变上面代码中for中的赋值部分就可以了，至于具体如何修改大家只要参考第4节中的完整代码就行了，限于篇幅这里就不多说了。

       MATLAB 制作gif动态图的基本思想就是，将一张张的静态图组合成一张能动的gif图片，并保存到相应的位置。 那么，要想制作一张动态图，首先要有若干个静态图，并且他们的索引值是连续的。将我们制作的动画保存下来其完整代码如下

       前面第1-33行代码与之前的代码一致，在第37行print(hFigure,'-dbmp',sprintf('%d',jo)) 中hFigure是当前图形窗口的图形句柄，指定输出当前窗口的图像，'-dbmp'指定输出文件格式，sprintf（'%d',jo）是对bmp文件命名为jo。后面第41-51行的for循环是遍历刚刚生成的图片将其组合成gif文件，生成的gif文件如图3.2.2所示。

                                                                                              图3.2.2 movefig.gif

       实现文中开头图中的效果的完整代码如下所示，在MATLAB中新建一个m文件，命名为imageswitch.m运行即可。注意将相应图片放在m文件相同文件夹下，图片的命名需与代码中一致（也可修改代码中文件名）免得出错。下面是本文所用到的图片文件，需要的可以选中复制下来用于测试程序，只是需要改下文件名与这里一致。

用到的图片文件：

BingWallpaper-2016-09-27.jpg

BingWallpaper-2016-10-07.jpg

BingWallpaper-2016-10-13.jpg

BingWallpaper-2016-10-14.jpg

BingWallpaper-2016-12-26.jpg

      本文中所有代码的完整m文件还有图片文件已经上传，代码经调试通过

下载链接：图片切换动画效果制作_利用matlab制作动图-其它其他资源-CSDN下载

有需要的朋友在评论区留言，可以将文件发送至你的邮箱。

【公众号获取】 本人微信公众号已创建，点击文末公众号卡片关注公众号“AI技术研究与分享”，后台回复“IS20180315”即可获取全部资源文件。

       这就是利用MATLAB进行图片切换动画的全部内容了，还有很多炫丽的动画效果可以创造，将动画效果用到PPT演示和GUI设计等方面定能增色不少。本博文介绍的方法在多次修改之下，使其程序更加严谨。由于编者能力有限，代码即使经过了多次校对，也难免会有疏漏之处。希望您能热心指出其中的错误，以便下次修改时能以一个更完美更严谨的样子，呈现在大家面前。同时如果有更好的实现方法也请您不吝赐教。