51.顶部新闻ViewPager数据的绑定&添加红点.avi原创

好，同学们，刚才我们这个地方里面把这个页面做出来了，对吧，也连网请求了，也解析了，是不是接下来就说就是把顶部的数据，也就是把我们这个图片里面的这部分数据，这一部分数据是一个预配解啊同学们，那也就是说这部分数据给大家看一下。大家看一下这是一个玉佩姐吧，玉佩姐。因为配件里面，比如说我们点云配件里面，它是这个地方里面是有文本，还有一个点是吧，我们先把配件做出来，再把这些文本来把这些做出来是不是更好啊好，那接下来我们就来做一做喽，来到这里要想去做肯定是先要得到顶部的数据集合吧，好，那么在这方里面就要去get date，然后get get，注意这个是列表的数据，这个才是顶部行为的数据吧，好然后我们呢，去把它复制一下，用它来接收，好那么把它干掉，简称是什么这的全变量吧，对吧？好，这是顶部新闻的数据吧，顶部这个新闻。

那也就是说我们把这一部分叫顶部轮播图好吧，顶部轮播图，顶部轮播图部分的什么数据对吧？好那么这时候呢，就有数据了。记有数据了吧，好，这是我们的啊顶部轮播图数据，那么有了这个数据，接下来我就要设置这哥们的一个适配器了吧，设置适配器好，那么用的是谁呀？V配好，我们看一下我们初始化这个V配件了吗？

是没有对这个布局进行呀，哇，这么复在这地方呢，我们就去把它给初化了，好VP减一个吧，好，接下来这个到是takes view吧，好还有就是我们的什么这个点呢，点的集合好接下来还有一个就什么就是用。好，分别把这些根门磁化好，那这个时候我们就直接在地方去出发也可以啊，这样子，所以你用擦芋头也可以，但是以后啊，我要把顶部和历水又分开来，所以的话呢，你用擦鱼头，它老包一个床，不想用它啊，是有原因的，不用它啊把把UD啊，点ID点择空间，然后把它强这就行转换啊，你用叉U的话呢，这个就是它会报个错也能用啊，就是老报一些错啊，当然这错的话不影响运行啊，所以我不想用它啊，你们用一下也没没关系，一会会报很多那些莫名，就是打一普拉日志啊，就是崩溃也不会崩溃，也能这样功能使用，就打一些红茶啊，什么日子特别多啊，好，然后呢，我们快到。

r.ID点空间，然后把那个什么相对些转换一下，还有过后还有一个什么历史view吧，好这地方里面，然后find ud.ID点的空间，然后把它强制类型转换，OK，那搞定后接下来就设置什么是适配器了吧，好设置为解的配器，设置A可以减得4A对吧？好，那设等我们的A代表起来，好，A代表起来的话，这个时候这地方里面是用配吧，好那么我们可以在这里面去选一个类，好那我们就要table。

啊叫table detail的一个，或者就叫就是叫顶部拓六顶部新闻的什么，一旦。切成什么这个好，然后把它等一下好，那么还有一些方法吧，好然后去选一下我们的方法，这这两个是吧，好这个有了过后呢，我们你可以把它给留一下。

对吧，好，那么这个就是返回它的一个什么，对吧，这个看他们是否什么的都很熟了，对吧，那接下来有过后呢，好，那么这个时候去得到。大家想想这个时候得到的就是什么呀，是要去这个地方，里面是一张张的图片呐，这个图片是就变map就是就是我们的一个啊。对不对，你们动态创建可以吧，好这时呢，我们来六一个好，然后根据我们的什么上下文对吧，然后有那个后image u的话呢，设置我们的默认的一个背景是就是第一个好，那这个背景图片在哪里呢？给他看好就这个。

是不是好，那么我们呢，去把它这个的话，其实也差不多是吧，你用这个吧，啊这个放哪里嘞，放他们教母录像。好r.job点后对吧？好，那么这个有了过后呢，要把它添加到哪里去啊，容器中吧，AD对吧？好，有没理解好添加去后要把那个什么返回吧，好但是如果这样的话，它显示默认图片，没有联网请求的图片呢？好，那接下来我们还做一个事情，就是联网请求图片，那另方其图片还记得我跟大家讲XU吗？XU94块一个是数据。

