5.主页面布局实现.avi原创

同学们，接下来我们就讲主页面的布局，就是要把这个布局呢给实现出来。对吧，好，我们去写一下，刚才我们分析了用的最外面是信任布局，对吧，那也就是说在我们的这个主页面里面。我们采用的是什么布局啊，线性布局对吧？好，最外面线性布局好，我们去把它给设进来，R点的out好，对应的是我们的A卡。与体，然后呢，好，然后我们把它给创建出来啊。这时候算出来，然后刚好呢，它默认的就是500是新的布局好，我们就直接点OK就得了。那有了过后，我们要去实现什么呢？啊，我们分为三个模块，一个是。标题栏还有中间这部分。还有底面这个部分。好，我们分别来写一下，首先这句话里面呢，就是我们的标题栏。

那中间呢，就是我们的一个啊布局。好，这么下面这块呢，我们是我的内丢骨肉谱。好，这个我们底部的radiolo OK。好，那么我们先来写标题栏。那么呢，以包进来的这种方式，因为以后啊，我们标签可能会扩展对吧，好，那这时候呢，Lay out。Lay out，然后呢圈好，Lay out下了一个抬头吧，好，我们去把它给创建出来。好，那这个抬头坝，刚才我们分析是也是用线布局啊好用新布局，那么但这个我们的方向注意了，应该是什么方向呢。该是水平方向吧，对吧，因为以后可能有多个嘛，好这个时候我们改一下方向，然后高的话呢，我们呢，50个DP，然后大家看一下在这个地方里面，这个是有一个背景呢，我们设为蓝色，然后文本的居中是吧。

那么这个时候我们设置下背景。好，这个安卓，然后颜色好blue，好这个是我们的一个蓝色，好大家可以来预览一下。是有蓝色了，接下来里面去设置一个文本。包裹包裹。然后有了过后呢，这里面就是我们上硅谷，这个内内容就是上硅谷。硅谷我们的知识库对吧，好，那么也就是说。这个名字对吧，那这个是要。大小稍改一下。一是大小改为SSP，然后这个文字的颜色啊改为啊白色井号。啊，然后然后这个地方你们看了对应的是我们的什么白色。

好，那有了过后是不是让他居中啊？居中怎么办呢？我们可以让。线性布局里面，这个在它中间内部局中对吧？好那么这个时候呢，我们去设置一下。这时候就让他居中就可以了。那么这个顶部我们就实现了。也就是说在这个。爱挺面里面实际上这一部分，接下来下面这个粉好。这个部分呢，就是我们的一个布局宽的方体，高呢就是零个DP，因为我们权重。一个权重。然后有了过后权重的话，这个时候我们就是什么呢？这个时候就是我们的一。然后ID显下。ID选项，好，这个时候我们记ID就是LL，就是FL的一个content内容的，对吧。好，那这个时候呢，就有了这么一部分。好，那有的，接下来下面是我们的什么radio这个了吧，Radio里面有很多radio对吧？好，那么这个时候呢，是啊填充窗体，然后高的话呢，是我们的一个包裹内容。

方向啊，是我们的这个水平方向对吧。好，那么我们看一下同学们在这个地方里面的话嘞，它这里面是有一些按钮啊，然后你看这里面是有一点。边缘呢，那么可以让它有一个内边距盘定呢啊有个啊这个五个DP啊，这样的话呢，它就有一点盘点了。然后自身的背景呢，我们可以设置一下井号啊，这个设置一个灰色啊。一然后123456作为灰色，当然现在看不到，那如果我们在里面呢，去设置一个按钮，这样的话就可以了。那这个呢，还设置一下IDID的话就RG注意这两个的一个简，然后就是我们的啊，这个我们叫这个名字阿基妹。

好，那么这个时候有了，过后呢，我们就有了这样的一个。这个瑞普就有了，里面接下来就有什么。这每一个就是六八层做的啊好。那么这时候有了过后，那么就radio button，对吧，Radio button包裹包裹，然后文本啊写一下，叫做常用框架是吧，然后ID写一下好。的话呢，就是RB，然后com常用的一个。就是我们这是我们的一个框架，长框架。那框架有了过后，接下来大家看一下这个地方里面默认是有个圈圈出来了。壁画我们把它消掉，那么我们要想实现这样的效果的话，是这个文字的上面是要有个图片的，这时候它就有这么一个，就有这么一个工具，有这么一个job top在顶部一张图片，左边的图片是吧，还有底部一张图片，我们用的是什么？顶部一张图片，那图片大家看一下，一按下的时候是有还有一个选中的这种效果，所以呢，要引用对应的是一个选择啊。

