day02_34_尚硅谷_硅谷p2p金融_Banner替换ViewPager和ViewPageIndicator实现图片动态加载

行，这个完了以后的话呢，我们紧接着呢，又不用它了。呃，这个位置呢，我们希望它这个图片在切换的时候有一些动态的效果啊，包括我们当时做这个自定义视图的时候呢，我们这个呃，图片呢，肯定不止四个，我们是是不是提供了很多个呀，然后呢，你可以首先自己可以画，然后呢，也可以让这个系统自动的几几秒钟给我们切换一下。啊，有这样一个操作啊，左边右边都可以切换，那真正开发里边呢，当然可以自己写，就像我们自定义课件中讲的也可以呢，不自己去写了，不自己去写用谁呢？哎，这里边还有一个框架。啊，Banner框架。Banner框架，然后呢，我们直接在这搜一下。一看，哇，很亲切，中国人写的啊。嗯，行，嗯，这就是关于他的一个介绍啊，上来一个公告说你这个呃，1.4版本以后加载方式改变了，造成1.3的以前的加载不了，我们就直接就用新的了，因为咱以前也没有加载过啊，下边这有个说明，说现在呢，绝大多数APP呢，都有banner界面啊，实现呢循环播放多个广告图片。

啊和手动的滑动循环等功能啊，因为V配置并不支持循环翻页，所以呢，要实现循环还得自己去动手，就是我们自定义了。那那他呢，就把这个项目当中这个控件呢给踢出来了，然后呢，希望对大家有用啊，提供了不同的样式，不同动画设置啊，完整的API等等等等。那下面呢，有一些效果图。指示器就这几个小圆点嘛，数字的数字的啊，数字的加标题的标题数字。啊，然后标题。家在这儿。但是我找半天没找着啊，在这哪呢？嗯，然后这个呢，就是在同一个里边了是吧。嗯，然后下边呢，就有一些常量，呃呃，动画的方法的，那写的还是。

看中文的就是不一样是吧，明显感觉亲切一些啊。啊，下边的一个属性使用步骤啊，写的很清楚啊，这里边儿直接是不是让你添加依赖就可以了。哎，那我们直接CTRLC一下。嗯。嗯，回过去找到我们这个。OK，然后同步一下。哎，他先同步着，然后下边呢，怎么去用写的比较清楚啊。嗯，这里边儿呢，给大家又提供了一个。嗯，轮番图在这啊。啊，你你用这个这样的方式加载也可以啊，这我写了一个这个步骤下载呢，你可以后边在用的时候可以看一下哈，那一方面呢，集成可以使用我们这样的一个方式也可以呢，把刚才上面这个呢，你直接给它加进去也行，这里边这不就是它的这个源码吗。嗯，然后接下来简单使用，这里边涉及到这个布局这样去做，嗯，然后接下来呢，就是一些属性，可以在你这个布局声明的时候呢，哎，就是给他用上啊，下边呢，就是相关的一些方法，哎，这是一些常量分别表示什么意思，就是你就别看它这个下边提供的。

这些了啊，这个表格的这些，你可以就看我这个，我给你写好了这个啊。行，然后下边我们来用一下啊，这我已经加载好了。嗯，搞定加载完以后的话呢，我们怎么去用呢。看着啊，这个更帅，Will pay呢，也不用了。哎，VIVO配也不用了，所以我们这儿呢，直接给它注释掉是吧，哎，我们用的是banner啊，Banner咋用呢，看看人家写的。这是不是写了？那就粘过来呗。Controy。

好这个就不要了，干掉，然后banner那就叫banner吧，宽度它高度高度你这一百五直接写重码。够简单啊，然后这个呢，回到我们的这个，这就写完了啊，把这两个都注释掉，回到我们的这个home fragment的这个层面。啊，你把这个VI配都注释掉了，那其实你这里边儿的这些是不是都用不着了，这样吧，我我为了保证它的这个给大家保留一份哈。有fragment一下。你稍微一下给我写个一吧。这个啊。嗯，但它呢，实际上我们也不去加载它了啊，这个没有特别实际的这个意义了啊。嗯，我放这没事吧。回头我们那会在那个it里边new的时候是new的它对吧，好在这个home f的这里边，呃，我这呢就把它给改造一下啊，这个呢，这不就不用了吗，删掉，呃跟它相关的。