还有就是请图片还请数据啊，还有一个是什么呀，就是我们的解，我们的U给始坏呀，好那么这个时候呢，我们这个时候给称差U体，它有一个啊，这个也没解，然后有一个斑的，你看是好多参数啊，看到没有这些做一些配置啊，这是要做配置的，那我们呢，就原生的好，那么就这个这配置的话，它可以把图片变成模糊，变小，变变圆角等等啊，大家感兴趣可以去配，那我们用这个好，那么第一个参数就什么要第二个就是我们的路径吧，好，那这个时候大家看好，那么这时候我要先得到这个里面的数据吧。

好get，然后得到的是一个top对象，好，然后呢，宝宝好，那么这个时候呢，我要得到他的一个图片，这图片地址到底是哪个呢。大家看一下它是一个叫是这个叫一个top image是吧？啊get啊get top，但是这个地方boy要先错了吧，这个get top，大家看一下拓普妹姐这面有前缀吗？没有还得加呀，对不对，还得加就是啊这个实际类型image ul啊ul，那么等于我们的content减倍是相加呀，好，然后加上这个前缀是吧，就可以了。

然后有了过后，我们把这个图片呢，啊，可以地址放到里面去，这样的话就能显示图片了，好大家看好，你们觉得可以了吗？还得什么销毁吧，这个点好见。然后把它给什么旋转好，那这个时候我们的话是可以把这个图片。就至少把这个这个图片有了，他点的是还没有啊对吧，好看好哦。看好哦是吧，好，同学们大家看好。等一下。哇塞是吧，哇塞好是搞定了对不对，就显示了，但是这个，但是大家想一下，但是这个地方里面有个问题，就是图片是灰色，就一点透明都没有啊，那么我们还得去改啊，大家看好对，我们要去把它变，这个就不能是这样的灰色了，你看这样子啊啊井号啊44123456是吧，这样的灰是吧，好对这样的话。

就这样子，我看看行不行，还有呢，我们把这个图片。把这个图片让它拉伸。那拉伸就把这个图片拉伸，怎么拉伸呢？大家看好这地方里面set啊一个这个用过吗？好我们看好。

好，现在的话，这个图片的话就没有到边感觉是吧。你起来。可以了吧，这才是我们想要的吧，对不对，你看好，那么有那个，这就是我们家看没有啊的，就是我们老家，就是后面有竹子知道吧，但是就是我们好像应该是我们贵州那边那个区域这个图片了啊啊好看有好看也有不好看的都有是吧？好，那同学们我们看一下在这个地方里面的话，有了过后是要去看一下有多少个点呢，现在我就根本就不知道到底多少个点，而且一划动你看都是王宝强和他老婆离婚是吧，太悲剧了是吧？那接下来我们是要去创建多少个点，然后滑动时候的点，要滑动哪个页面就高到哪个呀。好，那么看一下在我们这个地方里面，我就要看一下它有多少数据，就创建多少个点了，好来的地方。

好，那么这个时候我们要去做种事情，但是这个顶部行闻是一定有啊，如果没有的话，你要还得给我做个喷空啊，一般情况会有的啊好，那这时候做一个什么佛循环类行I等于零，I小于它的一个什么SI加加，好那这个时候呢，我再去创建红点，红点用图片表示可以吧，好例一个好，然后呢，这是一个上下文，那么红点的话，注意红点的话我要去设置它的背景，注意一定要以背景方式，因为背景是不是还有选去设置它inable two for的时候，Inable为two是不是红色啊，Inable为破的时候变成灰色，因为我们要做成这样的效果，大家看好。啊。

大家也可以看到这张图片，就是你看这个点是红色，这个点是灰色。对吧，这样的效果看到没有，是这个红色，这点灰色对吧？好那么这个时候呢，我们就要去设置这个背景，背景的话r.jobable对吧，对应的就是我们的一个选择T好和的一个是好就一定要是个选择器啊好这选择器我们把它给创建出来。呃，之前呢，它是单张的，并没有是选择器啊，是单张的就是一个系谱吧，谱一个红的一个灰的吧，没有把它拼成一块吧。好，那这个时候我们是可以还是用那个之前那个系谱可以吧，可以，但是呢，也可以用图片啊，告诉大家这里面是有两两个小图片呢啊这小图片好，那我们这一次呢，就用小图片啊，啊跟你说一下，就说以后啊，你们就开发用系可以用图片可以，我们是两种都用啊，就告诉大家两种都可以明白吧，那我们只用一种，你就觉得哎，好像老师没讲过啊是吧，啊其实我们两种都用啊好接下来有了过后呢，就是好注意这个时候我们用按下呢，还是用什么，你们觉得能否啊，因为我们根本不可能按吧，好一般因为这个点这么小，你怎么点呢，是吧。

