00:00
好,接下来呢,我们实现第一个例子啊,就是这个带进度条这个图片啊显示,那我们来看一下啊,最终达到一什么效果,点击这个带进度条图片按钮就会,诶进入这个页面之后呢,它先显示一个进字条,之后呢,把这张图片啊显示出来啊,这是这个过程好。那接下来我们实现一下。来到这里,又一个intent。呃,传一个上下文freeris卡点,实现一下跳转,Re Su。P。Out加回车啊,实现跳转。那么我们创建一下这个activity。
01:09
又一个PI。最后呢,把它干掉啊,接下来呢,我们啊画一下它的布局啊,它布局长啥样呢?就是放着这么一张啊图片,但是这个view啊,跟我们普通的view不一样啊,不是你简单的放一个隐秘的view,而是放什么样的呢?带大家看一下。嗯。它的布局是这样的啊,必须调用这个Facebook下面这个simple啊调它,那么你既然想调它,那你首先是不是得导入这个依赖啊,导入依赖,那我们先导一下这个依赖。这里面呢,我们先啊,仅加载这个静态图啊,先把它添加过来。添加到APP。最下面。
02:00
好,然后呢,你边同步一下。同步好了之后,接下来啊,按照这个步骤,第二步在application中初始化一下这个卡啊,那我们就听他的。来到你的application目录。哎,就是他在这里面呢,我们初始化一下这个。Iid。好,Re CU啊,但是我这么一打,Re CU啊,它并没有提示我们要有这个F卡啊,这样不行。不行怎么办呢,我们在这个啊下。
03:13
然后我们再一下。啊,一下之后我们再试一下re CU啊,还是不行,那我们放在这儿啊,先不管它,先往下写,写什么呢。这个记得啊,没有写这个网络权限我们已经配置过了,接下来呢,就是在这个布局文件中加入这个命名空间啊,这个命名空间这里面呢,我们也先不写,先写谁呢?谢写他啊,先把它转过来,这面调用的是Facebook啊,专will他直接copy。Copy到我们这个目录。那也就是。Fris。这个目录下,那它整体是一个这个线性布局。
04:02
垂直方向的。Orientation vertical。那下面呢,放一个它之后呢,把它快速生成一下alt加回车啊,它就自动生成啊这个命名空间啊,下面呢,我包含一下这个头include title棒layout title。啊,这样呢,这个图片啊,我们暂时啊就放在这儿。放在这之后,我们就可以先运行一下啊,让他报错啊让他报错。哎,他现在是不是这个提示报错了啊,提示这个no resources放的这个啊,这个文件,那怎么办呢?我们再改一下我们这个清单文件啊,这个build文件在这里面找到谁呢?找到这个OK a dp us啊,因为我之前这里这里面说过,如果项目中使用了这个OKDP,你需要进行替换啊,那么这里面呢,我们用的是OK DB us,那我们就找到这个o OK dp us,它在这个啊这。
05:23
那你找一下它的graid,我们看一下它的gradeidle这个。这里面你将它的这个啊,OKDB3给它修改了啊,先注释掉吧,注释掉之后。把谁拿过来呢?把它拿过来。之后呢,我们再同步一下。
06:01
孩子报说。还是找不到这资源,那么相当于它还没有关联上啊,那我们再解决一下。接下来呢,我把这个项目中啊,这个非啊非重要的东西啊都给它删除掉,我把这些这个包括这个o AP YouTube library simple啊等等没用的我都给它删除掉,最后只剩下这个PA kps和这个S。嗯。好,经过这个排查之后啊啊发现呢,这个导这个包啊,这个包不太对啊,应该导这个包,导这个Facebook Facebook啊这个是这个官网提供的包是在哪呢?就是在这个GI up上啊,这个GI up上F卡这下面呢,你直接关联它啊,这关联它之后你再重新这个red一下就OK了。嗯。
07:00
然后这样呢,就编译通过了啊,编译通过之后呢,要找到这个application。这儿。这里面呢,你要对这个弗卡进行初始化啊,就这么一句话,弗卡init啊,传进一个上下文啊就搞定了,接下来再往下看啊,要求你在这个布局文件中加入这个命名空间啊,第三第五步呢,是在这个叉叉MM中引入这个simple桌view啊,那我们看一下。找到我们这个页面。Fris啊,Simple这里面这里面呢,把这布局打开啊。它这里啊,没有提示啊,没有提示,所以说呢啊,最好还是粘过来,粘过来那这个地方呢,我们可以修改一下啊,改成艾特logo啊,变成这个三个股的logo。啊,就这样啊,要是样的居中呢,我们可以改一下啊,这样呢就居中了。
08:01
好,这是这个布局文件啊,布局文件修改了之后,接下来我们开始实现它的代码啊,我把它改一下吧,它叫。S DV fris。这个是S。P。好,Ctrl e回退回来。这里面out shift加S。Generate。呃,头部局它这个干掉好,这样呢,嗯,或对象初始化完毕,N nit初始化一下数据二加回收。TV.set test这个标题名称叫什么呢?我们看一下。这个名称就叫这个带进度条的图片啊,带进条图片。
09:04
啊,这标题。接下来我们就开始啊,设置显示这张图片啊。接下来我们用代码实现一下啊,那么它既然要加载图片啊,那么就是它点set em image u,这里面需要一个UR,那么我们就给他一个U2加辐射啊,生成一下U等于pass啊UR pass里面传入一个网络图片的URL地址,那我们获取一下啊,这个地址是哪一个呢?就是这个。啊,把它拿过来。翻过来这是这个图片的地址啊,正常情况下呢,这就能加载一张图片,那么我们想对这张图片进一步的设置啊修改,那怎么办呢?加一些参数配置,点set。
10:05
啊,Set set Hu啊,Huerary啊,这是它,那么那么这里面需要一个这个huary,那么就是hi ch啊,需要一个它,那么我们就创建一个它。等于啊,那它怎么获取呢?它需要通过一个builder来获取,那么这个builder啊,怎么创建呢?给大家创建一个又一个。Health。嗯,不是他啊,GE。啊GE啊,这么下面呢,是这个builder啊,这里面需要传递一个参数啊,这个参数呢,是这个resource,你直接get resource啊就可以了。
11:00
啊加回车啊,固定语法builder,拿到这个builder之后,你对它再进一步的去操作。点set。Progress。一妹子。Pro啊em这里面呢,需要一个啊progress bar,那你就拗一个progress bar啊对象,然后点build啊创建。这样呢啊就创建完了,其实呢,上面呢,是对这张图片和样式的设置啊,这是设计样式,下面呢这一步呢,是这个网络图片加载图片的地址。第三步,这个是。加载图片啊,去具具体的去加载图片啊,这个是加载图片过程中啊,对它进行设置是什么样的样式,这个是progress啊image啊这种样式,这个呢是图片的地址,那我们运行一下看看效果怎么样。
12:15
好,我们看一下啊,点击这个福卡,然后呢,点击带镜字条图片,诶,显示一个镜字条之后显示一张图片啊,这个就嗯结束了。
我来说两句