11登录页面布局绘制.avi原创

好，接下来呢，我们来处理这个登录页面啊，火影界面已经做完了，首先呢，看一下这个登录页面的布局啊。这个就是这个登录页面的布局啊，大家分析一下这个布局啊，应该怎么绘制呢？首先看一下。它是一个什么结构啊。是不是从上到下的一个啊，垂直线性布局啊，看一下整体上面是一个什么布局啊。一个相对布局啊，中间放一个text view是不是能搞定啊，啊然后在下面这个地方怎么实现。啊，这个test view。啊，我们是不是可以将这个test view放在这个线性布局中，然后呢，让这个test view在这个线性布局居中，是不是就可以搞定了，接下来再往下看。啊，这一块又是怎么实现的呢？是不是这个是一个线性布局啊，左侧一个。Test view右侧一个什么呢？I test啊，Edit test，好，上面这布局分析完之后，那下面这个密码是不是跟上面一样啊，啊，完全一样的，也是一个线性布局，左侧一个test Bill，右侧一个at test，那下面这个怎么实现呢？

整体是一个线性布局，左侧一个button，右侧一个button啊，而且呢，让这两个button呢。完全一样，而且这个宽度一样，那么是不是可以采用这个weight呀，啊weight这个属性来搞定好，那么接下来呢，我们来绘制一下这个布局。嗯，跳转到这个登录页面啊，在这里面。按住CTRL键进来。接来之后呢，把这个宽度啊先删掉啊，这个呢也删掉这个外面呢，改成这个线性布局方向呢，垂直的。啊，把这个预览打开。

18是吧，嗯，那可以。揭晓一下。好。首先呢，我们来绘制一下这个登录啊，这个标题啊，这个标题怎么弄呢啊，有同学该拆了，我自己写啊，用现在布局啊，这里面呢，我有一个方式方法可以采用这个EZUI的啊这抬头。选哪一个呢，这一个。啊，看这个包名是不是e zi下面的一个组件啊，啊抬头。啊，宽度呢，来一个match，高度呢包括内容。这个蓝色啊就出来了之后呢，我要写这个标题啊，你首先先要打一个APP啊title。然后呢，Out加回车自动啊生成这个属性，然后呢title。Title title里面输入这个登录。看右侧是不是这个登录就有了，哎，这个是非常方便的，方便的啊，这也是我们用这个一对的好处。

标题完事之后，下面就是啊这一块。啊，这一块这一块呢，我们外面给它套一个线性布局啊，里面放一个text view啊来实现。啊，宽度。Match高度来一个150DP。啊，这么高。然后呢，里面放一个。宽度match，高度match啊，全部跟附状体一样，然后里面输入什么内容呢？啊，这里改一下名称叫。硅谷社交。啊，这有点小，大一点test size来一个30DP。然后让它居中，怎么居中呢，Gravity。Center。

啊，这样呢，就让它居中了啊好往下看。往下看就到了啊，这个地方用户名啊，左侧一个TEST6，右侧一个test啊，外面包一个线性布局。In out。宽度。Match高度包裹。里面第一个它有一个I test6。啊。宽度呢？包裹高度包裹。Test。叫什么呢，用户名。字呢，有点小啊，Test size。25。S。啊。然后呢，在右边来一个edit test e test，宽度match，高度包裹。

然后呢，让这个它距左侧有点距离啊，这个at test呢，距右侧有点距离啊，整体来一个MU。啊，多少呢10DP。用户名接下来。就到了这个密码啊密码。啊，你想想让我再写一遍，那是不可能的啊。选中按住CTRL键，按住这个下啊，方向键那个下。之后呢，直接复制一遍啊，复制下来这个变成什么呢。密码。然后那这个是1234。这样是不是对齐了，哎，对齐了。接下来呢，就到了下面这两个button啊，整体呢，给它来一个线性布局，里面放两个button，分别用权重啊来实现啊好。Line out。

宽度match高度包裹。里面放一个button。宽度呢，来一个0DP啊，因为我要用权重嘛，高度来一个。Bob。给他一个wait。选一。然后呢，这里面放一个显示的文本啊，Test的第一个是注册。啊，注射之后呢，我们再来一个啊，选中CTRL加下。这个下面选一个。登录。让它距左侧和右侧啊分别有点距离，整体来一个maggie。妈给你多少呢？10DP。这样呢，这个布局啊就绘制完了，那么大家分析一下，这个布局中有几个可以操作的控件呢？啊，从上往下一个一个数，它需要操作吗？啊显然不需要，他需要操作吗？不需要他需要吗？不需要他呢？是不是需要啊需要的话那就要给他一个ID。

啊，It什么呢？模块名称啊，Love v，然后具体的事物，事物啊，这个是名称，那就是name。那再往下它需要吗？不需要，他需要吗？啊需要需要就来一个IDEIDE。LV啊，这个是密码password pwd啊，简写password，接下来这个注册按钮需要操作吗？很显然是需要操作的，那么就给他一个ID啊，BT。登录。啊，是注册了resist。Resist，那么前面要加一个模块名称，那就是LGN啊logy。那下面这个是登录的啊，同样道理，给他来一个idd BT BD什么呢？啊拉个音。

啊，OK。都是登录OK，这是这么四个可以操作的空间啊好，接下来呢，我们来运行一下啊，看看能不能实现我们的效果。有点慢。稍等一下。好，这样就进行到这儿了，哎，是不是来到我们这个登录页面呢？啊就这样在这里面呢，我们就可以输入我们的啊用户名啊密码啊，在这个密码是不是是铭文呢，那怎么给他改成这个密文呢？啊很简单，就来到这个密码这地方啊。给他来一个password。这个地方选什么呢？选择出啊好，我们再运行一下。

这样哎，就运行起来了，看一下啊，还是来到这个登录登录页面，那么再输入密码，看是不是就变成这个密码了啊在这个小点了。