03.尚硅谷_Fresco_例子_带进度条的图片.avi原创

好，接下来呢，我们实现第一个例子啊，就是这个带进度条这个图片啊显示，那我们来看一下啊，最终达到一什么效果，点击这个带进度条图片按钮就会，诶进入这个页面之后呢，它先显示一个进字条，之后呢，把这张图片啊显示出来啊，这是这个过程好。那接下来我们实现一下。来到这里，又一个intent。呃，传一个上下文freeris卡点，实现一下跳转，Re Su。P。Out加回车啊，实现跳转。那么我们创建一下这个activity。

又一个PI。最后呢，把它干掉啊，接下来呢，我们啊画一下它的布局啊，它布局长啥样呢？就是放着这么一张啊图片，但是这个view啊，跟我们普通的view不一样啊，不是你简单的放一个隐秘的view，而是放什么样的呢？带大家看一下。嗯。它的布局是这样的啊，必须调用这个Facebook下面这个simple啊调它，那么你既然想调它，那你首先是不是得导入这个依赖啊，导入依赖，那我们先导一下这个依赖。这里面呢，我们先啊，仅加载这个静态图啊，先把它添加过来。添加到APP。最下面。

好，然后呢，你边同步一下。同步好了之后，接下来啊，按照这个步骤，第二步在application中初始化一下这个卡啊，那我们就听他的。来到你的application目录。哎，就是他在这里面呢，我们初始化一下这个。Iid。好，Re CU啊，但是我这么一打，Re CU啊，它并没有提示我们要有这个F卡啊，这样不行。不行怎么办呢，我们在这个啊下。

然后我们再一下。啊，一下之后我们再试一下re CU啊，还是不行，那我们放在这儿啊，先不管它，先往下写，写什么呢。这个记得啊，没有写这个网络权限我们已经配置过了，接下来呢，就是在这个布局文件中加入这个命名空间啊，这个命名空间这里面呢，我们也先不写，先写谁呢？谢写他啊，先把它转过来，这面调用的是Facebook啊，专will他直接copy。Copy到我们这个目录。那也就是。Fris。这个目录下，那它整体是一个这个线性布局。

垂直方向的。Orientation vertical。那下面呢，放一个它之后呢，把它快速生成一下alt加回车啊，它就自动生成啊这个命名空间啊，下面呢，我包含一下这个头include title棒layout title。啊，这样呢，这个图片啊，我们暂时啊就放在这儿。放在这之后，我们就可以先运行一下啊，让他报错啊让他报错。哎，他现在是不是这个提示报错了啊，提示这个no resources放的这个啊，这个文件，那怎么办呢？我们再改一下我们这个清单文件啊，这个build文件在这里面找到谁呢？找到这个OK a dp us啊，因为我之前这里这里面说过，如果项目中使用了这个OKDP，你需要进行替换啊，那么这里面呢，我们用的是OK DB us，那我们就找到这个o OK dp us，它在这个啊这。

那你找一下它的graid，我们看一下它的gradeidle这个。这里面你将它的这个啊，OKDB3给它修改了啊，先注释掉吧，注释掉之后。把谁拿过来呢？把它拿过来。之后呢，我们再同步一下。

孩子报说。还是找不到这资源，那么相当于它还没有关联上啊，那我们再解决一下。接下来呢，我把这个项目中啊，这个非啊非重要的东西啊都给它删除掉，我把这些这个包括这个o AP YouTube library simple啊等等没用的我都给它删除掉，最后只剩下这个PA kps和这个S。嗯。好，经过这个排查之后啊啊发现呢，这个导这个包啊，这个包不太对啊，应该导这个包，导这个Facebook Facebook啊这个是这个官网提供的包是在哪呢？就是在这个GI up上啊，这个GI up上F卡这下面呢，你直接关联它啊，这关联它之后你再重新这个red一下就OK了。嗯。

然后这样呢，就编译通过了啊，编译通过之后呢，要找到这个application。这儿。这里面呢，你要对这个弗卡进行初始化啊，就这么一句话，弗卡init啊，传进一个上下文啊就搞定了，接下来再往下看啊，要求你在这个布局文件中加入这个命名空间啊，第三第五步呢，是在这个叉叉MM中引入这个simple桌view啊，那我们看一下。找到我们这个页面。Fris啊，Simple这里面这里面呢，把这布局打开啊。它这里啊，没有提示啊，没有提示，所以说呢啊，最好还是粘过来，粘过来那这个地方呢，我们可以修改一下啊，改成艾特logo啊，变成这个三个股的logo。啊，就这样啊，要是样的居中呢，我们可以改一下啊，这样呢就居中了。

好，这是这个布局文件啊，布局文件修改了之后，接下来我们开始实现它的代码啊，我把它改一下吧，它叫。S DV fris。这个是S。P。好，Ctrl e回退回来。这里面out shift加S。Generate。呃，头部局它这个干掉好，这样呢，嗯，或对象初始化完毕，N nit初始化一下数据二加回收。TV.set test这个标题名称叫什么呢？我们看一下。这个名称就叫这个带进度条的图片啊，带进条图片。

啊，这标题。接下来我们就开始啊，设置显示这张图片啊。接下来我们用代码实现一下啊，那么它既然要加载图片啊，那么就是它点set em image u，这里面需要一个UR，那么我们就给他一个U2加辐射啊，生成一下U等于pass啊UR pass里面传入一个网络图片的URL地址，那我们获取一下啊，这个地址是哪一个呢？就是这个。啊，把它拿过来。翻过来这是这个图片的地址啊，正常情况下呢，这就能加载一张图片，那么我们想对这张图片进一步的设置啊修改，那怎么办呢？加一些参数配置，点set。

啊，Set set Hu啊，Huerary啊，这是它，那么那么这里面需要一个这个huary，那么就是hi ch啊，需要一个它，那么我们就创建一个它。等于啊，那它怎么获取呢？它需要通过一个builder来获取，那么这个builder啊，怎么创建呢？给大家创建一个又一个。Health。嗯，不是他啊，GE。啊GE啊，这么下面呢，是这个builder啊，这里面需要传递一个参数啊，这个参数呢，是这个resource，你直接get resource啊就可以了。

啊加回车啊，固定语法builder，拿到这个builder之后，你对它再进一步的去操作。点set。Progress。一妹子。Pro啊em这里面呢，需要一个啊progress bar，那你就拗一个progress bar啊对象，然后点build啊创建。这样呢啊就创建完了，其实呢，上面呢，是对这张图片和样式的设置啊，这是设计样式，下面呢这一步呢，是这个网络图片加载图片的地址。第三步，这个是。加载图片啊，去具具体的去加载图片啊，这个是加载图片过程中啊，对它进行设置是什么样的样式，这个是progress啊image啊这种样式，这个呢是图片的地址，那我们运行一下看看效果怎么样。

好，我们看一下啊，点击这个福卡，然后呢，点击带镜字条图片，诶，显示一个镜字条之后显示一张图片啊，这个就嗯结束了。