4.MainActivity主页面布局.avi原创

那接下来我们就要进入主页面，是要来到主页面，是做我们主页面的功能了，对不对，是不是啊同学们，还有一点，这个图片我们感觉老土啊，是不是啊，那我们是不是也要他叫个什么三月语音啥的，是不是啊，这这你看这个都都比较好看，那我们叫三月一四好吧，就为了区分一下啊，到时候我们再改成三月一，那我们是先要把这个名称改一改啊好，当然了，在改之前我先可以把这个。刚才所说的代码可以提交一下吧，怎么提交就点这个了，以后就使幸福质量就很高了，好然后点击这个commit，好，这个时候你看只要弹出这个来就正就是正确的了，看到没有好然后提交过后，这个地方里面你看是弹一摆的话，应该会变变色。啊，应该是可以了啊，肯定可以了，那这个类我看没有的话呢，可能就是要。

难道我们？添加嘛啊，应该应该是应该是可以了啊好了同学们，接下来我们要做什么事情呢？我们接下来就要做做我们的主页面，就这样的一个效果。就是一进来，一进来要做成这样的一个效果，那么在做这个之前呢，我们先把图标搞定，这没问题吧，图标是哪个嘞？就是我们的一个叫这个好，我把它给复制过来，复过后呢，我们把在这个地方里面是这几个目录，是专门装图标的什么问题吧，那么图标那那假如有天有这个面试过问你，你说你说一下这个图标要切多少个规格的。怎么做你特简单，你可以看一下它的属性，你说这是一个规格T2乘T2的对吧，还有啊一个是。啊，再去打开。

啊，还有一个是多少啊，四八乘四八的对不对，是不是可以成这样的规格啊，然后这每一个目录就有不障图片，所以1234大概五张图片。那五张图片呢，就是在不同的屏幕上的，它会用不同的图片知道吧，但对于我们而言，是不是都要一张就可以了，对不对，我们现在啊，没有这么多美就没有美工嘛，啊，我们就把它给覆盖了，这没问题吧。是不是把它给替换掉。好，然后呢，把它替换掉，都有了吧，好以后都用这张图片对吧，这张图片哇塞挺酷的是吧？好然后接下来名称要改改吧，之前我们叫这个这个，那我们就把前面这个改成叫手猎音啊321影音对吧？好那么这个时候再去运行呢，这个们呢，它就比较好看了，它就能够和这个哥们一样是吧，你看他就是瞬间就平级了。

对吧，好，这时候他们就在一起，在一起了，好，那接下来我要把这个页面，把它做成是这个页面。大家想想该怎么做？对吧，好，大家略看一下这个地方里面可以来回的切换，对吧，这个下面是什么。是堆牛轱辘虎里面桃的牛八层对吧，然后这个地方一点按一下就是有变色啊，文字是也变色啊，你们这一整块你觉得是一块是一整块，是一块图片呢，还是这是图片，还是这是文本。上面是图片，下面是文本，哎，这个一整个空件是内六八层，知道吧，六八层它有个叫顶部有。

Job top它有设置一个图片，这没问题吧，外面它是一个radio group。也就是说它是这样的一个效果，这个它是一个radio glo，这个是radio button radio button呢，它可以在顶部设置什么图片，这个文字呢，就默认，它就默认会在下边知道吧，好，这没问题吧，好，这是一个泪流八层，这是一个radio button，这是一个radio button，好。然后当我们点击这玩的时候，不实现不同的切换的，然后这里面我们一会呢，会设置我们的啊四个页面。一个两个是提前实力画画好，然后我在动态里切换。这没问题吧，然后有了过后，那我怎么实现动态的把那个内容给改变呢。

也就是说我一会会用，就说中间这部分啊，中间部分把这554个页面不停的替换，是用来替换，大家讲过吗？讲过对不对，明白吧，然后注意每一个页面，这里面是有一个标题啊，那注意它就在页面里面的啊，每个页面里面的。啊，这个到时候呢，我们可以这个写在页面里面，这个这没问题了吧。好，现在的话呢，就是下面这个，然后上面呢，就是我们的这个，但是大家想一想，大家想到的是我下面，我现在在布局里面，我知道在主页面里面一会我们去。这个是瑞丢我们的鼓楼普对吧？那问题来了，上面该选什么呢？

注意，上面是一个真布局。真布局，因为我们fragment是不是要填充在帧布局上啊，然然后然后再去替换不同的页面，然后实现不同的切换吧。我们的软件架构同学们，下面是我们的lady，上面是啊啊真布局，然后真布局里面就填充一个G，然后把不同五个页面不同的加载进来，就这是我们软架构，没没问题吧，OK，然后的话呢，就实现我们这样的一个效果，就是每点某一个就切换，然后注意这四个页面。他要继承一个公共的页面。就继成一个base配置，为什么要继承呢？因为我们要去点击这个页面的时候，是刚好得到选择它ID啊，他ID的时候是会刚好去得到第一个页面呢，这得到第几个页面呢。

