04.尚硅谷_Fresco_例子_图片的不同裁剪.avi原创

好，接下来呢，我们讲解第二个例子啊，图片的这个不同的裁剪方式啊，我们来看一下啊，最终我们要进行啊，达到什么样的效果，点击这个图片这个不同的裁剪啊，然后点击这个center就会裁剪成这样的啊，分别点击不同点击不同的button，它会给你显示啊不同的样式啊。根据你的需要啊去设置，那好接下来呢，我们来啊实现这个代码。找到这个。我们这个总的activity。弗斯卡啊，找他找他之后呢，找到这个图片的不同裁剪方式啊，这里面又一个inend。传一个三角文fri activity点，接下来呢，Free fri。E。

Class。二加副车啊，Start将inan分进来。生成一下。这样呢，这个啊xda就创建了，创建之后呢，我们来实现一下它这个布局啊，实现它布局，这个布局呢，也非常简单啊，上面呢，一张图片啊，中间的这地方呢，是这个啊对这张图片这个样式的描述啊，比如说你点击这个，那就会显示对这个描述啊，比如说你点击这个feed and，那它就是feed and这个描述，上面一张图片，下面一个test view，接下来下面呢，是一个s view啊套的这个啊这几个button啊这个布局，这布局呢，我也不再这样画了啊，不再这样画了。好，我找一下这个布局。ALC。

好，这样的这个布局啊，就搞定了，下面一个抬头把啊一个抬头把，下面呢这个呢是你要展示的这张图片啊，下载一张图片必须用这个simple啊draw啊draw。那这个地方呢，最好是粘，因为呢，它这个没有提示啊，提示效果不是很好，比如说你打它啊，不根本就没有提示啊，你需要这个啊粘贴是最好的，下面呢，这个就是这个要显示啊，对这张图片这个描述啊，样式的描述是test view，下面呢，它有一个SC，里面是不同的button啊，不同的button。显示好，接下来呢，我们实现一下这个代码逻辑。Out shift加S。在。太V有需要啊，这太V有需要，这太位有需要啊，八三呢，我们不需要了啊，我们只需要实现它的点击实验就可以了。

Button，好，接下来呢，我们这个confirm一下啊，确定。确定之后，我们初始化一下标题。Title。点test，这标题叫什么呢？图片的不同裁剪。啊，不能拆解。接下来我们就要监听啊，这几个点击事件啊，点击事件，那么这个监听事件。啊，跟上一个页面的这个是一样的啊，我这里面就不写了啊在哪呢？在这儿代码设置。A2C。啊，好多这些公共的啊，基础的东西啊，啊后面啊都不会写啊，因为这些东西呢啊，没有什么技术含量啊，你写100遍1000遍也不会对你这个技术有多少的提高啊好，接下来看一下这个居中啊无说无缩放啊点击按钮，那么怎么实现呢？在马上给大家参考一个。

啊。这样这个呢，是这对这个啊它的描述，那下面这个才是真正真正的去这个加载这个图片啊，这个是对图片这个加载的一个设置，比如说设置这个是set，这个actual image c type啊这个类型为什么呢？为center啊，为center下面这个em image display这方法啊，就是具体的去显示这张图片啊好，我们先创建一下这个healthy啊。样式设置一下，那么样式设置啊，首先你就要需要有一个builder啊，那么这个builder都一样，那么我们这里就在这个全局啊，New一个builder，另外一个在那一个啊ne这个builder里面传一个resource get resource。

Out加辐射啊，这样呢，就拿到这个builder，将它变成全局的out shift加F。拿到这个标之后进行样式设计，点二。S。啊。I啊AC哪一个呢？Scale type啊样啊，那么这里面样式啊，就需要一个这个啊工具类，谁的工具类呢，是scale。啊scales in点2SCALE type，具体哪一个type呢？我们这个是center类型啊，也就是它啊center，那么这center之后点build创建。

