20添加联系人页面布局.avi原创

好，接下来呢，我们来做一下这个添加好友这个功能啊，首先看一下我这个要完成这个页面效果啊，就是这个页面啊，那怎么来跳转呢，看一下。就这页面，我点击这个加号啊，就会来到这个添加联系人这个页面，在这里面呢，我们可以输入啊，你要查找的联系人，然后点击查找，查找完之后就会显示你这个联系人啊，然后一点击添加就会添加这个好友啊，首先呢，我们来先实现一下跳转到这个添加联系人页面，然后呢，把这个页面给大家绘制了。看下代码。在这个地方啊，这是布局的加号啊，这是天view，方法呢，主要是处理这个view，那么哪一个方法是处理这个业务逻辑呢？Set up view啊在这里面处理业务逻辑。添加按钮的点击事件。处理好拿这个加号的对象啊，然后呢，点set。

Right。Layout click listener啊，一定是这一个啊，是right右侧布局的点击事件啊，好在这里面呢，又一个啊，Click listener。跳转到添加哪系人啊，那跳转肯定是intent了，In t啊，Intent里面需要两个参数，第一个get X啊，第二个就是你要跳转的目的地啊，那么这里面呢，是I context。添加联系人啊页面啊，第2CLASS。好，Out，加回车创建一个，然后启动跳转start activity将银传进去。复制一下。右键你有一个。空的对。Finish这个页面呢，就是。添加联系人页面。

这个呢，兼容包给它干掉，一定不要。之后呢，我们就来实现这个页面的布局啊，点击进来。实现之前，我们先分析一下这个布局。啊，这个布局大家想一想啊，应该怎么来实现呢？整体是一个什么布局啊啊，很显然是一个垂直线性布局，可以这么拆分一下，上面是一个头布局啊，中间呢，这个是一个edit test输入框啊，下面这个呢，是一个相对布局啊，里面左侧是一个image view啊，中间是一个test view，右侧是button啊，那上面这布局有同学说了啊，你直接可以用这个环线的EG啊来实现啊，这里不行啊啊，因为呢，它只有设置右侧的图片啊，但是中间这个地方没有设置的，需要我们自己去绘制一个啊，其实绘制它呢也是很简单的，我们可以用一个相对布局啊，这个text view呢，可以完全居中啊，这个呢，可以在这个副部级的右侧就OK了。

我们具体来实现一下代码。整体是一个。现行布局。预览一下。好，把这个删掉。是垂直方向的，那就是or orient。Ver。然后呢，先绘制这个头部局啊。这个头部局啊，我先给他来一个。相对布局啊，然后呢，中间一个text表，右侧一个text view。好。Ly out宽度match高度啊，给它写了60S60DP。然后呢，中间一个text view。包裹内容。啊，这个选包裹内容了。

刚才这个文字是。他。添加。联系人。这个字体呢，有点小啊，来大一点太size，来一个25SP吧。啊，然后呢，这字体颜色呢，我给它变成啊，先不给它字体颜色，先给整体来一个背景色啊background给它来一个color。Blue。嗯，来一个大。And的背景颜色，然后呢，让这个test Bill居中显示。Center in parent。啊，这样呢，就居中了，之后呢，让这个字体颜色变成白颜色，那text color，安卓color来一个white。这样呢，这个就搞定了啊。搞定它完事之后在右边再来一个text view啊查找按钮。

Test view。包裹内容高度呢，我来一个match。啊，文字呢是查找。查找。同样，字体有点小，变大一点。SIZE25SP color。来一个。啊，让他居右啊，那就是allow parent right。来。让他居中啊，Gravity center。急救车有点距离margin right。来一个10DP。啊搞定，接下来再往下。往下呢，就是一个edit test啊就搞定了。好，ED test宽度match高度包裹内容。