那这样的话，我是不是要把这个页面集成一个公共的页面，我才可以把它放到几何里面才可以用饭行呢？如果没有集成公共能，我怎么把它装嘛。一个类他们没有共性，我们怎么用它做型呢？啊是不是集合，它一个监控号里面是要一个写一个类吧，这个类的话肯定是这些各个页面的公共的部分的公共的一个积类啊才可以做判行吧，那那如果五个类他们集成的负类都不一样，那你那你怎么把它装到集合啊，集合是装相同的，那个是有共性的吧，对不对啊，所以我们要把它进成一个积累，这没问题吧，好，那同学们接下来呢，我们就把这个这个先把这个布局给做出来，然后再把积累搞定好，那么主页面很简单。

好，来到我们的这个地方。这个时候把这个再把它干掉，改为r.lay然后这就是我们的这个activity may这问题吧，然后把它给创建一下。好，那么我们的像这样的一个的话，它是一个上架结构，上下面是对丢lo下面是一个针布局是不是，那这个时候应该用什么线性布局好非常正确，然后有那个后在我们地方里面呢，方向是什么方向啊，垂直方向上面是一个分部局宽填充复状体高，注意了零底撇，为什么呢？因为我需要它把剩下的给占掉，是是这样的好，然后权重一什么地方，然后我们这个地方里面呢，就是好ID选一项FL的一个me对不对，那下面是radio什么radiolo，普宽填中双量体高，这是一好那里面是有好多孩子啊，注意这个内内丢古乐普他继承的。

这是什么线路布局啊，所以它也应该也有方向吧，好水平方向对不对，好那这个时候有了过后呢，在我们地方里面呢，它有一个内编剧pan，然后五个DP，然后是不是我们下面有一个背景呢，它其实有一点颜色的是灰色好背景好，然后井号22123456，不能太是是有点浓了，知道吧，好，但是我们现在又没有内丢，没有内丢八整是不感觉根本就没有显示出来，好这时候呢，我们写一个radio button，宽包裹高包裹，然后文字我们写一下叫做本地视频，那文字的大小text一个SIZE14SP。

然后这句话里面呢，这个有了吧，好在它顶部job top是可以引用一张图片的，好这个图片，这个图片呢，我们已经准备好了。好在这里面的图片，好，那些图片的话呢，我们给大家看一下，在这个地方里面呢，好这些图片看一下啊。图片，Table。你看这些是不是就是就是这些图片了，对吧，好，那也就是大家看到的，就这些图片看到没有好这个。

图片。这图片然后预览不出来了，以前就预览之出来的。显示。啊，显示我看啊。好，到时候我再再再去弄，然后的话呢，我们点这个。看哪里查看是吧，这里是吧，菜单能吃吗？这里是吧，文件。查看。在这个什么。

在在说图上显示文件的图标。这。如果设置默认呢，默认值好，到时候我再去课下，我再做一下，然后这地方里面呢，我就直接把这个图片叫I table audio搜索的，好这些我们都都拷贝过去吧，好，这看不到的话真是麻烦了，好我们把它给复制一下来到这里，好那这个地方大家看一下我在这个地方里面的图片设置jobber HD目录吧，好把这个目录直接拷不过来就没问题吧。好，然后把它给粘贴过来。转过来，好，这图片比较多，然后在这个地方里面呢，好，我们先是这个时候我们可以看名称就比较方便了吧，好，那么我们就是好video video，好这个是我们的主页，其实就是我们本地视频，好table，然后video准备题吧，我们先用这么一张图片，好这时候呢，看到的是这样的我的效果了吧，好，当然我们可以来在这里面做预览。

好。点这个地方。在地上。然后呢，这里面是求有这么一张图片了，好，然后有了过后他们的距，这这个间距可以设置1.pen定pen定一个什么。这个五个DP好，大家可以看一下，你会发现这是有间距了吧，对不对，然后它内部内部的话应该是竖直方向居中吧，竖直居中吧，好这样的话呢，这个时候它就会居中，然后这样的这样的图片有有有有多少个四个对吧？好两个三个。

四个对吧，有四个，但这个四个的话，是不是我们要它平分呢，就应该用什么权重一对吧，你看现在是这个把米占了，占了对吧，好。把它给占了，注意这个个是这都是显然是很很很丑啊，那么应该是内部，什么内部他也要得居中啊。你看这样都好看了吧，对不对，但是呢，把它给这两个拷贝过来是可以了，这么问题吧，好，那有了过同学们在我们这个地方里面有了过后呢，具体的细节一会我们再做，那么大家好，那接下来我们地方里面的话呢，做到也这个地方好，我们接下来是是要把这个做一做啊好，它有一个颜色，就是我们文字是有按一下这个颜色呀，其实我们也可以先来做一做，就是我们也按下去的时候，它有一个这样的一个颜色，它对应的图片呢，好，我们先把这个颜色给做做颜色是一个，它也是一个，也引用的也是一个text的一个color，它选择就是一个选择器。