这个。到这儿。都删掉。嗯，相应的这个加载我们从头再加一遍啊，这些都先删掉。啊index index，我这一一不小心也给删了。啊，它先放这儿啊，嗯，然后的话呢，我们在这个位置重新再加载一下奥S。那这个就搬那了。行。然后呢，我们使用的话呢，按说应该就在这块去用了是吧。那在这块去写啊，在这块怎么去写，那我们来看一下它提供的这个文档。嗯，这个这个还看不出来他到底想说什么，接着往下说，简单使用，那我们看看详细的吧，详细的话呢，那就是在on create里边，相当一上来呢，呃，加载布局，那我们已经加过了啊，然后接着就用，那我们需要做的呢，就是从这块儿。

粘到这儿。两呗，然后CTRLC一下啊，说当然你想突也可以这样用，那说明这个就够了啊，哎，把它的CTRLC粘到我们的代码的这个位置。嗯，加载显示。是不是应该是这个位置啊。啊，CTRL一下啊。行，那加完以后的话呢，这相应的有一些这个异常的哈，像这个banner，这这就我们已经都找到了是吧。嗯，删掉吧。嗯。呃，斑点上面这不有斑点的啊，设置一下它的这个样式，Circle indicator title circle indicator title是算个啥样式。Circle indicator title。那这个是吧。显示圆形指示器和标题行，那我们就用的这个，一会看看这个效果，嗯，然后下边呢，是需要一个image loader这个类的，Image loader这个呢，它是报错了，显然是另外的一个类了啊，就是他刚才提供的这个类。

哎，重写图片加载器，那我们就把人家这个代码呢，给它粘过来。站到这儿是吧，按CTRLC一下。这个我们不写代码，我们只是代码的搬运工转过来啊。粘过来以后的话呢，你看一下，嗯，这个里边呢有个display magic，嗯，下边就是他写的这几个框架，哎，我那会那个其实就从他这粘过的啊，常见突变加载库，我们这呢没有用这类的，所以把它删掉啊，我们实际上用的是皮卡O，这个呢是另外的这个frasco啊，这个我们也删掉。嗯，就用的是琵琶索加一个根号。嗯，这个pass就是这个路径了啊，这个路径呢，只需要个string形去哪。这就可以了啊，这个方法，这个方法其实上用着是吧，说如果不用也可以不重写，那我就不重写了。

这就搞定啊，这个搞定的话呢，这就搞定了。哎，这就设置图片加载器好，接着设置图片集合，注意这个位置呢，虽然没有报异常。因为恰好我们起的这个集合是不是也叫该，但实际上这个位置放它不对啊。那你想一想，这个我们要想再来成功，你差什么呀？对，你是不是差这个图片的路径啊。哎，查图片路径，而这个方法呢，它需要的也恰好，这这是不是就需要的是个集合呀。哎，就需要这个集合，那我们这儿呢，给他去造一个吧。A，然后呢？里边放的是这个四真性的这个地址啊，啊叫image URL。嗯。行，然后的话呢，我们可以在这个这个你造的时候，可以这直接指明，就跟我们上面你提供好的这个index里的image的size是一样的。

对吧。哎，我现在需要做的呢，就是把这个诶，这个images这个集合里边的那个图片的那个地址全取出来，来造成一个这样的他们地址构成的一个集合啊，这是图片地址。啊，构成的一个集合。二循环呗。好，I等于它I小于，这写谁？Imagine URl.size这样写行不行啊，可以啊。可以先这样写着啊。嗯，接着在里边的话呢，就是通过这个imagine URL images URL，它呢去ADD写这些字符串，那字符串呢，就是。嗯，你在这吧，直接写一起得了。Index。

第2IMAGE，第二呃，其中的每一个是吧，Get一个I吧，然后再取其中的这个图片。提值吧，哎，这样就行是吧，然后把这个对象CTRLC放这吧。没错吧，嗯，好，那行看这哈，对吗。有什么不对的吗？那我问你这是几？那就说数吧，这是哪个数？四是四吗？嗯，这是很多同学容易出错的地儿啊。把这个再写一遍。继续吃吗？这是Java基础考查的。四还是几？三零。

