07_9Patch图片的作用和原理.avi原创

下面一个呢，是我们要讲到一种图片，叫9T图片，它的后缀名呢，是文件的名字比较特别。叫点点偏剂。对吧，这种图片呢，在系统里面是经常有的啊，系统应用里面都有，我们去找一下看看。啊，大家看啊，D盘Windows。这个里面它不有很多的一些样例工程吗。是吧，我看他们有有没有用啊。有没有用？有吧啊，有用到他们不是也在用吗？对吧？啊，大家看到这个地方，我把它打开看看，它跟一般的图片有一个什么样的区别啊，我我打开一下放大一下。大家看看它是不是在这个那个图片的四周。放了一个一个像素宽度的。一个黑点黑线呢。

对吧。可能是一个像素的宽度，也可能是一个像素的高度。看的是平方的还是垂直方的吧？嗯。我们等会再去制作啊。好，这是这一个。那它跟一般的PNG图片有什么区别呢？我先跟大家演示一下效果，大家就能明白啊，其实这个效果呢，大家也看过，但是我跟大家演示一下，大家看到啊，我这里面呢，有两张图片。这个呢，是那张原始的图片。啊，这个呢是九拍图片，九拍图片呢，是根据PNG图片来制作的。能理解吧，啊，就制作的方法很简单。就是在它的四周加上这个黑黑线边是吧，就一个像素的黑边好。来啊，我把这两个图片呢都拷进来。看一下C。

啊，都考到这个里面来啊。你看一个是T1，一个T2吧，啊在这里面呢，它会去对应生成我们R那里面的是不是变量啊。好，我现在去引用这两张图片作为一个text view的背景颜色背景图片。试一下。大家看我这里面呢，有一个text you。他的文字呢，是比较多的是吧，文字特别长啊，我呢想给他有一个背景。啊，这个背景呢，我来去引用一下background。啊，上面有是吧。啊，上面有了，那我就不用写了，来在这里面我来去他已经写了开一了，对吧，那我就再搞一个呗。我再搞一个，这个写成什么呢？开始啊，没有点零九啊，你后缀好吧。的内容都一样的。

不会变，现在我们就要去看一下，看看他们的效果有什么区别。其实你一看你就能明白啊，就拍图片它有什么作用。大家去看一下。啊，如果啊，你用一个一般的图片作为背景。它假如被放大的话，那它就会实现一个什么失真。这个是真的，就是让人看着就特别不爽，对吧。啊，你能看到这个周围有半透明的啊，这个颜色是不是也变浅了呀。而我这一个。那就不一样了。它那个看着啊，我放大以后的那个颜色，跟它原来那个颜色基本上什么。是不是还是一样的。啊。大家看到颜色跟它一样。

诶，他是如何做到的呢，是吧。它的功能这么强大，是如何做到的呢？好，现在我们就来看一下。那个。九派。啊，碘酒偏图片是一种特别的偏激图片，它在放大的时候不会失真。下面这一个大家必须得记住啊。九派图片可以，为什么要建叫9PATCH？大家以前我一老不理解为什么要有pat pat什么意思？先要理解这个单词，就是知道这个单词很有用。叫碎片的意思。那不就走个碎片组成的图片吗？对吧，好。那一张图片。是不是要分成九个部分呢？那怎么样把一个图片分成九个部分？我要用右线来去给它分割，我要画几根线才能分割。

是不是四根线就可以分成九个部分了？好，这九根，这四根线是怎么来的呢。啊，其实大家刚才已经看到了，看到了这一个。大家看到了吗？其实那几根线就是这样整的。啊，这个右边和和下面的这两根线，大家不用先看，先不用管它，它有别的作用。上面和左边的两根线就是用来去把图片分成九个部分。这不就有个部分的吗，对吧，好。来。下面这九个部分，我用我用一共是三种类型。啊，三种类型的区域有九个区域嘛，有三种类型最重要的。

肯定是最中间的这个区域是吧。正中间的区域。它呢，它有一个特点。看着啊，这个地方很有意思，向可以向水平或者垂直方向上。叫什么？复制扩展。它不是拉伸。对不对。那这个时候如果不是拉伸，我是复制扩展，它会失真吗？不会的，对不对。好啦，这是这一个啦，下面就是分为了第二个中上中下啊，中左中右，就是这个二的部分能看懂吧。他们的扩展方向只有一个。可能是水平方向扩展，也可能是什么。垂直方向扩大能看到吧。能吧，能是吧。就是说水平这这两个啊，只能垂直方向拉伸啊，垂直方向是扩展，而这个二呢，这边呢上下的。

只能水平方压没问题吧？接着就四个角。四个角它是不会变化的，就是不会变大，也不会变小，即使你最终看到。我们现在看到我们的现在这个图形吧，把它把它去掉啊。你看。现在我们是不是也是通过了上面和左边的这两个点来将它分成了九个区域啊，是吧，啊，这不，这实际上也是九个区域啊，我就，哎呀我去。这个画根直线好困难呐。这有点像。啊，没关系啊。好，下面这个区域是向四周扩展的。美女吧。啊，这个区域呢。

上下扩的这个区域。左右这一个四个就贴在四周，你放大以后还是在在四周的位置。能理解吧啊。好。这说的是九派图片啊，它的一个。它的一个其实就是他说话的不失真的一个基本原理。后面是用来说我们如何来去制作一个九拍图片。先大家把这个呢有一个基本的理解。