08_9Patch图片的制作.avi原创

我就教大家如何来去制作九拍图片。制作起来特别简单啊。我这里面不有一个开始的一点偏距嘛，对吧，要利用一下啊，我们SDK里面的一个工具。打开。To。啊，在这里面呢，有一个做九派。它呢会启动一个啊应用窗口。啊，我们把那个图片呢，给它拖进来就可以。你也可以导入啊，也可以拖，嗯。看到。他原来的这个这个里面给大家说一下，这是那个那个操作区域啊，先看一下下面这一个。什么意思？说吧，啊。主要是放大大家看，也就是说它本来只有这么大一点点。

对吧。那这么大一点呢，不是不好操作呀。怎么办呢？你可以把它是不是一放大，放大以后呢，就就会看到越来越看越清晰了，对吧。好。就是看到了很多像素点呐。下面还有一个。这个呢是什么呢？右边我们产生的九拍图片缩放啊，放大以后的一个效果，我放了多少倍了，默认是放了两倍，你可以把它。翻了很多倍。你看到吧，譬如说把它放到六倍。这一个是高宽度不变。宽度不变，把高度放到六倍。这个啦。高度不变，把宽度放到六倍。能理解吧，这个。宽高都放大六倍。这意思吧，好啦。哎呀，我去，我一不小心就往这上面拖了一个。

啊，得得得，再来一次。啊来。啊，是吧。啊。那肯定让他放大一点看啊。下面怎么操作呢。大家先一上来去把这两个勾选掉，勾上。什么意思？这个数拍起什么意思？显示那个碎片吧，我们说过了，那个九拍图片是九个碎片。现在我们没拖啊，你可能看的不太明显，这一个什么意思呢。修修content的显示什么内容，它显示的是能够显示内容的区域，后面我们会接触到这个，这个非常重要。脱了。啊，我们说过来看这个结果啊。啊，一共有四个面需要去拖，首先呢，大家需要去通过拖动上面。

和左边来把整个图片分成九个部分。对吧。怎么拖？有这个问题啦，看着你先别拖，你把光标放着它是不是，它是不是有几根线显示出来了。对吧。那等它先显示出来，大家看到我这一线，你放到线上面，是不是可以让我变成这个镜头，是告诉我什么。是不是可以左右拖动啊。哎，对。那你就左右进行拖动，把左边的拖动，把右边的也拖动。拖到中间来。要一个像素记录了。能看出来是一个像素了吧？啊，这是这一个。好，下面接着。啊，拖动左边的。嗯。那你来看是不是就是九个部分呢。是吗？能看出来是九个部分吗？

这还不能呢，中间的区域是不是一啊，这是这个。叫什么？绿色的部分是不是叫二啊，其他四个角就什么。三是吧，啊，一共九个部分。好了。那我跟大家说一下啊。那我们是不是就会可以把它保存为一个图片对吧，我一保存大家看啊，我先不拖不右边和下面，右边下面我先就不拖了，来我把它呢放到桌面。先放到封面得了啊，我来写一个假设，我叫一个test test test啊。我就叫这个名字，我不写后缀。我不写后缀。你来看一下。就是什么。点九点PNG图片。对吧。嗯，对的。好啦。啊，其实对于我们这张图片来说，做到这指定上面和左边就够了。

就可以，但是有的时候啊，我得跟大家说一个事情，那为什么还要去拖动右边和下面的呢。这个右边和下面的用来指定的是显示内容的区域。就是说什么叫显示内容的区域啊，跟大家说一下。就大家现在看到的效果。就是。这一个就是显示内容的区域。就是你能看到，就是上面能够显示东西的区域，显示在文本的区域。啊，你看我先做两个效果出来，让大家看到啊，有一定的区别来啊。我这么做一下，我先做一下啊。做一下，大家看到区别以后，才能很很快的明白是一个什么样的意思。好。好了，这么拖一下。这么推。啊，我现在这么拖。

我就刚好靠这个边。它它这个图片周围这是透明的部分，其实也是图片的部分，只是透明的啊好大家看啊，我这么整一下，我再保存。啊，这个里面。嗯，保存的话来。我把这一个给它复制一个放杆。因为它一保存就保存在那个文件上面，保存看见S。来，我们来看一下这个图片，你看。是吧？看到了吗？是吧，好了，这一个是我去没有去拖动右边和下面那两两根线吧，也是用的它的默认的内容区域。啊，这一个假设啊，我改一下它啊，这个呢叫三。啊，这个呢叫啊。

