18.主页面正文Fragment的布局.avi原创

看一下我们这样是一个主业就做好了吧，但是我们要做成什么样的效果，是基本要做成是这样的一个效果，你看诶诶诶是吧，这是一个切换吧，注意我们这个结构呢，是怎么做的呢？是这样的，嗯，我们上面这个部分。用的是预配节，就是说我点这个地方就相用到预配节第一个页面啊，第零个页面，这是第一个，第二个，第三个，第四个下面是什么radio，什么radio group radio group里面有radio button吧，是这样的一个结构，然后我点这个按钮变化的时候是切换到它的第零个点，这切换到第一个点，这切换到第几个，二个，第三个是这样子，简单吧，好，那么像这样的一个结构，它是一个上下结构啊，用什么布局啊，所以用线性布局，那用相对布局可以吗？其实相对布局也行，但是大家想一想，这个内容是把剩下的全部占满了，这用到是权重，哪个布局里面有权重啊，所以外面套的是什么布局啊，线性布局明白了吧，OK，也就是说这上边是。

四配这个是radio里面推套的是RADIO8层，没问题吧，六八层，那么我们就把这个八层样式改一下就可以了啊好，那也就是说这个是radiolo里面的radio button那一点就切换到与配对应页面，注意这个这个这个这个这个都是属于未品未配减页面中的某一个，知道吗？好，那同学们接下来我们就选这个布局，那么。擦掉，这个时候要在哪里写呢？是要在我们的content什么Le里写呢，把这个，把这个文本改成什么，改成我们刚才画的那个图啊嗯，好，那么同学们把这部分咔嚓掉，咔嚓掉，不要可惜，不要可惜啊，那接下来这个地方里面呢，就是啊view view，然后嘞啊inflate，好，这个content out。

啊，Lay out，然后对应的就什么呀，Content啊flag是这样的啊啊然后呢，为多少啊就为number吧，然后把它给什么返回啊那么把它给什么创建出来出来。好，那么用用的就是我们的什么，先不局吧，好那这时呢，我们去点击看一下，好，然后在这个内里面就有了，有了过后我们上边就用的是什么于什么菲解吧，好那么高的话多少啊，0DP是不是啊，0DP是要设置权重啊，权重为多少啊好，那么权重为一，那ID我们就叫VP减，是其他地方也有个叫VP减，那有冲突吗？不会，就比如说咱们班有一个人叫张三，隔壁班也有一个人叫张三，他们是可以可以区分开来的，好OK，那么下面这个就是什么呀？Radio group吧啊宽天的话你高包裹类型对吧。

好，然后还有方向，方向就是我们的这个水平方向吧，好，这根们怎么有方向呢？因为它继承的什么线性布局是吧，你看这个都有是有方向，那么这个根本是也有方向啊，他继承他了嘛，他有方向是不是我们就有了这个方向啊，因为我们继承的是形成布局对吧？好然后它这里面呢，设置一个什么背景啊背景大家看一下这个背景不是蛮酷的吗？是吧？好灰色的是吧？好，然后我们呢，去把这个图片拿过来，就这个哇塞啊，挺酷的是吧？啊灰色的。

灰姑娘是吧，啊传了灰色好，然后把它给粘过来啊，然后啊去把这个啊button记了吧，好这说呢就搞定了，好那么有过后在我们这个地方里面，我们可以去这样去选，对着这个地方去选对吧？好那么我们在这个地方里面有了这个过后，接下来去选一下radio什么八层好好包裹包裹，然后它是在嗯，是在数字方向应该是什么垂直的对吧？好那我们可以这样，就是相对于负类的话啊，负相当于是负式头发应该是什么垂直的对吧？啊ID写一下ID的话就是RB，然后RB是这两个这个单这这个。

空间就减显了，是主页吧，那它默认是有一个圈圈呢，一会儿我们把它干掉啊好，接下来text它是一个主什么主页吧，好，然后文文字的大小要设置为多少啊，14R SP啊不是很大，好，那么有了过后大家再看一下啊，因为以后可能有些地方字比较多，到时候我们再调都没关系啊好，那么在这个地方里面大家看一下，是这里面有一个图变了，这图片上还有按下就是文字也变，这个图片也变了，注意这这一整个空间中，在这一整个空间中是一个radio radio button吧，那么在上面写示图片，那怎么做啊，是有个job，什么是有一个job top啊，是在这里面去显示我们顶部张图片了。好，那么怎么做呢？我们就叫啊，就叫阿。

痛的一个啊job job啊job你看啊，这一个啊WAB的一个3SELECT select，这明确啊，好把它给什么创建出来，好那么在我们这个瑞丢古路瑞丢轱路谱里面用的单位就不是按下去了吧，用的是什么？对，用的是我们的这个是吧，是Bo呢，是check这个modern force，然后呢，去引用我们的图片，好那图片我们这里有了，好我们就把这张图片给拿过来，这是一张吧，好，那有的同学可能全部拷贝，我跟你说不建议这样啊，因为你全部拷位就可能会一软件变大，你每次运行就就变得特别慢，知道吧，你显到哪里就就加哪里啊，这样会更清晰一些，复制下。

