28.尚硅谷_硅谷商城[新]_商品信息列表类布局文件.avi原创

好，那么刚才我们分析了这个页面后，接下来我们就实现了啊，这个页面特别的多，也就是目前最复杂的一个页面，那分析过后呢，它里面又非常简单的组成，然后这过程中如果我们一点去比较费时物，就按照这个按照一定的顺序把它给讲解，使得把它给啊借鉴。好，我们去实现这样的效果的话，肯定是要去布局了，对吧，因为我们这个地方里面要实现一个什么的效果呢，它是这样的一个效果。就是啊，这也就是整个外面它是一个线性布局，这是一部分。中间是一条线，下面是。这个什么是我们的一个什么真布局三部分，好，我们先把这三部分呢。给结构给做出来好。那么我们来到这个地方，把最外面。好，我们给大家看一下啦。这是那个案例。

好，来到布局这里，把这个改为我们的线性布局，好这些填充呢。干掉好干掉好，那么我们在这个地方里面的话呢，方向一定要注意方向是什么方向啊。这个垂直方向好，它有三部分，这是一个标题栏，还有一个是分隔线，分隔线很简单，但是也算一部分的哈，啊，我是按照层级来的。还有呢，下面的就是我们的这个，除了就是真布局。好，那标题的话是什么呢？如果是单纯这样讲的话，标题这个应该比较会吧。那么这是一个什么线性布局对吧，一个图片文本，那这个是一个三个点，那么就是一个线性布局，好那么这个部分就比较简单对吧，要做这样的效果的话比较简单，好我们就直接从这里。

把这个。标题部分。拷过来。好，粘贴到这里，这没问题吧。好，那么在这个过程中，这里面有要写图片，你看这里面就是。啊，填这个创通体高包裹有攀定，那这地方呢，就是我们的一个图片，好，我们去搜一下。好，然后呢，图片。复制，然后粘贴到我们的这个目录下。在这个job htm目录下。OK，接下来这里面有一个墨，这个一个图片。好。我们呢，因为在整个这里说了，应该只在这里收。

好。哦，直接拿过来了。嗯，就这。好，这时候呢，大家可以看一下，就是有了这样的一个效果了，对吧。那接下来分隔线，分隔线就比较简单了啊，就是一个什么呢？就是一个view对吧？好，那么它是一个什么呢？黑色。要是一个灰色还不全是黑对吧？好粘过来好，大家可以看一下这个有了一根什么。线。大家可以点这个地方去预览，就有这样的效果了啊。然后呢，就有连线。好，那接下来下面这个地方是什么呢。就是比较丰富了是吧，那么先把这个真布局啊。一部分拷贝过来。那这个呢，真不接。

好，然后。真布局这是一个整体哦，是吧，好，那么他把剩下的给填满，好，那我们看一下真布局这里面。我们刚才分析过了真布局，这里面有两个线性布局，两个线性布局，然后有更多是吧，好，那我们这个时候把这两个线性，这个线局更多把它给。先注释一下是吧，好两个新型布局。这里面就是在它里面线性布局好，然后这地方。线性布局，那这里面呢，有更多。好这么好，那么在第一个现金布局里面呢，它又有可以滚动对吧？好，那这个时候我们就可以这样去做了啊。我先把这两个线布局给。

拿过来。先把这个。第一个陷阱布局。啊。把它给。复制过来。好，第一个陷金不里面呢，一会就放什么，放那个类对吧，好第二个陷阱布局。这个先不对。这个现金布局里面，其实就是什么客服的这个东西比较简单，我就直接把它给拿过来啊。是什么呢？就这部分。怎么分？那我就直接把这个新布局。那个来了。先不去。

中间这个。好，然后拿过过后这个过程中。他会报一些错，那我就先把这些错呀，也顺便解决一下。好，把它扶着。粘贴一下。好，然后把这个复制。来到这里。战略下。在电话里面转你一下。好，那这个。战略一下。好，还有一个图片。好，这个是一个选择器，要放在哪里啊。

旧目录下对吧，一般就放在目录下好，那么。我们。把它放在这里。好，这里面呢，有两张图片。八的是吧。好，复制。粘贴到这里。好，还有。好，那过来。好，那么我们看一下这里面在底部是就有了这个效果了，对吧，一会的话这更多，我们到时候单独去引用。就是说在这个地方里面，更多单独去引用一个啊，或者直接在去选型，然后我们有了过后呢，在这个地方里面，信息布局里面。要干嘛呢？好，也就是最复杂的了，那这个线布局里面要实现我们的什么样的效果呢？这个效果看到没有，这里面有。

正面是够用。要想让这个食物幼儿都起作用怎么办呢？好，那这个时候就要用到这么一个类了。这么一个类。它里面可以放两个左右。大家好。在这个线布局里面用到这个类。好，那同学们这个类呢，它里面说明一下。可以。放。两个石窟髅，好，那这个类其实在哪里呢？就是我们刚才给大家看的那个。在这里。这个这个是不是可以下来啊，那么刚才我们是运营起来了这个案例好。