你就说用鼠标点还可以用指手指，你怎么点对不对，所以一般呢，就不用不用做那些操作好，然后呢，在地方里面就要去做一个事情。就是do normal。然后嘞，这个就是为two对吧，这个是的一个什么是吧，红点好，那么有那个后在地方里面就有了这个，然后大家想想我们在这个里面的话呢，In为Q，就这是吧，那么第零个我们是默认第零个就让它选中啊好，如果这个I它是等于多少零，我就让这个图片设置in为多少，其他嘞，Else设为多少force怎问题吧，然后这个点有了过后是要添加到那个线布局里面去啊好，那添加到这个线布就明确就ad。

这个是吧，你没意见。好，那添加进去注意，因为这个地方这个方法执行几次啊这个方法。它针两次，我们先把之前那个什么移除，就是移除所有的什么红点知道吧，因为它只两次，是想用最后一次啊，那有的同学把这个放在里面可以吗？肯定不行啊，是不是你只要移除一次就行了嘛，你要移除多次，那不一个点都没有了是吧。

好就这样，然后有了过后呢，这个点呢，其实点与点之间是有点间距呀，所以这个方法呢，我们还得去做这样的一个设置啊，就在这里面得out吧，好是然后把它给创建出来。好，那么因为我们放到生鲜里面，现在这个改率是多少，好，然后呢，我们一下。好，那么这个点的话，我们高宽是控制一下。对不对啊，那我们就用那个工具，还记得吗？工具好，那这个工具注意这个工具现在变了，变成是查U的了，就U也有这个工具，那查U这个工具还好，它呢，还少一个参数，巴不得是吧，那就是我们选个啊八。

啊，就8.0是吧，好，那接下来除一项逗号这样可以了吧，诶难道。只有这样吧，是不是好，那么有了过后是做一个适配了，好，接下来还要做一个事情，就是。我把这个剪接在上面，因为第注意第零个点，我们距离左边需要有距离吗？不需要是其他点，呃，跟左边有一定的距离啊，那我们也是让它有多少啊啊这么一天吧。是不是这样做的一个是非呀，好，那么我们去看一下。啊，看一下，好，我们去把它运起来，同学们。这时候呢，一会我们就会看到这个红点就有了，特别这个注意要移除所有的红点啊，否则的话，它会显示本来有四个页面，它会显示八个页面，知道吧，好大家看哦。

一点有点了吧，哇塞是吧，好，那这样的话感觉就有点了，就知道大概有多少个页面了吧，对吧，多少个页面就这样子啊。好，然后嘞。滑动就滑动是吧，继续滑动就可以了，对吧，滑动好，那么这个点是不是有点大呀，发现没有，那么就把它改为五小一点。好，这个间距呢，可以，然后多一点，这没关系，好那么有了过后它也在中间了是吧，那我们可以换一下是也在中间了，这没问题了吧，然后有接下来有一个问题，就是你看都是王宝强和他老婆离婚了，是每一个图片对应的内容应该不一样啊，对吧，那个时候们这个变化变化设置不同文本。

对吧，好，那这时候页面的变化大家想想，那这个当前的配和VP有关联吗。当前这个预配件和预配姐音的D有关联吗？没有，所以是监听页面改变，是谁用它呀，好谁用它，这里我们要做一个事情就是啊好监听页面的改变，然后去设置红点变化和文本的么变化吧，好，然后set，我们的注意set是过时的，应该是什么还的对吧？还有的话呢，我们还是用的这个接口，所以你发现我们现在适配用了好多次了吧，咱们都成为适配器，这个预配检。中监护了是吧，好用了好多次，好，然后呢，我们去打包好注意了，要小心把谁的打V4，然后呢把等于六出来。

把他给留下。好，那么在我们地方里面，当某个页面被选中了过后，那这个时候我们就要第一设置文本吧，第二红脸高亮吧，对应页面的点高亮就是变成红色吧，好作战那功能。那么设置这个文本的话比较简单，就是我们只有一个标题啊，设置我们的，然后数据的话呢，就从我们的这，我看一下数据的话，就从我们的顶部新闻这里面拿数据啊，就这里面有数据啊。