我们呢，我们就叫叫tax tax的一个的一个select，一个颜色的一个选择器，是颜色是有按下和默认的，好，我要把它给这个串出来。好，那这个时候呢，有了过后我们去点一下默认的，默认就是注意啊，你们觉得这个用的是一个什么，是按下还是check啊啊注意这个是check，因为我们用的是radio什么它它是check啊，用的是什么，还不能用它啊，用的是check好T默认为force，好这个时候呢，引用的是我们的注意了，这时候用的是我们的can，因为颜色嘛，对不对，文字的颜色，注意我们在这个地方里面是文字的颜色啊，如果你引用就虽然我们引用的是job，但是我们这个值的时候不能是job job会崩啊会崩溃啊，这个时候呢，我们看了那什么颜色，这个颜色我也记不住啊，记不住的话呢，我们就直接。

对，把这个呢拿过来，这个颜色特别不好记，呃，什么一个颜色，你看这两个颜色你是不好记啊，是不是好，那这个是一个好，一个默认的好，接下来是有一个按下一个一个选中的一个颜色好，这两个颜色也不好记，我记不住，然后呢，把它拿过来，也不说实话，大家呢，这个颜色的话，工作啊也不需要大家记，为什么呢，美工帮你标注了知道吧。

因为设计师帮你设计好过的标注用什么颜色，它都已经标注好了，明白吧，OK，好，那这个地方里面我们可以看一下啊，当然默认的时候呢，我们可以是看不到的，好，我们去把这个啊，颜色是都可以拷贝到其他空间里面去啊，拷贝到其他地方里面去，好那有了后同学们，我们这个时候就有这样的一个效果，那么接下来有过后，我们接下来还要做什么呢？就是它引用的图片。是不一样啊，对不对，好，那么我们去把这个你用的图片给做一做，那么在讲图片之前，我们先把这个ID写一下，D，我们简称RB是这两个，这一个简写了，好我们就是V点视频，然后我们对应这个图片，注意图片是也有一个。

一个选中状态啊，看到没有一个状态，那这个时候呢，我们就不能对就是固定的图片了，好，我们就叫它的一个s select cut select这问题吧，好把它给串建出来，好，那在我们地方里面的话呢，有过后好同学们在这个地方里面也是用我们的七壳吧，好，这是默认是负十，好引用我们的图片，这个时候我们可以用图片了吧，好图片然后在我们地方里面的话呢，就是啊table包的一个。

Video。啊，这是一个预留，是不是有一个按下去的，对吧，一会还要去找一个按是按下去的，这是默认的。好，然后把它给拿下来，这个为Q，这个呢，有一个按下去的搞定了吧，好，所以大家看到的效果的话呢，就是这样的。还是不变，但是这个是变了吧，好，然后在地方里面第二个，第二个的话就是本地音乐音乐，然后。引用的这个ID，我们来可以写一下好RB，然后就是我们的R丢对吧，复制一下在地方里面的话呢，我们去把这个改为什么呢？就是它的一个s later是吧，好把它给圈出来。

好，那么这个时候呢，就是我们的一个这个T为Bo，然后job job的话就是我们的凹。是吧，那这个过后这个是为多少Q，这里面就是按下去了吧，OK，好，那这次是有了这这个图片了，好我们就两个按钮，你看变了吧，变了吧，本地音乐好接下来就是网络，网络视频呢，那视频那这个时候我们的ID也改一下叫RB，然后net video网络视频吗？好那么它的图片的一个选择器S拉卡对吧，把它给创建出来。

好，那在我们地方里面的话呢，Check first job，好，那这个时候它是一个net网络视频。这是audio这个吧，是吧，好，然后有那个后这个check这个为Q，然后job，然后net net视频网络视频的一个，这视频吧，暗的效果。就搞定了，好是最差最后一个了吧，好ID好，那这个地方里面的话呢，我们在地方里面就是呃，就是RB，然后对应的是什么呀。

就是net audio是不是audio啊，Audio是我们音频吗的意思啊，好，然后复制。然后把这个门改一下叫selector对吧，那这个是网络网络音乐，好那这个方里面呢，把它给什么创建出来对吧？好那么在我们这个地方里面的话呢，好写一下item check first，那job默认是false，诶么是引用我们的图片就是net。刀了吧，好，这个是刀了，好复制下来，复制快捷键，大家知道怎么用吧，你按CTRL键，再按向下箭头，它就把上一行复制下来了，好的同学们，在我们地方里面的话呢，这个时候就是按下去的效果吧，好OK。