Out加生成一个还瑞卡啊，它拿到它那拿到它之后，你要对它进行啊设置SDV啊，点set以下这个属性啊，将它传进来。这样呢啊，这个加载这个图片这个样式设置啊就搞定了，设置成这个三层类型的，接下来就开始是这个啊加载图片，那加载图片具体怎么加呢？SDv.set em image u啊那需要一个U。那我们就要创建一个UI out加回车。啊，那么pass UI pass里面传进一个图片的地址，那这个图片地址我找一下。嗯，不在这里，在这。就是他刚。

啊，这样呢，这个就是加载图片，这个上面呢，是设置它的样式啊，是样式啊都一样，那么接下来啊，我将这些公共的代码抽取成一个方法，Out，再加Q，呃。图片显示吧，Image display。此类啊，一会儿呢，我们还会去这个用啊。图片显示好，那接下来呢，我们先运行运行一下，看看第一个效果怎么样。呃，点击一下弗斯卡，然后点击第二，呃，第二个图片呢，不同裁剪啊，进来进来之后呢，点击第一个，哎center第二个啊后面还没有做啊，后面还没有做，那么这个下面这个描述啊没有写，那我们把这个描述写一下TV。

卡。Application啊，点set test，然后呢，将这个描述设置进来。啊，设置一下。描述啊，这个呢，我就不再运行了啊，那下面呢，接下来这些button啊，我就快速的啊，暂停些代码啊，就不会再向啊这种方式去给你写了啊，套路都是一样的，首先呢，都是这个创建这个builder，这个builder是全局的，公共的，那么拿到这个builder之后，都是set，这个actual em image，这个cycle type里面传的这个值不一样啊，根据你这个button的值去写它啊，其他都一样，那我就可以这样。

复制。啊，这个啊，那首先这个描述改一下。I。啊，下面这个地方啊，也要改一下，改成什么呢？SAN club啊搞定。这是这个再往下。设置描述。啊居居中点，但是是某个点，这个呢，我们需要改一下。啊，这个地方需要改成什么呢。False。Crop啊for crop，那么这个点我们可以进行修改啊，也可以不进行修改啊，这个啊收放这个点我们可以这个对它进行修改啊，比如说我们把这个点呢啊设置为这个左上角，那怎么设置呢？这里面来一个set。

点在哪？啊，As false point把列点它需要一个point，那么我就创建一个POINT2加回车logo变量又一个po intf里面需要两个值啊，也就是这个这个点的坐标，X坐标和Y坐标，我们分别给它是零和零，好下呢就会以这个左上角啊零零这一点啊为这个缩放啊缩放好那是它接下来下面的我们再快速的生成一下。啊，这些。剩下的都一样了啊，这个描述呢，把它粘过来。下面这个地方改一下，改成什么呢？改成这个center inside。啊，三层的再往下。

这地方啊，修改一下描述。最后呢，是这个样式啊，这个样式还是修改成这个fit center第一个啊。接下来再往下。这个改一下这个描述。这地方改成fit start。再往下呢，这个改一下这个描述。然后呢，这个地方改成fit and啊，末尾对齐。再往下修改一下描述。然后呢，把它改一下FXY。

嗯，再往下我们修改一下这个描述。修改一下注释。好，要把这个属性啊改一下，改成这个。那。啊，直接是空。好，接下来呢，我们把这个所有的项目啊都运行一下啊，看看这个效果怎么样。然后呢，点击这个FS卡进入到这个第二个啊图片裁剪啊，点击第一个center啊，第二个呢是这个club啊居中，第三个呢是这个false center啊，左上角啊为它为以它为核心啊，第四个是center in inside啊居中啊在中间显示，第五这个是fit center啊fit center在中间啊，这个呢是fit start啊，也就是在开始的位置，在开始的位置这个是fit and在下面啊在下面这个是face sy啊也就是填充上面和下面啊这个拉伸了啊好。