好，这个时候呢，我们就去啊，对应的一个job选择器，然后呢，就是。Job job什么呢的一个select选择，那我们把它给创建出来。好用什么呢？注意了用啊用Che Che。啊选中，那默认呢，不选中的force，好，那接下来等对应的图片在哪里呢？在这里我们呢，已经为大家准备好了这个图片。在这里用资源。好在去博一起替换目录下，你看这里这些图片吧。好，那注意这些图片呢，大家要注意一下了，我们把这些图片呢拷过来。把它复制下好。放在哪个地方呢？好，注意放在我们的job HD目录下，好粘贴一下。

好在那过后大家看一下我们这个地方里面舍是一个混在的效果啊，哪个图片是混的这样的一个效果呢。好，那就是这个。叫IC table是吧，好。那么就是我们的IC啊，这个video啊。好，Table video好，那接下来是不是还有按下去的效果好，那这个时候呢，就是我们的一个按下去的一个效果好，那么这个呢，我们看到的效果的话。好，就是有了这样的一个效果。好，有效果后他又谈了这个东西，我们看一下这个地方里面有个后啊，还没有看到效果对吧，没关系啊。我们运行起来一会它就就没有了啊，运行起来没有了，稍稍等一下，在我们这个地方里面有了，过后呢，我们还要做一个事情就是。还有一个就是做一个事情，就是什么一什么一个情况呢，就是要把这个按钮啊。取消掉，当然我们现在也可以先运行起来看看效果。

运行起来，哎呀是吧，接下来我们来继续先看一下啊，其实的话呢，运行起来应该是没问题的，对吧，你看。是这个这个图片是有的，对吧？啊，就是运营的过程中会变，那我们把这个干掉怎么办呢？把这个。八啊，好把它对应。颜色啊，把它改为什么呢，透明这样的话呢，一会呢，你看都没有了吧，然后图片和文字之间要有点距离啊，Jobable。我们让它设置为三个D啊，然后这个文字的大小要设置一下，文大小设置为一个十个SP。好，那这样的话呢，我们就有这样的一个效果了，然后还有一点就是呢，它内容这个这个注意了一，这个是我们希望这个里面的，你看这个文字是有点偏左这种感觉啊，可以给它放大一下。

有点偏左对吧，那其实我们要内部。居中。知道吧，然后有了过后呢，这个。对，里面的孩子应该他做一个事情，就是也是要做一个竖直方向居中。啊，书法女这么一个内容啊。好，那么当我们按下去的时候，文字是也要变色啊，所以我们文字也要去设置一个颜色啊这个啊job，然后呢，我们可以去引用它，呃，我们叫什么呢？就叫做。啊，叫做。叫做。Button。底部的text，它那底文字的颜色叫这个一个选择器，我们把它给创建出来，串出来过后，我们只需要把它的。复制过来。然后粘贴到这个文字里面。然后改一下，改成什么呢？注意它，因为现在我们用的是一个颜色纹的颜色。

啊，注意啊，这个这个这个名字错了。来这里。好是吧，我们重构一下名字。Color。别着急是吧。卡呢？对不对，这样子对吧？好，那有了过后，我们这个时候千万也要注意，要把这个键是看了，它对应的就是什么，看了，如果不改的话，会带来一个问题的时候会报错，知道吧，好，那这颜色的话，文字颜色什么颜色呢？好注意了，这文字颜色啊，我们。的话呢，这个都一般是由设计师啊，提前我们定义好，那这时候呢，我们提前准备好了这个文字的一个颜色。我们来到这个地方，里面文字的颜色，这两个颜色，就这两个颜色来，不好记啊。然后就是我们的井号，然后这个时候就有了这么颜色，那这里面再有一个井号，就下面的另外一个颜色。

好，那么这个颜色呢，咱们就有了啊。好，那这个时候大家再预览一下，我们就看到了这样的一个效果。但是现在看不到啊，看不到我们可以再去运行起来，给大家来看看我们的劳动成果了啊，看一看。这时候来看一看咯。好，那这个时候一点。哦，但是一点这根本就消失了。对吧，那肯定是选错了对吧？好，我们这地方检查一下，来这地方里面，然后呢点一下。在这个地方里面can了。然后。我们呢，去把它运起来。运起来过后呢，给大家看一下。你起来。好在我们这地方里面，我们一点啊这个嘛，你看。

啊一点的话呢，我们就好了，刚才为什么说导致问题呢？是因为我们这个地方没有改为to，注意在我们这个地方里面，这个选择也要注意，也要改，为什么Q啊，刚才忘记改了。好，那么我们这个时候再去运行的话，你看这个图片是不是有变了，如果再去运行起来，这个图片呢，就可以变了啊我们看一下这个一定不能忘记这个细节，好一点击。拧起来好在我们地方里面一点咚咚咚就变了，OK，搞定好，那接下来如果我们再去做题，它就比较简单了，对吧，我们只需要把这个们复制啊，两个三个四个是总共有几个，总共有四个，好我们看一下。这样的话呢，就有四个按钮，但是我们希望它评分吧，所以要设置一个什么权重，对吧，权重。它一，然后呢，把它分别把它复制粘贴过来啊，然后呢，粘贴过来。

