15主页面布局.avi原创

啊，接下来呢，我们来实现这个主页面的布局啊，那主页面长啥样呢？来看一下，哎，主页面就长这样啊，会话页面联系人设置啊。大家看一下这个。啊，这个是联系人的，这个呢是。设置的啊。我们点击这个007。直接进入到的就是这个主页面啊，那么大家分析一下这个页面啊，怎么来实现。看一下整体。这么一个布局啊，上面呢，这一大块啊，我们都可以用一个fragment啊，或者一个真布局啊来替换啊，先用真布局，然后再用fragment来一个一个的替换，那下面这个呢是什么呢？下面这个可以用一个radio group啊，嵌套三个radio button啊来实现。这个布局。啊是这么一个情况，那接下来呢，我们先实现一下啊，整体是一个垂直线性布局啊，上面放一个真布局啊，下面放一个group。

啊，来到代码中。找到ma。进来。进到这里呢，将这个。根布局变成线性布局啊，并把这些删掉。方向呢，变成orientation垂直的。啊，预览一下。啊，这样，然后呢，把它删掉。首先呢，放一个真布局。宽度match。高度，我给它来一个0DP啊，为了什么呢？我为了让。下面先占满啊，剩下的都归这个flag啊，真布局都归这个真布局啊，Wait变成一，目前是全部填满状态啊，给他来一个ID。

FL。接下来呢，下面呢，放一个radio group。啊，宽度match高度来一个60DP。啊，这样，然后呢里面。先放一个radio。Radio button。宽度。给他来一个0DP啊，为了用这个权重啊，等分一下。高度match。因为它总高度外面就是60嘛，啊，然后这里来一个wait变成一。然后来一个。绘画。啊，绘画页面那怎么还没有显示啊，啊，那我在这个外面来一个orientation。

改变一下方向，变成水平的。这样是不是就有了，哎，有了呢，这个字体有点小，给它来大一点。泰式size变成20SD。啊，然后呢，它左侧有个圈圈，我想把它干掉啊，那是八分。哎，等到。这样呢，这个圈圈啊就弄掉了，然后呢，我想让这个痣呢，居中居中显示。Gravity。啊，这样呢，它就居中了，居中了，然后呢，大家看一下这个图片。他选中的时候。啊是这个字体是白颜色。啊，这个背景色呢，变成亮的颜色，没有选中呢，字体是黑颜色啊这个背景色呢是深蓝色，那这怎么实现呢？首先先改一下它这个背景设background。

显然是用到了一个选择器may，定一个选择器bottom。啊，主页面的底部的背景的选择器。有啊。我们来创建一下。LC。来到这里面的resource下面有一个主包这文件夹啊，然后呢，右键又一个resource。粘过来，粘过来之后呢。来一个A。然后。安卓下面的啊，Color什么颜色呢。Blue啊。蓝颜色啊，选中的时候呢，是这个亮的蓝颜色。那我这里来一个tract。选中。处，嗯，颜色。

好，接下来CTRL加下啊，下面这个呢变成。也是补录，但是呢，变成是深颜色，没有选中的时候是深颜色，这样呢，这个背景色啊做完了。接下来。就是这个文字啊，这个文字选中的时候是白颜色，没有选中的时候是黑颜色。啊，那这个选择器又怎么做呢？Test。那这里面呢，是颜色的选择器啊，那我这里来一个main。然后什么呢？Test。Color。然后呢，是select。SEZ。那上面这个我是不是写错了set，然后把这个呢，也改一下名称。

右键。Rena。这改成。SELECTOR。OK。好好，这个呢，我们创建一下C在哪里创建呢？一定要在这个color下面啊去创建，那我就用一个color。文件夹，然后呢，将这个选择器啊，创建右键又一个。哈，资源OK。然后呢，下面来一个item color，安卓下面的color。来一个。选中状态是白颜色，白颜色。Tract。减重。然后CTRL加下啊，这个呢，变成黑颜色black。这是false，没有选中的状态。