好，然后这个地方里面get，根据位置去拿到的这个，大家想想啊，我看顶注意他拿到顶部新闻，顶部新闻这个地方里面，顶部新闻这个要得到的是这个标题吧，就这个。好get什么get，抬头就它好好，然后默认的时候注意默认显示第几个。默认的时候显示第几个，第第零个对吧，好，然后有了过后嘞，要把对应点高亮，这个时候要做几个事情，第一把之前的变成什么灰色吧，那把当前的设置什么红色，红色是设备印的为two就可以了，好那这个时候呢，我们就需要拿从这个从这个信任布局里面，因为我们的点是不是都放在哪里啊信任布局里面，所以啊要去取。

Get丘好，那么把之前的点是完记录一个位置之前的点呢，好，我们选的一个参数类型之前的或引类，好那么这个时候呢，这是之前高亮的点的位置，把之前点高亮显示，把位置就之前高亮过的是吧。好的看好在我这个地方里面呢。就是之前这个点的这个位置对吧，那这个是当前点的位置吧，好，那这个是之前点，那就设置它为多少，今点补为多少啊false，然后当前点的话就设置为多少，这个值还是这个吗？改为谁类型好，但是有一个参数一定不能忘，一定要把这个赋值的类型给复制，如果没有这个，我跟你说是他们值都是一样的，到时候到时候这个死时候一一直是零是没有变化呀。

这样去做此。一会的话呢，我们移动的话，它就真的变化了，稍等。吊脚楼明白吧，吊脚楼的话就是我们那个贵州的特色。看后你看漂亮吧，你看中考英语试卷是吧，结构不变，你看这个漂亮女生在考英语是吧，往右变了吧，再往右变了吧，变了吧，对不对？好，这个时候一滑到中国，中国这里面有火箭，我国成功发射火箭，变了吧，变了吧，回过来变了诶这是有bug的，到时候我们去解决它啊，好，然后是是可以了吧，你看没有挺好看的吧。

挺好看的对吧？好，然后嘞就搞定了，看到没有，好，然后点国际再往右，国际不就有了吗？你看为难民为什么不愿意法国是不是搞定了，哇塞是吧？好，那同学们我们简单回顾一下，其实我们做东西不难，首先得这个先得到一个解集合数据吧，接下来再设置与非解的适配器，适配器我们学了好多遍这个，那这里面呢，我是这个图片我们没有是六出来啊，然后设置这个是设置什么设置图片和什么默认图片的默认背景，然后这个时候是让他以X和Y就拉伸了，X10走走Y走拉伸，就为什么拉伸呢，就让他填充满吧。

对吧，然后呢，添加到容器中吧，把图片添加到容器中，容器其实就是谁呀，非甲就V非解好，那么呢，其实这个容器就是VP中好那么注意这个请求图片是我添加过后才色的图片呢，那我把这个代码放在前面是也可以啊，注意我放在这个地方也可以知道吧，也可以。啊，或者说放在后面也行，知道吧，都可以，好你看添加过后我再去连网请90K呀，啊这个是一个图片，怎么图片请求地址对吧？好，然后就存进去用叉U是吧，这一行代码就查U，就把我们图片解决好了对吧？好，那搞定过后，在这个地方里面这一部分就是这个，那么我们刚才是做了又把这个点给添加呀。

是吧，这个点又添加，这时候我就看这个里面有多少个数据，有多少个数据我就创多少张图片呢，然后再设置高和宽。然后再设置一个什么，再设置一个啊，他的这个选择器，这个是设置一个设置一个背景选择器。这背景选择器就让我们它有一个灰色和红色的一个效果吧，明白吧，当它的为two。

In the way to，它就是红色force就灰色吧，那第第一个距离左边不需要是吧，所以跑到这里其他的就要，然后设置一个参数，好，那这个其实这个代码的话就是做一个事情，就添加什么添加点吧。对吧，好，添加点，包括这个文本就是相当于是做一些参数，我们就这样吧，在这里面out shift ADD是从单独抽一个方法出去啊好，那这样的话嘞，这个方法做的事情就是添加红点。是搞定了吧，好，那么同学们，我们刚才所讲的就是顶部新闻数据的一个显示，是包含于配点和我们红点和文本，就搞定了吧。好，把视频。