04.尚硅谷_硅谷商城[新]_主页面布局文件.avi原创

同学们，刚才啊，我们把这个婚页面做好了，接下来我们再去做我们的主页了，那主页我们要做成什么样的一个效果呢？好，也就是要去做成这样的效果，你看去点击切换不同的页面。注意主页就是显示这样的一个一些效果啊主页。那么这个主页是做成一个效果的话，是什么一个效果呢？我给大家分析一下这个主页。比如说这个页面，从整体大的结构而言的话，整个外面，整个外面它是一个先进布局，上面是一个真布局。这里面是radio group里面签到radio button。啊，上面这部分是一个真布局，然后动态替换。不同的，注意这是一个好，那么同样点这这注意啊，还是同一个布局里面，这里是瑞古普里面推上面是真布局，然后这个时候显示的是另外一个。

这里显示另外一个，这里显示这里显示一个。那么这是我们的一个什么框架的一个搭建。启动页面我们讲了是接下来讲主页面的布局了，那布局就是上面是先进布局，下面是我们内的鼓楼普啊古内普，也就是在我们这个地方里面的话，下面是radiolo。Radio古里面就radio button，这就是radio button button上面呢，就是我们的真布局，然后切换不同的啊整个结构质量，那么关于这个框架的搭建，我单独之前录了一个视频。在这里。软件框架搭建，大家对一些细节不明白的吧，直接去看这个视频，那么本次的话我们就直接去把这布局粘过来，因为这里面讲的非常详细了，大家去看一下怎么切换呢，怎么搭呀，按钮怎么变呢，都可以了，好，那接下来同学们我们要做的一个事情就是把这个布局把它。

拿过来。好把它复制一下。好，放到我们的这个主页面这里。好主力上面是一个什么，先布局。所以外层这个线布局。填充整个窗体空和高，填整个窗体背景是什么？白色，方向是竖直方向。就是上面。底部重视竖直方向啊，竖直方向。然后在这个地方里面就是一个。真布局，那么这里面用一个什么权重。权重的话，意思就是说要把这一块。占满就是把上下的站满，这下面是内力轱辘图嘛，那上面的覆盖占满这些站满，上面站满站满好，这是我们的一个。

真布局里面推动态，这里面以后啊会动态的去什么，用Fla来把这个内容给填充，下面是radio group。下面这个内度咕图，好，大家看一下，这里面又划飞有一张背景图片，有突出去的，就靠这个背影图片。看到没有背景图片。好，那么还有在我们这地方里面有一个样式，样式的话，我是这么一点，到时我把它给过来啊，这个样式我们这样我们先把它给。干掉啊，默认是这样的一个情况的啊，是这样一个情况的，一会儿我们把它给先把它给弄过来，然后这里面的话呢，Job拓。好在这个上面将会，其实这这个整个是一个radio button上面之所以能够显示这个图片。靠的就是这个脚步。啊，这个job首页就显基本个把式它出来。

把它给拿过来，这个样式在哪里呢？我们直接过来了，因为之前讲过了，好把它给复制一下。放到哪里呢？放到我们的这里有一个样式文件，我们把它给过来。好，那么在这个地方里面，注意这个东西要把它给干掉，好，那么在这个地方里面呢，诶，好，这里面少了一个什么引杠啊，好，这个时候就有了。有了过后，在这个里面，这个时代宽啊宽为零。为零，怎么是零呢？是因为我们想让这哥们，让他们平分，所以用了一个什么权重，看到没有？权重，然后被这个button为none是什么意思呢？因为这个内地古洛普啊，这么内地古洛普啊，它默认。它是有一个圈圈，默认有这个图片，假如我我把这个啊，假如把这个暂且把它给解除掉。

大家可以来看预览一下，你会发现这个圈圈。就冒出来了，对不对，要只有把它的这个样式试了过后，它这个时候呢，它才会什么显示出来啊，就把那个圈圈那种效果呢，Radio button默认的图片给隐藏掉好，然后这里面就是文字的一个什么文字的一个。效果你看当他一按下去的时候是变个色啊。变色啊，就靠这个好，我们去可以把它给也可以把这个文件呢拷贝过来好在这个地方里面好，然后去收一下好，然后呢，这个是放在旧本目录下。放在我们的这里。注意啊，放在旧目录下，好，这个时候大家看一下默认的时候。默认的时候是一个什么呢？是灰色啊，然后一选中的时候就变成什么红色了，这样的一个效果。

OK，好，这一块就搞定了。那接下来在这个里面有后，接下来就是这些图片了啊home button，那么就是就是什么一按下去的效果。注意啊。在这个地方里面一按下去，效果就是靠这个选择器job top，就这你看。对于这个空间而言。绝不top。能够在上面显示图片，就靠这个字段。啊。好，那么我们只需要去把这些选择拷过来，这选择都是用check对吧，选中的时候。就会红，不选中的话会默认好把它给拿过来。放在哪里就五六下。好，然后呢，这里面有对应的两张图片，那么这些图片呢，全部都在这。

好，这里面。这些图片我都全部拷贝过来啊好，我们去。啊，来到这个地方。嗯，搜索这里。回过去，然后对应的图片。好。我们把它给。列表这里。哦，这里面有一个红的。啊，有妹妹，这里面的图片我们都拷贝过来。好，就这些。复制粘贴。拷到我们的这个目录下，好，这图片就就有了吧。好，那接下来这个我们再去。给大家把这个选择器拷贝过来。啊，因为这个讲过啊，讲过过后我就直接把它给什么拿过来了，好这里面也是一个默认的手是这样的效果，按下是这样的效果，对吧。

好，那接下来这个就是发现里面的。这个显示器。好放在哪里，放在这里。然后我们这地方里面有过后呢，还有这个购物车的这个图片，按下去这个选择器。好，还有一个就是我们的这个用户按钮，这个选择器。好，那这个时候呢，咱们就有了，有了过后我们给大家看一下，嗯，那么我们希望的是什么呢。在这个地方里面是你看。我们是要把这个标题栏，就是把它默认有个标题栏，我们把它改为什么。

注意要因为我们呢，以这个页面里面主页用到，所以要改为。改，这样OK，然后布局就有了，我们去运行起来，给大家看看我们的劳动成果了。你起来。在哪里呢？运行起来在我们的模拟器上。好，那么大家可以看一下这里方是不是就有效果了。对不对，好，那么在我们这个地方里面，这个主页面的布局就搞定了，那么具体的话呢，这个地方里面就还有一些样子，看到没有注意啊，选中某一个的话，用的是什么。Chick。因为这个下面里面用的是radio button对吧，这个讲过啊，保存保存一下。