27.尚硅谷_硅谷商城[新]_商品信息列表类页面实现分析.avi原创

好同学们，接下来我们要去实现我们的一个什么这个商品信息类了，刚才介绍了这个类是吧，这个实现我们这样的一个效果往上拉。你看这样的话，就切换到下面这个地方是吧，这就是一个收U，好那么我们这样的效果的结构，大家可以看一下，也是样这样的一个效果，好来看一下，诶我又往上拉，它会一回弹，对吧，这次是两个啊好，那这个页面整体结构是怎么一个结构呢？给大家说一下。嗯，它整体而言分为三块。就是从这个根节点上分为三块，怎么分呢？给大家看好。嗯，这样吧，我们在这个上面。分为，这是顶部。这一根线它其实也是一部分，为啥他把两部分成来还下面这是一部分。那么这一部分呢，是一个线性布局，中间是一根中间这个呢是根线，很简单，这也是一个什么真布局。

为什么用真布局呢？因为在这个地方在滑动过程中是始终不变的吧。对不对，始终不变，那么分为三部分，好给大家看一下，我这地方分析好的在这里面。为三部分。这部分就是我们的一个什么呢。标题栏。分割线就是这条线。这些。还有第三部分，就是下面这部分。就是我们的什么，下面这部分就是我们的一个什么真布局去做的啊，或者是相对布局也可以。好，然后在我们这个地方里面，它有一个这样的效果，你看往下滑往下滑。往下滑。就可以切换到这个地方。那么这下面这块。就是什么，你看往下我再往下拉，就是到这一个方，那也就是说在我们这个真布局里面，就是下面大家看到的这部分，它是个真布局。

真布局，它又分为三个部分组成。第一个部分就是我们的上面部分。这这块滑动的这块区域。那么这块区域，它里面其实就是有什么。由我们的SC容器，就是我们的SC就是SC的容器，然后来嵌到两个我们的。第一个是有。第一个收入就这部分。我当然包括图片。这部分到哪里呢？到这个地方。的地方。这个下面就是我们的下面就是我们的这个啊了，好到这个部分，好，这是第一个一个U，就是我们的外BU，好那么里面签到这个部分，那也就是说整体的中间所有的。

都是什么？这里面的。这个第一个现金布局里面嵌套的这个东西OK。好，然后在这个地方里面呢，注意。客服收藏购物车，它就是这部分。啊，真不少。好，那么还有一部分更多什么意思，就是点击这个地里。他就弹出一个布局，这个布局的话呢，就是我们啊一会儿要去。也是一个布局啊，也是一个布局。好，那就是什么呢。在这个正步里面要放这个分。好，那也就是说我们一会一显示的话，就默认让它什么显示在上边啊，显示上边，那么因为真布局嘛，它默认是叠加左上方叠加的，我们就让这个显示。好，那么这是一个我们呢的一个什么商品，就是商品信息类页面的一个分析。

页面页面。实页面实现的一个分析啊好，那么这个的话呢，我们就是。要去一会儿去去先我们先保存一下啊，然后我们去实现。