是零吗？想想。写谁呀？有区别吗？这是四。是吧？嗯，你这个呢，只是按照这个是不是提供底层的那个，哎，你这个数组的长度了。你这个里边一个也没加过，你用你的size遍历，那你能够东西。是不是一个也没有啊啊，所以呢，要你要这样去写，那图片照样一个没有啊，因为这个放循蛙根本进不去，地址一个没放啊，你这个这个集合啊，它是有的，你现在是拿这个集合它的长度这是四，底层呢提供一个release对应的数组，数组也让它是四，但是你这时候呢，这个size可是零啊，因为一个你也没加过呢啊小心一点。这是错误的啊行，这样的话呢，我们就把这个图片的路径呢提供好了，然后接下来提供这个动画，动画呢，那就用它这个动画吧，你要不想用，你就看着它这里边，或者我给你写的这个TXT里边这个动画啊，接下来呢，还可以设置一下这个叫titles啊。

嗯，这个方法它需要的是一个。List啊，那这呢就是一个string啊，那我们在这去提供一下string类型的一个。Titles等于new一个string。哎，在这，那我们就可以写一些这个情况了啊，我们就看一看。哎，比如这第一个图。呃，分享砍学费，就写这个吧。好，第二个。这我就随便整一个啊，在人脉总动员。

啊，想不到你是这样的APP。你看现在这种文案都是很牛的啊。以为是说不好的呢，其实是说好的。然后呢，前两天不是支付宝出那个事儿是吧，后来我发现被骗了啊，然后马云跟着那个这个这个什么蚂蚁金服的那个老大。还道歉了是吧，然后说我们不应该这样做啊，怎么着的，然后还下架了，嗯，但是呢，其实发现大家都开始关注他这个信用值了是吧。哎，我也为这个就开始种了一棵树啊，种树可以加那个信用值嘛，本来原来那个支付宝，它通过各种手段让大家去用，然后增加你的信用，结果没人关注，结果这个事儿一出来，大家发现，哎，只有七百五才可以抛石是吧，那就开始关注这个七百五了啊。然后最后一项。

嗯。这个。购物节，爱不单行。好，这样的话呢，我们就写好了啊，因为你回头你希望集成的时候呢，是长这个样子的。那就就有这样的这个这个这个相当一个文本了哈，所以这呢，我就把这个文本给提供了一下，哎，设置到这儿，嗯，是不是这个轮番播放啊出呃，设置轮番的这个时间延迟时间就能可以改哈。啊，设置它的一个指示的位置啊，就放在中间来start行，这个我们就用它默认的就OK了啊，然后接下来跑一下。看看这个效果能不能有。啊，这块这块没有，我这都得。

这从头到尾都注释一下吧。这样是吧。哎，虽然这个我们不用了，但是这个程序它运行的时候，他先编译一遍啊，发现这里边儿有一些组件没有。啊，他就给报错了。哎，过来了。来看效果。哎，这样就可以啊，刚才我们这个事儿要是中间了，这个你不满意，你可以改，改到边上或者改到一起都行，这个下来呢，大家自己动手去整就行啊。重重。嗯，这个图。上面不全，这个我们看一下这个真机运行吧。

显示的不对啊，这怎么给整成这样了。嗯，这里边看一下啊，这里边儿呢，其实也没有明确的位置去设置它的一个显示啊，默认的话呢，其实就应该是个充满的啊。这个代码呢，咱写的没啥问题啊，就按照他这个官网提供的这样一个方式写的，结果发现他这个图呢是个小图。嗯，原因只有一个。版本的问题啊。他这个版本的话，就是我们这个之前写的这个版本，用的是他这个比较早的1.4.2。嗯，我们刚才那个用的呢，是它这个比较新的。1.4.4是吧，你把这1.4.4呢，改成1.4.2。可以了哈。

哎，就是相当于新的这个呢，它里边还得需要再进行一个调试，就是它这些设置的这个数据呢，都给封装好了啊，只是它这个封装里边呢，可能在调试的时候有点问题，我们再跑一下。来看下这边这个效果。这加载稍微有点慢啊。这样，嗯，行，就这样。