然后再回来。我们预览一下。这个会话页面啊，这样就差不多了，那还有两个button啊，还有一个是会话联系人和设置啊，这几个按钮怎么实现呢？很简单，选中看Q加下一二。会话联系人啊，分别改一下。啊，那这个是。设置啊，设置页面。这样呢，这个整体这个页面呢，啊，就绘制完毕了啊，我们来运行一下看看效果。啊，运行起来了啊，运行起来之后呢，我们登录一下。艾特硅谷001啊，要登录。

登录成功啊，就来到了这个主页面啊，点击选中。啊，是不是选择器生效了啊，背景色变成浅蓝色啊，这字体颜色呢，变成白颜色啊选中选中。啊，这效果还是不错的吧，嗯，不错的，接下来呢，我们再实现一下，实现什么呢。哎，这个样式啊，我要抽取一下这个看起来这么多啊，我能不能复用呢。啊，是，显然是能的，怎么办呢？我先把这些。都复制了。呃，包括哪些呢？这个I绘画，这个不需要绘制啊，因为呢，下面每个都不一样，其他的包括这个宽度高度啊，Weight background啊，Button。还有这个居中。颜色啊，字体大小完全都可以复制。啊，我先给它剪切吧，啊剪切到哪呢？剪切到layout the values styles啊放在这里面，我来建一个样式啊，建一个什么的样式呢？啊，底部button的样式。

STE。然后里面呢，来一个main button。Style。啊，这。好，这里面呢，就是一个一个的item啊，跟上面完全一样啊，我先给它粘过来。啊，然后我们再一点点去写啊，我先复制过来一个。首先把它变成什么呢？变成它啊，变成宽度。然后呢，后面这个值呢，变成0DP。啊，这个变成0DP。啊，完全仿照上面这个样式去可以修改，然后呢，按CTRL加下123456好。

一点点粘过来。然后呢，这个是match啊，千万别粘错了啊。Wait。好，后面是一。Background。然后右边是这个选择器。然后呢，这个是button。右边是闹。这是gravity。变成居中。然后呢，这有一个颜色的选择器。嗯，复制一下。然后下面是这个字体的大小。哎，我说错了。小心啊，这个是。颜色啊，颜色变成这个。

嗯，是不是还缺一个反转项。再来一个大小。20、SB。啊，一定要对一下啊，第一个是宽度啊没问题，第二个高度没问题，第三个we没问题，Background没问题，Button。Gravity啊，T color，还有这个size啊，一切都没问题，好，我们接下来用一下把它干掉。引用一下这个样式。来到这个界面啊，这里面来一个style。是代表什么呢？Button style。看一下这个效效果变不变，是不是跟原来是一样的啊，接下来呢，我们就把下面的所有的啊，都按照这种方式来弄一下。先把它剪切过来，嗯。啊，这样式复制一下。

张来。下面呢，这个是一样的啊反S。把下面的通通粘掉。啊，我们先预览一下，看看有没有变化，是不是还是没有变化呀，哎，好，我们来运行一下，看看跟刚才是否是一样的。好运起来了，看一下啊，就来到这主界面，哎，点击选中选中选中哎是不是跟刚才是一样的啊，这个就是这个样式的抽取啊抽取好接下来呢，我们要把对这个页面呢，这个布局中有哪些可以操作的控件啊，附一下ID，首先呢，这个上面这个真布局啊，有了一个ID了，好这个read group它也需要一个ID进行设置。ID。R。

这个是main模块，嗯，行这就可以了，然后呢，这个是绘画ID。IRD。二逼什么呢？妹们，或者下载聊天，那就是fat。下面是联系人。那就是idd rb。Main下面的联系人gun啊联系人好，下面呢，这个是设置页面啊，Idd rb。Main main下面的什么呢？设置载好载。好，这个布局啊，就结束了。