这是两两个按钮了吧，还有的是呃啊这个三个四个五个，就五个复制下好把它粘贴过来，所以的话你不要考太多啊，有同学偷懒全部拷贝是吧，这样的话就会有些错啊好，那接下来就是我们的home是吧，好然后接下来这个CTRL键下发键，这时候呢，就直接拷出这一行了，这个接下来就是有一个什么按下去的效果吧，好那么这个时候大家看一下，我们就有这样的一个效果，但是这个圈圈是扔了还在呀，我们教大家一招，把八场设置为多少，我们那是可以啊，或者把背景设为透明也可以啊啊把背景设为透明，比如说安卓啊，是直接文档啊，文档就可以，好，然后有了过后。

那里面的内内部应该是什么居中的，还有图片和文字之间要有一个什么距离呀，叫job什么叫叫job吧啊五个DP，大家看一下是不是它有点间距了，对吧？啊，那么这样的话有这样的一个效果了。

然后有了过后，注意这个文字我们一按下去要变什么颜色啊，是默认是白，按下就变什么红了，所以我们这个时候呢，同样也要设置一个开始文字啊，然后呢，把这个复制粘贴一下啊，那么这个时候就是啊，就不能叫红了吧，就是叫啊button的一个tax corner是不是是所有的都是这个一个颜色啊好那么那么呢，把它给创建出来，好，那创建出来过后，我们完全是可以用这个的参照。然后这样是更快一些，那既然是颜色，这个要改成什么，看了下面是也给你看的呀，默认是什么颜色，是白色啊好白色，然后按下就什么颜色啊，红色对吧，红色代表激情，代表革命是吧？好同学们我们都是一个调子了是吧，因为我们完全融合了，好那大家看好我们呢，就已经非常看到我们这样的一个效果了，对吧？好默认呢，是白色对吧，然后按下去的时候呢，就是啊里边颜色好，那么我们有了过后，总共有多少这样的一个按钮啊，是五个，那我们是可以把一些公有的，你看是每一个按钮都有这种状态，是只是这个这个是特有吧，这个特有啊，这个特有是就把这几个是特有的，就就就就把这公有的，这些是公有的吧。

把它抽取到哪里去啊好，抽取过去是吧？好，大家抽过吗？抽过是吧？好，那我们抽一下啊，抽一下比较简单，好，然后把它给复制一下啊，很贴，然后这个继承我们是不需要啊啊然后我们就叫啊button button的一个啊T的一个T好那这个时候呢，就有了，总共有1234567个对吧？好，复制好，然后再复制一个是吧？好，那么呢，把这部分剪切过来，咔嚓，明白了吧，好包裹。

这个地方好，注意这个地方也不能少，剪切一下好，再把这个也是一个包裹。好，知道吧啊，接下来这个是我们的一个啊对齐好注意其实你直接在地方写，其实它也能提示特别牛啊，你看到没有是不是啊，直接可以提示啊好接下来就就是这个八层啊，然后对置为啊圈一个什么，那是吧，好接下来这个啊，文字和图片的什么距离是多少啊啊。

五个DP吧，好，那接下来这里面是文字的什么颜色，好，一定要把这个呢都拿过来。请切下。好，文字的颜色好，接下来这里面还有文字的什么大小好那就是多少啊14个SP好，那这些东西我是一定要删，不删掉可以吗？不删掉不行啊啊啊要一定要把它删掉好，这地方里面，这里面就是我们的啊样式吧，ST是这个吧，好然后粘贴过来替换一下。

好，把后面这个删掉就可以了吧，好，那么大家再预览一下，和之前的没有什么区别吧，好那么接下来我们总有几个呀几个啊，有五个两个三个四个五个，这五个这个时候我们要来平分了，所以我们只要在这里面去改的特别方法，你会发现是吧，是直接就这个权重啊好，那这个时候呢，设置一个权重。好权重好，我们看一下啊，好权重。是哪个这个吧，好，那这个时候呢，我们设置一个一什么的是吧，好大家看好哦，好选A是吧，挺好的，就虽然的报错是也能动了，好那这个主页有了，接下来第二个就是我们什么页面啊，是新闻智慧啊好，这是我们的一个新闻行，这个都改一下叫做啊是是我们的这个六什么60啊生是新闻中心的。

