36.尚硅谷_硅谷商城[新]_购物车展示页面.avi原创

好的，同学们，接下来我们去实现一下。在来到我们的这个购物车这里。好在我们这地方。Shopping cart。好，那我就把这个文本把它给干掉了是吧，就不用文本了。要把这个呢，替换成什么样的东西呢？替换成我们的这个布局了，UU，然后呢，U inflate。上下文，阿典雷奥，我们就gment的一个。P。Cat。这么一个布局，然后呢，最后参数回绕，把这个哥们呢，返回去对吧。好，Shopping，我们把它给创建出来。所以外面用的是什么线布局说的是吧，好，那肯定是填充整个窗体。

好，那接下来我们要去做这样的一个布局，怎么做呢？好，这个做的话一点也是很浪费时间，我们就比较简单，我就直接拿过来了啊。好，那么首先我们把这个部分，这个部分就是我们那个什么标题栏部分，好，那这是一个相对布局对吧。好。这个是相对布局。去实现的。那么给大家预览一下，就是这样的一个效果了，购物车。然后大家看一下在这个地方里面，其实我们的这个背景呢，是一个白色。整个整个是一个背景，整个背景的是什么颜色呢？是一个白色，我们也把它给。拿过来白色，看到没有白色。好，那么这个有了过后，中间是有一条什么线。这就是一条一条线，当然如果是我们全部删除过后，大家可以都看到的效果了，中间是一条线，这条线。

好，我们把这条线，这个线呢，是用什么做的呢？U做的。好，大家看一下这条线就出来了。然后刚才我们看了从这个分析这里面的话呢。去到我们的行吗？真布局了吧？好，我们去把这个真布局先写出来。啊，整个窗体里面包含什么呢。包含的是一个线性布局和一个空的，那这个性布局里面不包含三个对吧？好，那我们先去把这个线性布局。这个部分。把这个线性布局这部分先拿过来。线性布局，这里是里面有个线性布局和谁呢？和一个。

和一个当。当我们的数据我看。数据为空的时候显示的什么布局吧。好，那么线在我们地方里面，一会再去做一个线为空的，是显示什么布局呢？好，这个地方以包裹的方式包进来。然后呢，They？好，那么去用什么呢？注意引用的是这么一个。叫cat。空的购物车。这还没有吧，好，我们去把它给创建出来，好，那这个布局用的是什么布局呢，所以。

为空的时候显示什么样的效果啊？这样的效果。这样的效果的话，你看这个地方里面就是一个什么图片。然后呢，文本按钮是吧，那这个时候就是啊，其实就是用一个什么呀，用图片加一个文本就可以了啊速度方向好，我们把它给拷过来。好，那么这个默认是隐藏的对吧，默认隐藏的好，我们把这个图片。那我下。好把这个。这个就是空的时候显示这样的一个效果试下。粘贴。放到我们哪里来，放这里来。好，那这里面还有一个。图片。

好，那么大家看一下，这里面是job对应的，那就是什么放在这里。好。那就是一个。按钮好，我们给大家先预览一下。是这样的一个效果啊，做一个红边啊，红边按钮，那我们默认的是隐藏的啊OK。好，这个时候就有了。有了后，同学们在我们这个线性布局里面，刚才分析过，线性布局里面要包含的是。一个6U和两个新的布局对吧，那这个六就比较简单，它要把剩下的给撑满对吧。好，那这个时候我们看一下。找到这个。我们的。这里面。那么你看是一个权重啊，把它称满好把它给复制过来。

好，那这个是我们的一个对吧，填充成本好，它背景呢，是一个有点灰的的一个效果，那下面就是两个什么。是两个先进布局了吧，好我们加有有加过后。才会有那种。然后添加。好，你看这里面是有一个。结算，这是一个新的布局吧。对吧，还是一个点算出的时候，这也是一个先进布局吧。对吧，好把这两个先布局拿过来。这是一个。结算的时候都信人不绝。放在整理部。这是一个什么结算？

好，然后呢，这里面还有一个缺boss。把它给。对应的就是在什么九五下边。好，那这里面还有两张图片。去boss，我们就收他。好，那么把这两张图片呢。拷贝粘贴过来。就可以了。大家看一下这里面两个小boss了吧。好，然后呢，还有一个就是。删除。就是处于这个状态的这个布局。专注这个布局就是我们的一个。的线性数据。好，那么我们。

把这个再拿过来。好。战略一下好，那这里面呢，就有我们的按钮了。对吧，好，就这个。啊。那我们看一下在这个里面放图片是放在哪里。光是叉HDBI。好，然后我们按下去的呢。还有words就是一按下去的，那么这样我们再去创建一个目录啊。这目录就是存一些比较高清一点的图片啊好就是job。Job AX hdpi。

岗威慑。那刚才的这个图片。W开头的，我们把它给剪切一下，剪切到哪里呢？写到这里。你看这个图片。然后把这个按下去的，这个效果的也把它给拉过来。注意这个是放高清的图片，那这样的话呢，它才不会变小啊，好的好，那么我们整体的话呢，这个就有了，那么这个布局就拿过来，过来过后我们是要把它给实例化呀。是吧？怎么说的话呢。复制。用我们这个工具。还有印象吧？在这个地方里面有一个工具。打开。改为脱机工作。

因为他是本地的，还是本地的好，我们存到这里面去。这个时候呢，这哥们呢，他就可以去设置了。把代码。拷贝过来。到我们的这里这个地方啊，我们把它放在。然后呢，注意它在这个地方里面的话呢，我就直接把它给。这样吧。把剪切放在哪里呢？放在这里。这里，然后这个的话就干掉了，就不用了，但是这里面的话就要去加上U。是吧，好。然后呢？加上。加上。加上。加上。加上。

加上。加上。加上。就是好，那当前的这个类是实现我们的什么。点击事件。那这时候呢就可以了，好，那这些是一些就也可以用这个直接去实例化啊，他就告诉你王者了，我们就把它干掉，那么点击事件呢，我们就把它给剪切到下面来吧。这个区域内是吧，好，那么同学们，我们可以去运行起来给他看一下这个。布局怎么样，运行正常没有啊。好，还有这个空的布局，大家看一下空的布局是我们也最好也是把它给实例画出来，这里面不是有个空的布局吗。好，复制也是用这个工具。生成一下，因为我们去实例化是很慢的。然后就把这两行。

放到这里来。嗯。这两行。然后呢，在这个地方里面。剪切一下。放到这里。好，前面加上这两个。做点实验。不要了，对吧，OK，好。那么同学们在我们这个地方里面呢，就搞定了这个事情是吧。好，我们运营起来。用起来过后看一下在这个地方。点击就有了，对吧，有了这些效果是有了，但是我们接下来是填充数据了，显示示配器了，布局的话现在看来很丑，但是我们逻辑的话，到时候还得做处理啊，重点就是逻辑了，好，那同学们这是我们所讲的这个购物车的这个。

页面啊，页面的一个展现好把它。