创游世界滚动的拾荒者新手教程

同学们大家好，欢迎大家来到咱们的这一个剥削堂，那么今天的话呢，咱们来介绍 cosplay 的如何来使用咱们的滚动列表，整个的话呢，我会分为三个点来讲解啊。首先第一个点的话呢，是咱们滚动列表的一个节点的一个结构， 嗯，其实很多同学用滚动列表呢，其实并没有搞清楚它的原理啊，所以在这一块的话呢，我们会把这个，嗯滚动列表这个组建里面的内部结构给大家详细的讲解一遍，每个节点是干什么用的，让你心里有个谱。 第二个的话呢，就是我们滚动列表的选项，我们应该如何来做？第三个的话呢，如何往滚动列表里面添加咱们的这个内容？好，开始咱们的这个讲课。首先第一个的话呢，我们来创建一个项目啊，导入进来打开来，哎，把这些东西呢给他创建好。 ok， 好， 创建好了以后呢，我们在这个地方呢，会有一个场景，对吗？就在这里了。好在这个地方有呢节点列表，这个滚动列表的节点结构啊，那我们首先呢会在这个 ui 组建这里呢，咱们会来加一个咱们的滚动师头 spope， 哎，就是他了。 好，接下来的话呢，我们来，嗯，给大家来介绍一下整个的一个结构啊，首先第一个的话呢，它是这个根结点，对吧？ 好，那么我们的根结点的话呢，有哪些东西呢？你就可以来看一下，会有一个 surprise 的主见对不对？有一个 surprise 的主见好，同时的话呢，我们除了有一个 surprise 主见以外，还有一个什么呢？还有一个我们的这个 school view 的这样一个组件，对吧？ school， 嗯？ co 怎么写到 sc 啊？啊？ sco， vivo 的这样一个组件。好，那么这两个东西 气的话呢，就组成了我们跟进的两个主要的组建，外加一个 cc surprise rain 啊， 外加一个咱们的这个 surprise 组建，对吧？加一个 screw 组建好 surprise 组建是干什么用的呢？我们来看一下，其实是定制这个滚动列表的背景色的啊，定制滚动列表的背景色的 啊，列表的背景色啊，背景，当然你可以不要用它，你可以直接给他注销掉啊，这个也是没问题的， 我们在很多这种滚动列表的时候，可能你可以不用背景，对吧？背景直接融合到我们的界面 ui 上其实就可以了，但是呢，这个 sprite 的话呢， 可以帮助你来修改这个背景，比方说你要指定一个背景为一幅图片，或者说呢，你要来修改一下咱们这个颜色，那么这样子的话呢，你就能够把咱们整个的这个背景呢给他弄好来理解吧， 所以这个 surprise 呢，是干这个事情的用的。第二个的话呢，就是咱们的 school view 的一个这样的主见。好，那么这个节点咱们分析完了以后呢，接下来咱们来看一下下面的他两个孩子节点啊，所以在咱们的根结点下面呢，咱们会有两个孩子节点，孩子节点谁呢？就会有一个 sko 八， 是锅巴，这个节点的话呢，就是咱们的这个滚动列表的这个滚动滚动条啊，是锅巴哎，就是我们的这个滚动列表的滚动条就是他了。 好，那么这个点的话呢，我们在这里就是锅巴，对吧？就是他，然后就是右边这个，当然有时候我们做移动的时候呢，可以不需要这个滚动条呢，你就可以隐藏掉，如果你需要的话呢，你就可以把它啊拎出来就可以了，对吗？好，那么 这一块的话呢，咱们可以来做好对应的这个处理。好，这是咱们的这个。呃，然后接下来的话呢，就是我们一个 view 的这样一个节点啊， view 的这样一个节点。哎，孩子节点我们的这个 view 啊，孩子节点，我们的这个 view。 好，所以在这里的话呢，我们是孩子节点，咱们这里呢是一个 view， 那么 view 的话呢？我们就在这个地方了啊。 好， vivo 的话呢，我们看看有什么呢？哎，他就是一个节点，然后呢有一个节点的大小，这个很重要啊，这个节点的大小是什么呢？就是我们可视化区域的大小。 vivo 节点的大小 就是我们可视化区域的大小。哎，明白了吧？六节点的大小就是我们可视化区 的这个大小。在这个地方。好，然后呢在这个上面的话呢，还会有一个组建实力，那么这个组建实力呢？咱们就是什么？这个 mask， 嗯，他是一个 mask， 是一个什么呢？超过这个范围就不显示。 超过这个范围的内容啊，范围的内容呢就不显示，所以这样子的话呢，我们滚动滚动列表，哎， 逃过可视范围的你是看不见的，对不对？就是因为这个 mask 起的作用，能理解吧？好，所以这个呢是我们的一个 view。 好， view 下面呢，咱们又会有一个孩子节点啊，又会有一个孩子节点，那这个孩子节点呢，咱们是肯定的，就是咱们的这个内容肯定的，肯定的的话呢，就是一个更节点的在这个地 地方，然后 content 这个内容下面的话呢，我们来注意啊， content 的话呢，他会有一个这样的大响在这个地方，对不对？哎，是我们的这个四百啊节点的大响的在这里。好，这个呢是我们的这个 content， 坑证的下面呢，就会有我们的这个什么每一项的这个数据，那这个项的数据呢？你可以自己来定制，所以在坑证的下面呢，就是每一项，哎，数据 的这个选项对不对？选项好，那么这个选项的话呢，你可以自己来进行一个定制啊，这个都没有任何的问题，所以到这边来呢，就没有什么太多的一个点好。 呃，那么接下来的话呢，我们就可以来做对应的一些修改啊，比方说你要修改这个滚动列表的背景怎么办呢？你就到根据顶下面去找这个 surprise 来修改这里的东西就行了， 或者说你干脆不要背景，对不对？好，如果你要去掉这个滚动条怎么办呢？你就把这个节点给它隐藏就可以了啊，注意不要删掉它，不要删掉它，为了保证它的结构呢，你不要给它删掉了，直接隐藏掉就可以了好不好？哎，这是这个最简单的一个方式啊，你就保留住它就可以了。 然后接下来的话呢，咱们就会有一个 view， 这个 view 的话呢，就是我们的这个仕途在这里呢，我们会有一个这样的裁剪区域啊。好，这里是我们康腾的，这是我们的艾特姆。好，那么接下来的话呢，我们就来给这个艾特姆呢给他加一些东西，比方说艾特姆一，我们往下拖一拖， 好，那接下来的话呢，我们再来看看艾特我啊，我们再往下拖一拖。好，接下来的话呢，我们就来全部复制一个，复制完了以后的话呢，我们就把这三个呢再往下拖一拖， 好，我又来复制一个，我又来复制一个，复制完了这这几个的话呢，我又把它再往下拖一拖。好，这个时候你要特别的注意了，看到没有， 超过这个范围的你就不显示了，这是为什么呢？因为六上面呢带了一个 mask， 如果你把这个 mask 给他拿掉，那么超过这个范围仍然会显示出来， 然后呢把这个 max 给他加上的话呢，超过这个可视区域他就不显示了，这就是我们滚动列表为什么只在这个范围内显示，要你滚着来，就是因为这里面有个 mask， 能理解吧，所以这个点呢，你要特别的注意啊，所以这样子的话呢，我们的滚动列表呢就 ok 了，好，然后呢你来运行一下， 好，运行起来以后呢，你就可以来进行一个滚动了，对不对？进进行一个滚动了，然后呢还有一个回弹的这样一个效果啊，好，那么在 这里的话呢，我们整个的这个滚动列表的一些基本使用呢，就给大家讲到这里。好，还有几个问题呢，大家要特别的注意，刚才的话呢，我们往里面添一个选项的时候呢，都是我们手动给他摆位置的，其实我们正是在项目里面的时候呢，就怎么样啊，哎，就希望我们干嘛呢？可以自己来排， 压缩，我从上往下，那么这个时候呢，我们还可以在我们的康腾的上面呢，加一个什么呢？我们可以在这个 横店的上面呢加一个雷奥特组件来自动帮助我们来雷奥特，我们的这个内容就可以了。 好，所以这样子的话呢，我们在这个地方选择我们这个，然后呢我们来添加一个雷奥特的这样一个组件。好，添加完这个雷奥特的话呢，我们以这个垂直 方向来进行撩他，那么他就会把这个东西呢重新排列，那么这个重新排列他是怎么排的呢？其实你要特别的注意啊，在这个地方的话呢，你要特别的注意，注意啥呢？他是按照你每一项的这个根结点的高度来进行排的， 所以你会发现呢，刚才我们是拉宽了的，现在又缩紧到一块了，能理解吗？缩紧到一块了，好，那如果说我再在这里再来复制一下呢？你就你看啊，你就不用自己再再再摆位置了，他就自动给你搞好了，看到没有？ 哎，这是这个点，所以他就自动给你搞好了，所以这个雷奥特的话呢，他会根据你每一项的这个高度呢来进行一个排列。哎，明白了不？来进行一个排列，能理解吧？好， resitance mode 的话呢，我们就可以按照这个，呃，这个，这个，这个，这个气候 啊，对这个大小呢来决定我们的这个啊，这个空腾的这个大小，明白了吧？好，那么这样子的话呢，你可以看一下啊，比方说我们把这个 vivo 的这个 max 给他拿开的话，你看我们的一个空腾的呢，正好就是我们整个孩子的所站的这个高度，这里的 resize mother 啊，就在这里。 然后呢我们来到 vivo 这里的话呢，把这个 mask 给他重新打开，那么超过了这个 mask 的区域的呢，咱们就不显示了，那我们来看一下滚动啊，滚动的本质是什么？你可以把这个 mask 去了来看，滚动的本质呢，其实非常的简单，怎么回事呢？就是移动我们的这个空腾腾，看到没有 哎，其实就非常的简单啊，他的本质非常的简单，就是移动这个空等的啊，对吧？只不过的话呢，我们加上这个 mask 了以后呢，超过这个范围的呢，你就看不见了，能不能理解好，所以这样子的话呢，我们就 就可以来给他加上一个这样的 mask 就可以了，就这样子的话呢，就在这个范围内呢，来进行一个滚动的。明白了不？就在这个范围内的话呢，咱们就来进行一个滚动的，大概就这样子的，你看，哎，这样子的 好，所以呢操作这个范围呢，你都会把它裁掉，哎，这样子的话呢，你的滚动列表呢，就会更 ok 一些。所以一般的话呢，我们还会在这个地方啊，有时候在用的时候还会加一个雷奥的这样的图片，那么这个雷奥的怎么加呢？你就可以来看一下我们的在这个空腾的这里的时候呢， 我们可能会加一个这样的雷奥特的这样一个主见，大家可以去看一下，所以在康腾的这里的话呢，我们就来加一个雷奥特的这样一个主见。好，接下来的话呢，我们就来制作咱们滚动列表的一些属性啊，我们滚动列表的选项的话呢，可能会要做很多比较复杂的一些东西，对， 对不对？好，那么这个时候呢，其实我们一般会怎么做呢？我们会把每个哎滚动选项呢？哎，可以做成一个玉字体这样子的，对不对？比方说我要做一个商城的这种 滚动列表啊，这样子的，我要做一个道具的这样的一个滚动列表。好，那么这个时候我一般会怎么做呢？你看我是怎么做的啊？首先第一个的话呢，我会创建一个咱们的这个这个这个这个一个一个这样的单色精灵啊，我一般会这样子来做 啊，为什么这样子做呢？就是为了方便我布局啊，比方说我来创建一个二的的一个对象，然后的话呢我们会来一个这样的一个精灵，哎，就是他了。 好，那么这个精灵的话呢，我们在这个地方，然后呢给他拿掉啊，大概就是这个样子，然后我看看有一个地方的 pendle 吧，就，就就这个样子啊， 我们给他挪过来。好，这个呢就是我们整个的这个点，好，这个点这里面的话呢就是我们的这个艾特姆啊，我讲出去叫艾特姆。 好，那么这个爱字母的话呢，我们一般呢会跟这个空等的这个点给他叠成一样大，然后他的宽度是两百二，那我在这里呢就是二百二，这样子，对不对？然后呢这个高度呢，我们是一百啊，这样子的啊？一百，嗯，一百啊，这个高度，我们讲说是一百这样子。好。哎，为什么老是四百呢？ 嗯，我看看啊，这个是我们的这里，然后呢这个地方为什么这里老是失败啊？我看一下， 呃，我们这里是一百啊，哎哎，为什么老是四百呢？ 嗯，我看一下是不是我的这个，我先把这个东西给他独立的拿出来啊？ 嗯，等一下我先把它放到外面来，因为有可能是这个空等的这个大小导致的啊，我们给他拿到这个外面来，好吧？给他拿到这个外面来，然后呢这个里面我们会有一个一个单色的一个精灵，单色的话呢，应该就是就是他了啊， 我们来看一下， 好，大概就这个样子啊，就可以了，当然你可以，你可以按照你自己来啊。好，然后呢这个艾特我这个选项的话呢，我们就可以做到这里 艾特姆的话呢，我们假设是高一百啊，这样子应该是刚才那个料他给你改的啊，假设我们是一百这样子的一个选项，但这个选项的话呢，你可以有这个背景，可以没有， 没有的话呢，你就可以把这个去了就行了，对不对啊？那你加上呢？可去了啊？我们加上这个东西呢，主要是为了方便我们看这个大小，这样子，对吧？好， 接下来的话呢，我们就可以给这个艾特我们来添加一些我们的其他的一些元素了，比方说我们的这个 label， 好吧，我们给他来一个 label 好不好？给他来一个这个，这个的话呢，就是我们的这个名字啊，任务名字，哎，假设是这个样子的。 好，然后呢这里面的话呢？我们是任务的名字啊，任务名字好，呃，名字大概在这里。 好，任务的名字，这里面的话呢，我们还是用英文啊，这个，这个，这个念吧，我就假设是这个样子的，好，那么这样子的话呢，我们就做好了一个选项艾特姆。好，然后呢在这个地方有个空等的，空等的话呢，我们是按照这个空间的容器啊改，这就这就没问 好，容器感没什么问题的话呢，我们就按照这个来就行了。好，接下来的话呢，我们就可以为这个东西呢来生成一个咱们的艾特姆的一个这样的玉字体，哎，这样子就有了， 有了这个 id 五一这题以后呢，那你直接就是往这个空的里面来加内容就行了，比方说我们加这个内容，哎， id 五一就他了， 所以这样子的话呢，我们的第一个艾特我就放这里了，第二个内容艾特我二，你看他就到这个地方来进行放到这里来了， 明白了吗？所以这样子的话呢，我们就把整个的这个艾特姆呢就给他加好了。所以我们在代码里面你要创建这样的东西出来呢，你就只需要实力化来某个选项，然后呢给他加到空等的里面就可以了。好， 这样子的话呢，我们就把这个内容给他加好了，接下来的话呢，我们基本上这个就做好了，所以在这里的话呢，我们要特别的注意，哎，自 做一个选项的预制体，同时这个根结点一定要有大小，因为这样我们的雷奥特才能根据这个大小来进行一个排列，能理解吧？来进行一个排列 啊，来进行一个排列，所以接下来的话呢，我们就通过代码来往滚动列表里面呢来添加咱们的内容就可以了。好，接下来的话呢我们就来做对应的一个处理了，来，我们新建一个咱们的这个代码，叫做跟死过 给你们说，好不好？哎？这个游戏的一个滚动，那我们就呢直接就找这个滚动的这个组件就添加进来就行了。滚动的组件呢？这里有几个这样的元素啊？你是垂直滚动还是水平滚动，你就在这里来，这是你的滚动条，对不对？ 然后呢这个地方就是你的一些回弹的一些设置啊，是否回弹这一些？然后这个空腾的的话呢，就是我们空腾的这个节点啊，就是在这个地方的这个节点，能理解吗？这个空腾的的话呢就是在这个地方的这个节点呢，就是他，所以呢他就指向这个东西， 明白了不？所以这就是我们整个的一个康顿的一个内容，所以等一下呢我们要往滚动里面来添加东西呢，其实我们只需要往这个康顿的节点里面来加我们的这个，加我们的这个内容选项就可以了， 明白了吗？加我们这个内容选项就可以了。好，水，接下来的话呢我们就开始来做处理呗。好，然后呢我们就直接往这个 scofi 上面来添加我们的这个，添加我们这个脚粉，然后呢开始来编写咱们的代码，双击打开一下，我们把这些乱七八 刀的东西呢先给他去掉啊，我们先把这些乱七八糟的东西呢先给他去掉，然后呢就在这个地方。好，然后呢在这个地方我们给他拿掉，拿掉了以后呢我们就把这里给他拿掉。好。呃，然后接下来的话呢，我们做什么样的事情呢？哎，我们就可以来 呃一个复选款来做，对吧？那你首先得要拿到这个什么呢？你得要拿到这个 item， 对不对？你首先得要拿到咱们的这个 item 的这个点，所以在这里呢，我通过编辑绑定来做啊，所以在这个地方的话呢，就是 at the property， at 咱们的这个什么呢？ at the property 这个 表示呢？这个东西呢？它是一个我们要绑定的编辑器啊，这个呢是我们的这一个。呃，这个，这个艾特姆 fribe， 好吧，那他的类型呢？就是 fribe， 咱们在这里呢就等于空就可以了。 fribeibo 没有定义的 话呢，我们从这个地方给他定义过来就行了。定义过来以后呢，那你在这个地方就能够拿到这个。呃， reverb 的这个选项啊，这里面好像是为空的，这是为什么呢？ 嗯，不是法宝。嗯，艾特啊，这个地方要加一个，好吧？要加一个不是法宝的这样的类型才能够被识别的到，这样子识别到了以后的话呢，我们在这里呢就能够拉到这个地方来，所以呢，你就拉到了这个艾特我的这个点。 好假设呢，我们要出实话十个选项，所以挨等于零，挨小于十，挨加加。然后呢，我们每个挨着母的话呢，我们就来，哎，挨着我的话呢，就会等于咱们的 因伊迪特里，对不对？然后呢，咱们的这个 ipadme 点 thirty five。 好，有这个东西，以后呢，我们就只需要把它加到这个空的的里面来就行了。 ctrl 人在哪里呢？是在 scope 下面一个 ctrl 的结点，我们可以通过 stop 组建里面的属性找到他，也可以通过节点查找找到他。至于你用哪一个呢？都可以啊，那至于你用哪个都可以，我们就用那个节点查找来找，或或者说用组建来找都可以啊，那我们就直接来找吧， 等等呢，就会等于 this 点漏点 get 肯 polant， 然后呢？这个是个 view。 好，那我们在这里的话呢，就是用我们的这个东西来找，通过组建来找，因为组建在这个地方的话呢，它有一个数据成员是关联好到这个节点的， 我们当然还可以一种方式呢，哎，就是通过我们的这个节点来找。好吧， content 通过我们的节点来找，通过节点来找的话呢，我们就是 this 点漏的点范的，是吧，我们来查找一下啊， this 点漏的点范的， 对不对？哎，点 note 的点，嗯，点 get 翘的 好像没有饭的，那我们就只能用这个 cc 点饭的，是吧？哎，我们就是饭的啊，这样子的饭的来找这个节点都可以啊，那这个就看你自己了，我在这里呢是 yes no no no no， 哎，然后呢，再点这个什么，那这是我们的这个 vivo 了，我就找这个 vivo， 对不对？找这个 vivo 下面的这个。哎，点给了翘的白面，找这个什么？找这个咱们的这个 conton 的就可以了啊，好，找这个 conton 的就可以了。 好，这两种情况呢，其实我们都是 ok 的，至于你选哪一种呢？都可以，我们就一种一种来测试一下好不好？好，然后呢，这个地方我们就哦的的翘的， 咱们这个艾特你就行了，这样子的话呢，你就把你的这些选项呢通通的都加进来了，来，走一个。好，你看这样子的话呢，你的选项就加进来了，看到没有？哎，非常的简单啊。这样子的话呢，你的选项加进来了。好，我们再来换一个咱们的这个啊，这个方式啊， 我们直接使用这个 sqv 上的这个属性来加，其实道理都是一样的啊，只不过呢，对吧？好，这样子来就行了。 好，接下来的话呢，我如果想要改变这个滚动列表的大小怎么办呢？那我其实就可以干嘛呢？改这个 vivo 的大小就行了，比方说我把这个 vivo 呢改成多宽，对不对？高度上面我是会会有，这个，我可以给他改高一点点，比方说我把它改高成五百， 那么这样子的话呢，他的这个高度呢，就应该会变成原来的两倍了，看到没有？哎，这样子来的，哎，所以呢，你看这个内容就在上 上面去了，对不对？内容就在上面去了，而这个背景的话呢，由于你没改，所以背景还是在这么多，那你再把这个背景给他改成五百的话呢，那这样子的话呢，我们整个的这个就已经有了，对不对？好，那你的背景呢，又可以给他改成五百了，来，咱们运行一下。 好，那么这样子的话呢，你看背景这里呢，咱们又改好了，所以这整个的这些东西的话呢，你就知道哪个点是改哪个东西，所以我希望大家在学习的过程当中，真的去搞明白哪个节点到底是干什么用的。这样子的话呢， skrv 呢，就难不倒你了。好吧，那今天这一刻的话呢， 咱们就到这里了，关注我的话呢，可以领取得到咱们本节课的这一个元代吗？好，谢谢，再见。走了，拜拜。