02._项目布局搭建完毕.avi原创

好，接下来呢，我们通过这三个案例啊，来具体的介绍一下这个皮卡O的一个使用啊，啊在讲之前先看一下我们最终要做成什么样的效果啊，这个是我提前做好的，在这个项目中呢，点击这个皮卡O。来到这个皮卡丘界面啊，一点击加载图片，这下面呢，就加载了三张图片啊，大家看一下这三张图片有什么特点，这个是正常加载了一张图片啊，这个呢是对这张图片进行了这个修改啊，把这个宽高啊啊都变大了啊，这个你看有点走形了啊，再看下面这个，这个呢是将这张原始的图片啊进行给它翻转啊，翻转了180度，正好就相当于是倒过来了啊，这是这个，然后呢，第二个看一下这个图片呢，在这个历史的背中啊进行展示。嗯，看这个加载过程中是不是有一张这个艾特logo这个图图标啊，嗯，好，再往下。看一下这个图片这个变换啊，这个功能啊非常强大啊，看一下这个呢，它是根据你啊不同的位置进行去裁剪啊，裁剪左上角啊右上角啊，中间呢啊各个方位都可以去裁剪。

想要哪一块来哪一块还可以裁剪成这个圆形的啊，还有加这个高丝的滤镜呢啊。看一下啊。还有这这种效果啊，都可以去裁剪啊，功能是非常非常强大的啊，一会儿大家带着大家啊去详细的去做好，那首先呢，我们先把这个框架啊给搭起来，从这个页面开始。找到这个fragment fragment。在里面。Else。嗯，date.to lower case.equals皮卡O，皮卡O。同时别忘了把这个数组啊改一下。

已经到了啊这儿。把它变成大写，嗯。再往后把这个。后面有吗？有一个啊，把他删了。算了，这样呢啊就可以了，然后来到这儿点击条目跳转到皮卡O。页面又有一个你看的。来一个上下文，嗯，皮卡o to activity。Dear class。I contactest their start activity intent。

创建一下这个picaso activity。娜娜，再给他建一个包。皮卡。在里面右键一个。啊，这就来到了这个皮卡丘页面。那看一下这个页面啊，怎么来实现。点击皮卡O啊，来到这个页面啊，非常简单吧啊，上面一个这个标题，下面三个button啊，再下面呢，是啊三个图片啊带滚动的啊加套哥啊就可以了啊好，我们具体来实现一下。L out。Orient vertical再往下。

Include title layout。开头啊，标题搞定，预览一下。那下面呢，紧接着是三个button啊button，呃，宽度match高度包裹内容。来一个test，看一下名称，第一个呢是加载网络图片。那就基本使用吧，基本方法使用。然后呢，对他来一个ID。IDBT皮卡O。啊，皮卡。

基本那就是base。啊，再往下CTRL加下，CTRL加下快速生成两个button啊第2BUTTON是这个list view中加载网络图片。加载网络图片啊，改一下ID，你是在中，那我给他来一个再往下就是。图片变换啊，图片变换这个功能非常强大，图片变换。Transition t。Transformation formats transformation。变换。呃，再往下呢，是套一个SC啊，可以滚动的SC宽度呢match。

在里面呢，整体套一个线性布局。卖。那。方向呢？垂直方向orientation。啊，Vertical在里面放三个图片啊。呃，宽度给斜十吧，啊都来一个200DP。200BP。啊，让他居中。Leo gravity center。啊居中，然后在下面呢，再放两个图片，嗯，那把它来一个idd，然后这里定一下IV皮卡。Result第一张图片。

CTRL加下CTRL加下啊接下来呢是第二张图片。啊，第三张图片。嗯。格式化一下，这样呢，这个布局的啊，整体出行啊就搞定了，接下来呢，我们对这个控件呢啊进行进一步的初始化。先把这个干掉好回来在这里面out shift加S。在那下啊，生成一下。德凤。这样呢，这个空间啊，就初始化完毕了，接下来我们进一步的处理date。奥加回车。Title。They are set。That。啊，他不提示了，不提示怎么办呢？啊，你关一下这个它再重启就可以了。

好，你重启一下这个studio，嗯，回来之后啊就可以了，嗯，这个有时候它这个as就是这样，嗯。好，那我们起一下名称啊，皮卡丘。标题啊标题。接下来啊，我们初始化一下啊，这三个button的点击事件啊。点击时间在外面on。r.I点。BT皮卡O啊，第一个是贝。啊，就以这个名称起吧，Click。建议这么一个方法啊，里面呢，可以传一个参数will。好，接下来我再把剩两个，嗯做一下，CTRL加下，CTRL加下。

把这ID找一下。It's weird。那这个呢，就变成例六。再往下这个是转换的。他吧，赶快睡。好，这三个button呢啊，就初始化完毕了啊，接下来我要点击这三个button啊，要执行相应的操作啊，在第一个呢，是直接就显示这个图片了啊，这个后两个呢，我先把这个页面给它跳转过去啊又一个你看呢。第一个上下文，那么传一个picao activity.this第二个呢，就是你要想跳转的界面，那我们跳转到po list view activity。

A class。啊，跳转到这个页面。然后呢，系统跳转。Start，将银的赶紧来啊，CC。找到这里面啊，又一个。这样呢啊，就跳转到这个界面啊，这个搞定啊，再往下啊，这是跳转到跳转到list view里面。啊，这个呢，是跳转到转换这个页面。又一个intent。传进一个上下文picaso.days再传一个picaso。

Picas so，皮卡O。转换啊。Transition transforms for transformation这单词还是比较长的啊，你可以用你你要是记不住，你可以用你的这个汉文是吧，嗯，中文，嗯，转换啊拼。c.class。奥迪。啊，启动跳转渐的传来。跳转到图片转换页面，将这个TC创建一下CTRLC。你有一个。

Finish。把它干掉，嗯，一会儿呢，在展示数据的时候呢，这里面还需要一个adapter的包啊，同时一并给它创建了AR，嗯，Adapter，同时呢，我在这里面创再创建一个activity。VI。然后呢，将这三个都一下挪到这个activity包下啊，这样呢，看着能方便一点啊方便一点好，接下来呢，我们运行一下啊，看看效果怎么样。

好，运行起来了，点击皮卡丘啊，就来到了这个皮卡丘这个页面啊，点击基本用法啊，现在还没有写啊，点击这个就会来到新的页面啊，再点击图片转换也会来到新的页面啊，这样呢，这个整体这个架构啊已经搭建完毕。