我们呢，把这个只要把这个类拿过来，只要这个类就行了。啊，你看这里面它的话呢，就直接这么一个小案例，直接把这个类拷贝过来。放到我们的应用。下。这个。啊，这个类的话呢。那么我们就把它放在哪里呢？我们可以放到一个公共的类里面是吧。View。好，然后右键。站过来。那右键。拷贝。那么把它给。替换一下好一点就能进去了，就可以了，好那么这里面有两个输U是吧？好，那接下来我们要干嘛嘞。它有两个收入对不对，那么我们就要去把这个两个收入。

先做出来。好，两个手有。这是一个对吧。好，然后下一个CQ。在这里。好。这收入，那这个收入最下面这个收入，它外面是套的是一个什么。是一个w you吧。用它加了web view，那我们就直接把这个呢。把它给这个是不用直接复制到这里面了啊就。下面这个四个好就有了，那你注意它这个地方里面，还有就是我们四个U这里面。我们还可以把这个什么要在这里滑动。

这里面是没有啊，把它给去掉，但是这个外围里面最好有啊，留留这个坝，但这里面就没有这个啊，我们也就是说上面就没有，下面就把这个去掉。把这个八去掉对吧。好，那里面里面的东西是什么呢？就这部分呢，同学们，这是一张图片。这个是一个什么文本，文本文本。这个图片文本这一系列的就是一个什么布局啊，应该就是一个新的布局了吧，对不对。好，那么我们可以把它在这里，那我们就这部分的话呢，要去的话很费时啊，我们就直接把它给过来。拿过来。好。把这里面的它是一个先进布局。要费时啊，去写的话好复制。粘贴到我们这个地方。

好，那么如果他还有什么错的话，我们就去解决一下就可以了。好，那么这时候看到的就是这样的一个效果啊，看到这样的效果。OK。好，那有个同学们在这个地方里面就。有了分割线先布局先有了，那这个地方里面还有一个就是什么，刚才所说的更多，更多的话要弹出的是什么呢。这样的一个效果。好，那么我们呢，就以包裹的方式方式。去可以去引用我们的一个资源知道吧，啊更多更多的话，我们在这个地方里面呢。就是它就是一个布局啊，摸out我们的。直接也去把他拉过来。你看这个布局要显起来就是一个什么线性布局。是吧，嗯。新布局可以去套这么一个，可以是完整一个图片，也可以是什么图片文本是吧，好。

然后我们去引用。Out，然后呢，改为这个这个model out，没有，我们要去把它给拿过来。好。把它给复制一下，放到我们的这个layout这里。好，那么大家可以看一下，这哥们呢，它就是有。在这个分享这里。你看啊，在这里面就是。就是这么一个做法。就是这里面有一个按钮是吧，一个按钮，然后这里面呢，就有三个文本去实现的效果分享搜索。首页，那么在这个地方里面，它就是T的文本做的，文本做的啊。好，那么我们在地方里面把这个图片。

啊，他可能其实我看一下他在这个地方里面一点按下去。没有效果，那没有效果就直接是图片，如果有效果的话，应该就是选择器对吧。好，那么就是一个图片。啊，复制。粘贴拷贝到我们的这个目录下来。然后把这个也从这资源文件里面拷贝过来。好，然后在地方里面呢。再去。再去把它给那个了。好，然后在电话里面去把它给粘贴一下，对吧，好那么这个时候有个，但是这个默认默认是隐藏的啊，如果去我比比如说它显示出来。大家看一下就是这样的一个效果知道吧。

就是说它是填充整个窗体的。但是真正显示的。就是。内容这里面是包裹啊包裹，所以下面这部分呢。就露出来了对吧，所以就是整个盖在上面这样的一个效果好，那么默认的话呢，是隐藏的啊，所以看到的。为啥没有对吧？好，那同学们我们呢，这样的效果就是这个布局呢，就写好了，好，那我现在再去运行起来，给大家一点击，运行起来给他看看。这个时候呢，我们来看一看是什么样的效果。好，正在运行。好，然后我们去点击一下。对于这个。好跳转是吧。现在是不是有这样的一个效果了。好这些，当然这些点击事情都没有做啊，这个地方诶也是也可以滑动了是吧，也可以滑动了，看到没有也可以滑动了。

啊，但是这里面没有显示数据啊，啊，这个页面呢，就被我们搞定了这个页面啊，同学们注意啊，要去选的话特别的麻烦啊，所以的话，我这个过程中啊就是。这个别不浪费时间啊，就有些都粘过来，但是也分析清楚了是吧，好我们看一下在这个地方里面，基本上也就是这个样子，是不是啊，这里面没有背景那种图片。啊，一样的好，那么在我们这个地方里面的话呢，我们就要去这个继续做我们的事情了，那这个页面呢，就被我们相当于写好了，对吧，啊布局啊，它是一个难点吧啊。