温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
好的,那个人中心页的交互效果啊,我们整完了以后呢,那个人中心页剩下的啊,你比如说登录啊,这些我们先放着,那现在呢,我们需要转战到我们的登录界面,诶,去做我们的登录一整套功能,好的,那要做登录界面的话呢,那这个时候呢,我需要先在我们的页面中呢,创建一个目录啊,在这里呢,我们就叫它logging。然后为了方便的话呢,我们还是来到我们的开发工具中,在这里我们右键新建一个啊Lobby,那这个时候呢,大家看啊,四个文件有了目录啊,这个页面的路径呢也写入了,为了方便调试,把login提到上面去,同时别忘了啊,下边的逗号不要上面加一个逗号,然后呢,我们保存一下。好了,现在呢,来到了我们的个人,呃,这个登录界面,登录界面的话呢,首先我先不管别的啊,大家看一下我们这个窗口的标题呢,弹叫硅谷云音乐,那我在这里呢,不想叫它,我想叫就叫一个登录啊,就叫一个登录,那这个如何去设置呢?也比较简单啊,之前的硅谷营业那个窗口标题呢,是我们在全局这里设置的,而如果说你的页面没有设置啊,那么统一用的是全局的,而且这个全局的设置,你看我需要在一个window的选项对不对,而在我们页面局部的配置里面,很简单啊,我们不需要这个window的选项,直接拿过来用就OK了。
01:35
那么这个use components呢,是使用组件啊,之后我们会用到啊,这个呢,为什么留在这儿呢?是因为它是一个新的特性啊,所以呢,给大家留在这儿了,当然了,你不用它呢,你也可以把它删掉,也没有影响这里呢,我们去改一下啊,在这儿呢,我们就叫它诶登录。那就叫登录或者叫登录中心吧,来保存一下,那现在啊,再来到我们的模拟器里面,大家看上面就改掉了,好,那这是窗口的配置啊,那么登录这一块呢,同样啊,不需要咱们去写结构跟钥匙了,咱们主要是去做登录的功能,所以这一把呢,我们来到登录的结构,复制一份来到咱的登录。
02:17
拿过来,然后呢,来到登录的样式复制一份啊,来到咱们这儿拿过来,OK,那这样的话呢,我们把结构样式拎过来以后呢,我们去看一下效果。这边保存一下大家看啊,啊就是这么一个界面,那这个界面的布局呢,其实很简单啊,很简单啊,主要是我们关注的是这两个板块,就是两个啊输入框,那么对应的结构呢,我给大家介绍一下啊。啊,你像上边这都是静态的文本,而我们重点要关注的对象是这个板块,那这里呢,对应的呢,是两个输入框啊在这一块,那下面这些呢,它也是静态的内容。好的,那么这两个输入框里边呢,分别有一个文本啊,文本紧接着都跟的是一个input的输入框,那下边这呢也有。
03:10
好的,那以上呢,就是我们登录界面的这个结构啊,快速的一个搭建,那么大家呢,也不需要再去画样式了,待会儿呢,我们一起来看一下里边登录功能的实现,好的,那这节课呢,我们先讲到这儿啊。
我来说两句