这时候呢，就有了对吧。好，那同学们这个时候看到的是这样的一个效果。是吧，那么这个时候我们是不是可以，你会发现好多代码是重复的，我们代码是可以更加简洁一点的，同学们好，我们代码格式化一下，大家看好，代码格式化一下。啊，我们在这个地方里面已经格式化了，大家看一下，在这个地方里面，我们看一下这些部分应该是公共的吧，就这个不是公分，和这个部分其实其他都都是相同的呀，那么是可以把公共部分把它给抽取出来，对吧，这部分不是公共的。

这个是特有的吧，特有的，那么这个也是特有的，就这三个特有的，其他都可以，什么车型公共的，那就说我把这问抽成公共的。呃，哪个是这个，这个就就是上面这几个好是这样啊好，那同学们我们抽起来抽到哪里去了，好抽取到抽到哪里啊样式啊好注意了，我把这个复制过来。注意同学们，这个注意你要把那什么去掉，好把它去掉，我们自己写一个，我们叫bottom。Button底部的一个table的一个TT样式，我们总共有几个啊，1234567个对吧？好，复制一把好然后呢，再复制一下粘贴过来对不对？好，我们把它这个粘贴一下对吧？好，然后呢，把这个们呢再剪切一下。

然后把这个注意不要多考，剪切到这里，这是有一个什么空格啊。好，这也是一个包裹。然后接下来是全中啊。好，大家仔细看啊，我就怕到时候出错。好，这没问题吧，好剪切看这里这个时候是多少啊五个DP，你看它有提示，其实好，然后这个地方呢。

这个地方里面就是我们的什么啊，好，这个已经写了，我就我直接写一下啊，其实也可以，比如说啊是可以这样啊，然后怎么对齐啊生你看这个可以写啊好接下来的话呢，这是好这个tax看吧。然后引用我们的这个。Job的谁呀，就可以，然后的话呢，就是你看好，然后这个时候这size的话一是多少啊14SP对吧？好然后地方里面的话呢，我们就有了这个信息对吧？哎呀搞定了，好来到这里，好这个时候呢，你看现在是报错啊，注意一个空间最基基本的要有高和宽吧，那所以的话，当你没有高宽的时候，你看它会告诉我们说高和宽是没有啦，好S样式啊，引用这一个TTY下的波是这个是搞定了，好把这个代码拿过来。

把这个引进去，好，这个是可以干掉了吧，这个留着这个这干掉这个这些都可以干掉啊，是OK啦，卡了是不是也可以干掉啊，OK，好，那接下来把这个复制过来。好，这个干掉，这个干掉。这些干掉OK了吧，好。

把它复制下。好，这个干掉，但这部分不能干，它是特殊的，对吧？好，这个干掉，OK，你看代码很简洁了吧，但是我们看一下，它还是一样的，我们运行起来给你在座各位同学看一看，我们共同的劳动成果，对吧，我们看一看。然后我们惊讶的看一看，哇塞是吧，好，哇塞是比较丑啊，但是点击是基本有了，还记得我们之前瑞瑞丢古肉谱吗？这个是不是它本身就有这个效果啊，然后它就有这个效果，但是按下去效果颜色是挺好看的对吧？但是你会发现这哥们也太丑了是吧？长了这么一个，那怎么办？是把这个去掉啊。那现在你想到的怎么去呀，然后在地方里面加这么一个属性同学们就可以了，它有一个八成button过后呢，这时候我们去把它设置一个安卓，然后呢，看了设置透明。

知道吧，好，然后再把背景，背景也可以设为透明，大家看好你再去运行，这时候就很好看了，对吧，所以的话注意啊，大家一定要很多这个软件的架构下面都用用下面这种相关，你看好看了吧，这点了这个文字大吗？大家如果大的话改可以改为十会更小，那现在改挺好，改为12。啊，假如说你觉得大你就改啊，或者你觉得小也可以改啊，只是啊教给大家一个方式，你看是可以了吧，同学们这样的话12感觉还挺不错的吧，好，那这样的话一点你看就就就就可以实现我们这样的一个效效果了，哦，原来是这么做的是吧，在以前咱们没学之前，觉得这根本是用什么做的，是图片文本，是外面他个先进布局是想的很多啊，其实确实也是个先进布局，因为内地布鲁普的父亲是谁啊对，所以也可以理解为是性布局，对吧，只是说呢，这个哥们天生有一个选中状态好，那这个按钮是不标也也给加上啊好，然后的话呢，啊，我们就叫做RA rt妹好这样子好就有了我们的这个信息，好，那同学们这一块就是我们所讲的主页面，这没问题吧，好，速度快吗，同学们。

不快是吧。