然后。这里有了。下面这地方。下面这个地方好，那这个时候呢，我们就可以看到了这样的一个效果啊。刷一下。然后呢？卡住了。然后这个时候呢，就有这样的效果了吧，好有了过后大家看一下是不是这个代码好多地方重复利用啊，那既然重复利用，我们是可以把它抽取公共的把一些。公共的抽取出去，然后我们到时候引用，然后把一些特有的区在里面改一下就可以了，好，我们代码格式化，然后我们看一下，这个是每个空间里面有一个ID是特有的，然后这个是特有的，对吧，有的，然后这个文本呢是特有的。推油的是吧，特的还有啥呢，基本上没有了，那也就说下面这部分。这就是什么公共的吧？

对吧，好，我们就会把它抽取出去啊，抽取到哪里去呢？抽取到我们样式里面去。跑到这个。好到这里，然后我们把它给粘贴过来，把这个复制一下，然后呢，我们把这个删掉。啊删掉，然后在这个地方里面，我们改成叫波的一个T1的一个T啊，底部的一个tag的一个style啊叫这个名字，叫这个名字，那有了客这里面12345678个对吧？好。那我们把它复制一下，这是有六个，然后呢九个，把一个干掉，好，接下来把这些挨过去，把它给剪切过来，剪切第一个。这是什么呢？就是我们的包裹对吧，好。把它复制过来。好，这个呢，是我们的啊高。空间的高剪切过来好，那么它也是包裹，其实我们也可以直接去在这里面去什么选对吧，好用了过后，接下来就是权重了吧，权重剪切过来好，那权重的话是多少呢？其实我们这地方也可以直接选一好。

然后接下来前面有按钮的背按钮对应的是一个透明吧。那这个时候呢，我们去把它给写下，那么这个时候也可以直接去写代码安卓，然后看了是吧？好这个是你看其实也可以啊好，那接下来这地方里面呢，就是盘定就文字就不判定是文字和图片的间距对吧？好那这个时候呢是三个。3DP啊。然后有了后，接下来就是内部就文片呢，在这个的居中，那这个时候呢，我们就是对应的就是我们的对吧，接下有了过后，接下来就是text文字的一个颜色，好剪切一下，那颜色我的颜色是我们之前已经定义了，在就五这里面啊，我们把它给剪切过来。

啊，迁移过来。好，那接下来还有最后一个文字的大小，如果我们觉得小，到时候可以再改啊，好，那这个时候是10个SP。一四个SP对吧，好，那么把这些都把它给。干掉好，那么接下来去引用一下这个样式，对吧，那这里面我们这时候就可以引用。S style，然后S。P1好下的这个就可以引用了，对不对，这个常用的框架有了，那么把这个复制下。然后在我们地方里面的话呢，第二个就是我们的，第二个就是我们的什么呀，第三方吧，第三方怎么写呢，就是我们的啊的一个。题就是第第第三方，那第三方有了过后呢，那么我们的这些。

这些不是公共的。啊，就是这个叫做第三。第三方是吧，好把它给剪切到。上边这个也是特有的，对吧，剪切到。上边好，下面这些是不是都是。公共把它干掉，然后把这个代码的复制过来，O耶，搞定是吧，好，接下来这个地方里面注意了，这个是，呃，这个是什么呢？是我们的自定义。自定义的话，那就是啊是做自定义，那么在我们这个地方里面有过后呢，自定义的话，那这个时候这个也要剪切放在上面，这个叫自定义。是经理空件对吧，这空间以后这个图片也是特有的吧？好，我们要把它给剪切好。

把这个部分呢。删掉好把这个。啊，复制到这个地方来啊，注意这些图片我们挨个再去做啊，先把这些抽取出来，然后这个是一个什么。其他对吧。是什么，是其他吧，好，那这个时候我们就叫做啊叫做啊这个another是吧。Another好，那么another过后呢，这里面就是其他好把这个剪切拷到上面去，然后这个job呢，它也是特有的，当然我们一会改过后呢，我们都需要改它啊。把这些啊，不是特有的都干掉，把它这个放过来好，那么这样的话，我们看一下同学们在我们这个地方里面的话，是不是就可以看到。啊，我们什么的效果了。可以预览这样的效果了，对吧。好，那么这个时候有了，过后我们看一下，诶，这个按钮又出现了，对吧。

