02.尚硅谷_Fresco_项目整体布局.avi原创

好，在写代码之前呢啊，我们把今天我们要做的事情啊给大家先演示一下，这个呢项目呢，就是我们最终啊要做的一个效果，点击这个弗卡啊就会来到这个福卡页面，这里面呢一共有十项功能啊，分别是带镜字条的图片啊，还有这个图片的这个不同裁剪，圆形啊圆角等等等等啊我们先看一下带图片啊看呃，在加载这个图片的过程中啊，先有一个金字条，之后呢再显示这个图片啊，这个网络是快也没没有看清，呃，如果是慢的话啊会非常清晰，接下来呢，是这个图片的这个不同的裁剪，我们看一下。啊，这里面可以对这张图片进行一列的裁剪，包括center啊，它会在中间的位置啊，截取一下，然后srop啊，然后包括这个false。啊等等，一共有这么九项啊效果啊，一会儿呢，会分分别带大家去写一下。啊，接下来呢，是这个圆形啊和圆角图片。

你点击这个设置圆形图片，诶看就会将你加载这张图片啊，设置成这个圆形，如果设置这个圆角图片，那怎么设置呢？你设置这个呢，其实啊，就是这个圆角图片啊，圆角图片。那将这个一会儿呢，我们可以带大家看一下。好，退出来之后，我们再找到这个圆形圆角啊，渐进式展示图片。哎，它有一个这个渐变的这个过程啊，渐变的过程。好，然后呢，是GAP的动画图片展示。你点击请求gift图片啊，这样呢，就请求这个gift，然后呢，你点击这动画开始，哎，你看这个美女啊，就开始动上了啊，点击动画停止，哎，这个give的动画啊，就可以停止啊，开始停止啊，这个是非常好玩的好。接下来是这个多图请求及这个图片复用啊，这里面呢，可以先显示这个低分辨率图，然后是这个高分类的图啊可以。

它有一个过程啊，界面的过程啊，然后呢，这个是本地数列图预览，这是你本地放了一个数列图，诶你看这些本地是加载了一个logo啊，之后又显示这张图片，这个是这个本地图片复用。啊，你给它切换过来，然后再点击它。哎，就会显示一张图片啊好复用的图片，接下来呢，是这这张图片啊，进行监听，点击开始下载图片。哎，它就会显示结果之后就会把你这张图片啊等等这个啊，图片的质量啊，还有这个呃，满意程度啊，好好坏程度啊，还有这个啊等级啊啊等等都会给你显示清楚，显示清楚啊，都会显示清楚。好，接下来呢，是这对这张图片进行修改和旋转啊，修改这张图片大小，修改这张图片，其实这个大小并没有改变啊，只是在他在内存中存放的大小改变了，你看这张图片不清晰的吧，哎，其实它这张图片是这样的啊，是非常非常清晰的啊，你点击修改它就变成啊不清晰的了啊好，它这个旋转功能啊呃，我目前嗯感觉嗯不是很好用啊，不是很好用。

好，再往下呢，是这个修改图片啊外图片添加网络网格啊网格好看这个这个报这个图片上就加了啊，密密麻麻的这个小红点啊小红点。这个呢，可以修改你下载完成的这个图片。最后呢，可以动态的展示一张图片啊，你点击加载啊，它这个呃，显示这个图片这个对象啊，是扭出来的啊扭出来的。这就是啊，我们今天要做的这啊十大功能啊，接下来呢，我们把这个布局啊，啊，先给它画了啊。好找到我们这个代码。Fragment。然后在这里面来一个else if。

date.to lower case.s啊，我们这里呢是curi。好，我们改一下这个这里面的顺序。斯卡CTRS后面啊好。回来之后写下这个注释。点击条目。跳转到fris re Su。里面又一个人唱的。然后呢，里面传一个三角文I'contest，这里面来一个fris re。Activity。二加回车啊，启动跳转。

呃，创建一下这个activity activity创建之前先用一个包卡。好在这包下面呢，我创建一个，呃，Activity不用了，我们几乎都是activity啊，好直接创建这个activity activity对象。Con。这个就是。这主界面呢长啥样呢？哎，这主界面就长这样啊啊我相信大家啊，这个界面啊都会画，上面呢就是一个抬把啊，下面就是十个button啊，这个分别是对应的这个十个呃，十条描述啊啊我相信大家都会啊，如果不会的同学呢啊复习一下前面的基础啊这实在是太简单了，嗯，好，我就不浪费大家时间了。我把这个布局代码啊，给它粘过来。

好，大家预览一下啊，预览一下，今天带大家看一下这个布局。上面呢，就是这么啊，包含了这么一个抬头啊，下面套了一个wheel啊，可以滚动，里面是十个button啊，十个button。好，18，那我就不在大家写了。好，再回到这个页面，回到这个页面之后呢，我们初始化一下这个will out shift加S。Generate。啊，这几个button呢，不需要说实话。这个。

也不需要输入话。就初始化一下这个啊标题啊就OK了，好拿到这个标题对象之后呢，我们设置一下。Nit。啊，加灰色点set test啊这里面呢，就是卡。这是这个标题啊，标题设置完毕，接下来我们干什么呢？哎，接下来我们把这个所有的点击事件啊给它，就用这个注解的方式啊给它，给它说说化了，嗯，ADD on click。R id.BT。Fris。Re Su啊，那么这个操作啊，也是非常繁琐的，但是又没有任何的技术含量是吧？我带大家做一个啊，之后呢，我就贴了。

就是初始化一下它啊VID，然后命个名字click。这样就把这个啊按click事件初始化完毕，在这里面呢，你就可以写你的这个点击按钮之后啊，具体的操作那么要写十个啊这个功能，这个工作量还是挺大的啊，我这里就不写了啊粘贴一下。啊，这个我也不写了啊，一共呢是十项啊，都是on click里面是这个ID啊，具体的这个方法实现啊，包括这个注释啊，都给大家啊写清楚了。好，我们可以运行一下啊，看看我们达没达到我们的效果。

呃，点击这个就来到了这页面啊，这里共有十个啊，一会呢去理一下具体的点击事件。