11_应用练习_布局.avi原创

我们来看一下，我们当前用我在这里面啊，我去建一个。建一个那个。笔记吧。是本来有啊。对吧，本来就有好了，我把这个放到下面去啊，这是以前的。好，下面呢，我们要去实现这个功能，我们来看一下基本的步骤啊，首先呢，我们先啊，先把布局写一下。你说这个里面有布局吗？有就是这个window的布局。对吧，它的布局先要写出来。一个是叫嗯，Window pw吧的布局。啊，我们要写一下它。下面就是点击item显示谁呀。

CW也是window对不对，就就这样，我点一个点一个某一行就要去显示啊，对吧。好啦。在这呢？呃，还有一个呢，就是在这里面。哈哈。还有一个，其实一共就三个啊滑动。好吗？是不是移除啊，啊移除PW正在显示的吧，正在显示的PW。好了吧。好，下面写它有点讲究啊。首先它那个背景图片。是一个什么九拍图片。啊，这是一个。还有一个啊，这个是整体的布局，就整体啊，整体的布局大家要去定义。

再还一个。就是这个地方，它是不是有一个做状态的背景呢。像it的多转转背景。背景这个地方我们用什么呀？Select加sheep。那你说我们整体的布局用什么布局这个破window。这不是水平展开的，对不对，那我们就可以用什么水平的线性布局，对吧。Na lay out。好吧，好。来，我们呢，先把九拍的图片给大家做一下，这是我的PNG图片。我呢现在呢，需要去做一个九拍图片。来把这个图片呢。

给它拖进来。有点太大是吧。嗯，把它稍微变小一点好啦。大家看到右边呢，是最终的一个效果的显示区域。好，我暂时了，先这样。我们把这个勾选上，把这两个是吧，别忘了这两个。很关键。来给它拖动。大家就仔细一点拖啊。耐点心。好了吧，嗯，可以稍微把它放大一点，让大家看到。能看到了吧，嗯。这个呢，不定不一定说一定要是一个像素，其实这这边区域它的那个那个颜色是不是都一样的呀。嗯，好。这个地方大家看啊，挺有意思的，你看诶这个怎么到这个这个箭头怎么到下面来了。

他是不是说了垂直拉伸以后，这个下面这一部分是不是在下面不动的呀？啊，我怎么样这个箭头就上面去。我把它放到什么。不会跑到上面去了吗？对吧，你通过这个事对能够能够加深对他的理解。能看懂吧，嗯，我就故意就这样好吧，好大家家啊。我我就这样等着，我右边呢，我先和下面我先不拖。我故意我先不拖啊，不拖了我给他保存。啊，保存在桌面。我叫一个名字。啊，跟这个名字还是一样的吧，就叫这个名字。好了吧，好了，我应该把这个图片是不是给它放到我们的项目里面去是吧。

嗯，来放一下啊。来，专门去建一个文件夹。因为现在没有那个文件夹吗。要什么文件夹job千万别写错了。好，写好它以后，下面我们来去建一个布局吧。六一个啊啊线性布局。写一个啊，我就写一个pw layout吧，啊，就写一个p wout。好啦。我们说它是一个什么线性呢。水平的线性是吧，这个它应该有一个背景图片吧，哪一个background好，指定一下图片job吧，来一个它背景。啊，我们可以先预览一下看看啊。有点。

太吓人了是吧，是因为他是什么？充满的，我们先指定一个啊高度。指定多少了，80DP，看一下是什么样的效果啊。这是不是看起来很舒服啦？是吧，嗯。好。下面就是要在它的上面显示一些东西啊，大家看到。啊，这个该怎么整。这里面是不是分成了三个部分呢？中间还有。一根很细的线，这个该怎么做？啊，也是，前面我们跟大家说过的好，首先得说他们是不是平均分成了三个部分呢。这个怎么平均分呢？是不是权重啊，那每一个部分用什么布局。是不是垂直的线性呢？啊，垂直的线性好了，那我们来拖一下。看着啊。

我呢，来拖一个垂直的线性布局。放在上面是吧。啊。来啊。放到上面以后呢，我们来看一下，在这里面我们需要去指定一下。它的宽度为什么。0DP是吧，接着呢。啊，权重。唯一。对不对，好，接着。是不是再来两个呀？就可以了吧，嗯，来看一看。这里面没有选中一个，选中一个你就能看出来有区别了，对吧。好了，诶这个这个先先是不是要把左边的这这这这个区域给它过滤掉啊嗯，过过掉左边的区域以后再平均分对不对，这个这个怎么样过滤掉一部分呢。啊，在这里面我可以给他指定一个pending。

霹雳说。20。差不多是吧。嗯，大家再来看。是不是就差不多了啊，就把剩下的右边剩下的部分是不是平均分，大家看看是不是有变化。对吧，下面。就是在里面呢，去放什么。一个现现在已经是垂直的线性布局了，对吧？啊来一个image u吧，上面是。上面是image view，好啦，那我就拖一个image view。Image view里是不是也有图片啊？啊来。我一共不是这三张图片吗？是吧，给它换过来。啊，先把它取消掉啊。等会我们再来写。放在这里面吧，嗯，这是一般的图片，好，我们来看一下，在这里面我们要去准备去拖图片呢，这个时候就好多了，来啊。

图片。In，这个拖什么？啊，拖一个text view吧。You。Text you叫什么名字？叫卸载是吧，我们看一下。就要卸载是吧，好，那就卸载好搞定再呢，给他一定的字体的大小。Size这个字体不一太大，有不太大，这个十十六。好，这个呢，我们都先不管啊。来看一下先有什么问题。大家有什么问题？没有居中对吧。居中应该好做不？来，Gravity等于center。

这不就好了吗？是吧，看起来很OK是不是？那其他的就什么。是不是一样的呀。只需要把内容给改改就行。线先没完啊，马上就画线，别急，这是二。二是什么来着啊运行。好，下面是三。分享。好啦，搞定。啊，诶，这个地方还有没有居中是吧，把这个居中给大家整一下。这一个居中来一个，很好整啊，Gravity。搞定一个，再来一个gravity center。可以了吧。好了，下面就像刚才同学说的，需要中间需要有两根线给它们进行分隔是吧？那这个线怎么样来定一根线呢？

啊。这里面有一种标签叫。啊，View呢，必须有宽度和高度是吧。一个是叫。一个叫he高度。要高度写什么？充满宽度了。以1DP，接着还有一个东西。对颜色，那怎么样指定一个视图的颜色呢？白呀。什么颜色啊，这是一个。是什么来着？这怎么整红绿蓝，那就随着他吧。好吧，好。

下面是不是再来一个就可以了。是不行呢。看看。好了。可以吧？嗯，现在大家看的都很漂亮，是不是看得很清楚啊？小你看他能不能看见啊，现在布局我们是写好了啊，好像是不是没问题的啊。