把这个给它去掉。啊，什么副本。好了吧，好，我把这两个图片。都用上。来跟大家说一下啊，九派图片它是可以自动缩放的。所以说他。你一般不会放在什么HD PI ldpi，它直接放在哪个里面呢。里面。能看懂吧，好，这个时候呢，我把它给干掉啊。我把它给干掉。来。我们呢，再来整一个。我这一次去引用谁的。你用三可以吧。好，乙用三，我们来看一下，这个时候还有存在另外一个问题。不仅是我们的这个问题，还有一个别的问题，大家看啊。

什么问题？我。我的下一个我根本就看不见是不是。这是为什么呢？这是因为线性布局吧，它超过一平以后吧。他就看不见了。咋办呢？啊，得让它能够滚动是吧，那怎么样才能让它滚动呢。这个外面得套一个视图。You。对吧？来，我们来套一个试图，Score of you来啊。它是它那这一个呢，就把直接把线性布局给它塞进去啊。判断X。看下V好了吧，嗯，好了，大家看啊，可以了啊，我就在外围呢，套了一个sc view可以滚动的视图，我们来再来看一下。

大家看一下有什么区别没有？有区别没有？有。区别在哪了？就是我的下面的这些48都是靠边显示的，看到吗？能够靠边，而你的能靠边吗？是不是不能，诶，它为什么不能靠边呢？因为我的看到啊，就是这个意思，我的图片被放的这么大了吧。但是我的可以显示内容的区域。只有这一片区。对吧，所以说它那个四周是不是没没办法显示。那这片区域呢，实际上默认就是一产生的区域就是。区域一就是我们不是有三种类型吗。啊，最里面中间那个是不是就一啊啊一号区域产生的区域是它默认能够显示数据的区域。

但是我们这么改了一下，你看呢，我这个地方是不是适当的做了一个修改，对吧。现在做了一个修改，做了一个什么修改呢。我说能够显示的区域从这上面到这个下面。啊，从这个左边到这个右边。那最终产生的结果。是不是贴着显示的呀。能看出来吧。那这个有什么用呢？这个有用。啊，后面大家能够感知到，譬如说假设有一个拼图页。它这么大。就他这么大吧，它本来就这么大。好啦。那我后来是不是指定了这一个杠，指定了这一个杠，是不是就指定了一个中间的区域啊。可以吧，啊中间的区域好了，也就是说这一个区域产生的区域布置产生区域才能显示数据吧。

那有这样一种情况，它本身呢，不是特别小，我我形成了这样一个效果，我把它放，我把它宽度设的特别大。但是高度呢，基本没有变化。我要再用它来做背景，来显示一些文本，你说会出现什么情况？大家说我的文本能显示出来吗？能写字吗？你想看内容复制的区域，是不是就这片区域啊？那也就是说只有这么小的一片区域能够显示数据，上面的和下面的都不能。那不出问题了吗？大家看到我这里面有一张图片。我一个他吧。是吧，我即将要把它变成一个九派图片。那你想我们最终显示效果是个什么效果？什么效果？

是这么一个效果。高度是不是没有变化？宽度是变宽了。你想它那上面还能显示那些显示那些操作的选项吗？显示那个显示那个分享卸载吗。默认，如果你不指定右边。和底部那肯定不能显示。因为一的区域是不是我就指定了中间那一点点区域啊。那它怎么显示出来了。因为默认产生显能显示内容区域，就是我们的这一个一。复制的区域。啊，这个不够啊，对吧，经常我们会做一个事情。就是把它的高度给指定一下，把这个底部的什么。是不是宽度也指定一下呀。这样就能保证。它上面的数据能够显示出来。嗯，你去看那个刚才也给大家看到了啊，系统里面的一些他都是这么做的。

其实大家可以去看一下它里面的一些项目的一些代码。啊，就能找到啊。就这一个，我们前面呢，也跟大家说过。大家去看。是不是都自闭了？对吧，啊，这样是为了能够。啊，也就是说，譬如说这片区域。它也能显示数据对吧？啊，这一片区域它也能显示数据，还包括下面呢，这一片区域它也能显示数据啊，上面的也有一片区域能显示数据。不然的话，这四个区域是无法显示数据的。这是再一个是大家需要注意啊。后面呢，我们会做练习的时候，再次让大家看到这样一个特点啊，其他的就没有什么，这个操作起来特别的方便啊。