那么就看一下样式，样式这里面。点进去。哦，我们看看啊。样式。引用的。看看。等他点了啊。好，我们看看。然后呢，这样。这里面就是我们的一个。好，稍等一下。应该是这样一个引用，所以我们这个下面这个地方引用呢，是出错了，好把它粘贴一下。好，把它给整理一下，把它给。整理下OK，这样的话是就好看了，好，那接下来最后一步就是把这个图片给替换一下吧，好，图片替换一下那。哎呀，我们看看喽，然后这个时候我们就把这个ID改一下，就差这个了吧，好，你把前面部分。

改一下。改一下。那么也就是说我们来到这个地方。然后。点这个就可以定位到这个地方来。然后把他给。复制一下，复制一下给改成，改成什么名字呢。我们改成是。改城市。这样的一个名字。嗯，这样的名字，这样吧，我们直接把它创建好，然后有了过后呢，好，我们去把这个复制过来。好，粘贴好。那么这个是默认情况，这是选中情况是吧，那我们就只要改成什么样效果呢？改成是这样的效果，这是一个。这样的一个效果对吧，好那么就IC，然后audio好，这就是。看一下效果，你看。这图片有了吧，好，那接下来有过后呢，在我们地方里面啊，就有了这个第三方，接下来我们再看一下信空建好再把它给。

拿过来，然后把它给创建下。再创建下这个手机有了。好，我们去把它点击OK，然后把刚才的这部分呢拷贝过来。粘贴一下好，那这个时候我们要设置什么样的图片呢。这样的图片对吧，一个向下的一个图片。然后table，然后是一个什么呢？Net的一个。Video，好，就这样的一个向下的吧，好把这个复制粘贴，然后向下OK搞定。然后有了过后，在我们这个地方里面的话呢，就有这么一个功能。好，接下来再把它给复制，再把前面呢。换下好，然后把它给充电。好，从第一次还没有编辑好，第二次好重新出来，然后把这个成熟做好的辅助过来。

粘贴一下，好这个地方里面force to，好这个地方里面就改一下。网络的一个audio。好，这里面呢，复制粘贴，然后按下去的效果，这是有这个效果了吧。好，那么大家可以看看我们运行起来的这个效果。当然在运行起来过程中呢，大家也可以去。也可以去预览，好在这里面。他少了一个东西。这里面。这里面是什么？它提示我们的这个时判定就判定这里面是刚才多了一个空格好。运行起来。起来，稍等一下。好，当然我们呢也可以来预览一下。好把它放小一点，好，这个时候预览的时候就没啥问题了。来看一下这次就可以了吧，然后去点你看挨个就。将去。

就这样的话就可以点击切好了吧。好，那同学们接下来有了过后，我们就要去把它给实例化了，那实例化我们只需要实例化谁呢？注意这个需要时间啊，这个呢一会。的话，我们直接替换这用ID啊，用不到实体换，我们只需要实体化，这哥们来到这里。来到这里，然后我们去写一下实地画廊。好，这个我们的。然后呢，在我们的这个地方里面。我们叫这叫MY。阿己妹，然后接下来呢，把它给舍利换下。U id.ID。ID我们的RT的一个好，那这时候呢，我们把它给强制类型转换一下。好，那有的客户同学们，其实我们是希望什么呀，一进来就默认去选中，包括我们现在做好的这个效果，一进来它就选中我们的什么这个页面吧，但是我们现在呢，大家看好我退出，然后我们找到。

啊，这个应该就是这个扣，这里面大家看一下。大家一并起来，你看有选中谁吗？没有，那这个时候我们就需要做一个什么样的事情呢？默认选中。对吧，好，那么T r.ID点我们的啊。B的一个长音框架。这里面是。设置默认。选中常用框架吧，好，那么去运行起来，这个时候大家看到的。就是。我们的主页面的布局就搞定了。好，这个时候就搞定了吧，然后切换就可以了，那么有了过后注意，但是我们切换的时候并没有改变里面东西啊，没有做什么东西吧。只是切换这个效果有了，但是页面没有被切换吧。

是不是好，那么刚才所讲的同学们，我们做了哪些事情呢？其实就是选了一个布局，顶部呢，有一个标题栏，标题栏里面是一个新布局，里面有个文本，对吧。所以大家看到的是上面这部分，中间这部分就是一个什么一个整布局，下面这个内过稍微麻烦一些，对吧，这个时候呢，你去写，然后这一个那边剧，然后背景以及我们呢，把它公共的个把什么抽取出来，抽出来注意这地方不能有空格啊这些。然后有了过后呢，在这里面去把工抽取，然后把特有的写在这里，包括ID啊这些特有的对吧，还有这个文本也是特有的啊，那就说写在这里面，最后呢，就把它给什么实例化，那么其为什么没有实例化，其他呢，这些优化我们直接可以用ID就用不到实例化了，好，那这就是我们所讲的这个。主页面。啊，就被我们呢搞定了，好我们把这个保存下。