整体呢，我来一个左右都点距离啊，上下都有吧，Monkey来一个10DP。这样OK了，那再往下。再往下呢，整体是一个什么呢？啊，是一个相对布局这一块。啊，整体是个相对布局。好实现一下。Relatively out，宽度match高度。包裹内容。嗯。左侧一个。报告内容报告内容。啊，来个50DP吧，能够好一点。50DP。啊，然后我们导一下图片啊src。主宝下面的。目前呢，这张图片我们还没有，那我们把这张图片给复制过来，找到你的志愿目录啊，这下面有一个这张图片。

谁？拿过来，找到这个resource。啊，追报。粘贴OK。啊，然后是em。Default。啊，这个图标啊就有了，接下来呢。在右边有一个test病。报告内容啊，报告内容，然后这个名称呢，叫。就叫名称啊，名称。字体呢，有点小啊T。Size来一个20吧，SP。那么要想让这个字体啊，在这个图片的右侧，那是不是就需要给这个image view来一个ID啊，啊，来个IDVI。当前是爱的模块啊。At模块的photo头像啊，在它的右侧。

那么这个地方。就需要。To write of of什么呢？啊圈ID。就他。这样呢，就将这个名称啊放在这个图片的右边了。接下来呢，它俩之间有点距离，那就marin。Left。来一个10DP。同时呢，我要用这个太子啊，居中啊，那就是。Center in parent。啊，这样就居中了。啊之后呢，我让这个右侧啊有一个button。宽度包裹，高度包裹。来一个test。呃，这个名称叫什么呢。叫添加啊。

添加，那么怎样的右呢？啊，这样就过来了，然后呢，我让这个整体这个布局啊，啊前后左右啊都来点距离马。来一个10DP。啊，这样能好一点。整体的这个布局呢，我们大块已经画完了，那接下来我们要分析一下这个布局中有哪些控件需要操作啊。这个需不需要操作啊，不需要，那这个需不需要啊，需要，很显然需要，那下面这个ADD test是不需要输入数据啊，啊需要，那么这个图标。啊，这个头像需不需要不需要，那么这个名称呢，我们是需要切换的啊，根据你输入的名称来进行设置，还有这个右边这个添加按钮显然是需要的，目前来看是四个啊，但是大家别忘了啊，这其实还有一个整体这个布局啊，还有一个为什么说还有它呢，大家看。

啊，退出一下。然后点击进来，默认的是不是下面这个不显示你查找的人呢啊，所以说呢，这个需要对他整体进行一个隐藏，那么就还需要一个整体的啊，一共五个对象，我们来一一附一下这个ID。IDTV。I的模块。嗯，查找那就是犯的。第一个搞定，第二个来到这个test。在这里面呢，来一个ID。艾模块啊，艾模块里面这个是name啊，输入的名称。接下来呢，就到了这个整体的模块相对布局。再来一个ID。RL。爱的模块啊，剩下的不写了，那再往下看这个图标啊，这个已经有了啊，但是我这里不需要这个名称，需要一个ID，给他一个idd。TV啊。I模块。

这是什么呢？哎，是名称，接下来呢，就是右侧这个添加按钮。来一个ID。BT啊BT什么呢？艾那添加后面还是添加，那来一个吧艾添加。这样呢，这个整体布局啊，啊，我们就画完了，那么运行一下啊，看看这个效果。呃，运行之前呢，我先把这个下面啊，先运行吧。先不给他隐藏了。运行完之后呢，再给它隐藏。啊，运行起来了啊，然后呢，我们来到这个联系人页面啊，进来之后点击这个加号这个按钮，嗯，就跳转到这个添加联系人这个页面了啊默认呢，我们要想将它进行隐藏，那是不是很简单呢？啊来我们隐藏它一下。将这个地方啊给他。

位置堡来一个杠吊啊，之后呢，我们再运行看一下。啊，运行起来了，然后点击添加联系人啊，点击添加按钮啊，默认是不是这个布局就已经隐藏掉了，嗯，好。