好，那新闻中心有了，那过后哦，错了错了啊第三个了，这这这这不好啊啊调换一下，对这同学非常聪明，教我们怎么交换是吧，啊好可以了，是有了吧，好那么这个图片我们我我们也得变呢，好那么这个时候呢，把这个改一下，好然后呢，这个注意了，这地方里面呢，好是有了吧，好那么我们在这个地方里面的话，是可以把这个的拷贝过来啊好拷贝到哪里啊这里好全写粘贴好那这时候改的就是啊60新闻啊十的一个按下区动的噔，搞定是吧，好，这搞定了吧，好，这是搞搞定了吧。好接下来下一个就是什么智慧吧，好smart service。

啊，智慧服务好，那么把它给创建，这个就是我们改为什么啊智慧费，然后呢，把它给创建出来，好，那么创建过后我们是把其他的这个内容把它给复制粘贴替换一下，对吧，这个smart啊，这个smart service smart这个是按下去的效果，咚咚咚搞定好是消灭了这个，接下来还有一个就是政要啊，啊这个是这个是一个政府的意思啊对吧，啊对，Go go go with go with对吧，这个单词不好发音对吧？好，那我们把它拿过来好，拿过来过后呢，好，接下来这个就是我们的一个什么正脚正教指南。

难，其实啊一样分行增要就可以了，那把它给什么创建出来，然后再把它什么复制一下粘贴好，那这个时候呢，我们就去把这个单词啊拿过来好粘贴这部分好，那这个时候啊擦掉过后搞定了吧，好，接下来就是设置车体好那么这个时候呢，要过后叫做设置中心设置好，那这个时候呢，把它给拿过来好，那们把它给创建一下串销过后啊这个地方里面就是我们我们写一下吧，东于最后一个是写一下是吧，好，Take为多少first，然后to，然后呢就是thirteen是吧，好，然后呢，把它给这个翻过来，这个为多少，那这个是按下去的效果吧，好搞定。

好，那么ID都选了吧，那同学们我们去把这个能运行起来给大家看一下。顶起来大家看哈，我们呢，一会就看到这样的一个效果了。好，稍等这个可以了，看好了一点，哇塞是可以了，看没有，但是我这哥们一进来的时候，大家想想是不是没有默认去选中啊是不是啊好，默认选中，那我们接下来要做就是实例化了，那默认选中首页吧，好，那注意这个ID有了吗？是他也需要死所的话RG，然后呢妹。

是吧？好，那分别把这些图纸画没问题吧？好，那么我们来到哪里啊？来到我们的啊，来到注意不是make来到哪里啊，Content这里是吧？好，一个是v page对吧，好，还有一个是我们的group吧，RG一个什么是吧？分那其他ID需要始化吗？所以不需要啊啊以后也不需要好，那这个时候注意要出的话用用谁啊用有吧啊点ID点这个好把它给强制类型转换。好，那么接下来再把这根本呢强制类型啊去词的话，然YD啊点ID空间，然后把它给强制类形做法好，那么有了后我默认要设置什么设置默认选中什么首页吧，怎么选呢？它有个方法叫check，是不是一个ID啊啊点ID home好，那现在我们一进来是不是根本没有选中首页啊，那一会运行起来首页都。

好，错了，对，谢谢啊，B痛是吧，这才对，谢谢啊，谢谢，好，我们去运行起来，好，同学们。好，稍等啊，一起来再运行起来，这个时候就可以了是吧，好稍等一下。诶是可以啦，那明天是不是我们在这地方去器配件加载不同的页面，然后切换到不同页面是可以了，对吧？好，那同学们，我们相当于今天内容呢，就讲到这个地方对吧？那么那么哪些是要重点的呀，研发这个了解一下这个项目的怎么运行起来，你要基本得会吧，是吧，就是你可以提前看一下之前写的代码，然后货页面，说实话会议页面的话，这个以后你直接会做，你你都可以，你优先把这红的给做了，好这引导页面的这红点你都可以不做，一定要把这个今天下午这个讲的是最重要的，为啥嘞，因为你这个不行，你后面没法继续工作吧，所以优先把红的给做了，有空再把婚页面做一做，这互影页面重要嘛，很简单，因为因为这样的代码的话呢，因为是什么动画这东西大家都学过，是不是没有什么新的价值，但价值在于这些东西。

还有这个红脸移动，这红脸移动啊也比较简单，这个红脸移动反正就是你像这种代码，以后你工作真要用到就来粘一下，而且面试呢，很少会问到知道吧，但是你会主动说这个是我们自己做的，很牛逼，那可以主动出击是吧，但对于工作的话呢，啊，你就啊它用处不是很大，但是啊，但是的话，他有一个红的移动比较好看是吧？啊所以的话优先把红的给敲了啊红的给敲了啊这些呢，敲了一下，好那同学们，这就是我们刚才所讲的主页面啊，然后正门府那面的布局就搞定了，对吧，明天我们将会把里面的填充，也就是说今天和下一次要讲内容就是整把整个架构的，这讲完知道吧，非常的重要，一定要敲过两遍，好，那同学们把这个保存下。