00:01
上节呢,我们对项目进行实时预览,对吧?那么接下来呢,我们要进行真机WiFi调试,给大家试试,诶,那为什么需要真机WiFi调试呢?这里要说一下实时预览呢,它只能预览一些普通组件和基本功能,那么像一些复杂组件或者一些复杂功能呢,在实时预览这里没法预览。所以我们必须要进行WiFi的一个真机WiFi调试。那么一般开发的时候呢,我们都是选择这个真机WiFi调试的方式去测试啊,除非是你主机代码实在是太简单了,那么可以用这个时序的。下面我们来研究一下。比方说我定义这个组件叫。这个组件呢,大家肯定没用过啊,在之前也没学过,它也是一个咱们的内置组件。对吧,然后呢,用来是定义一个滚动区域的。那么我们要做的就是给它一个高度,然后往里面塞入超过高度的内容,那么它自然就会以产生滚动条,就可以进行滚动了,它默认的是Y轴,也就是垂直方向的滚动。
01:11
好,我们给他一个那个高度啊,我们这叫view啊。给他求个类名,给他一个高度。高度的话呢,我们定义成比如说200PS对吧,然后我们要做的就是往里面塞入超过200PS的那种。往里面塞入超过200PS内容,那么这个也不复杂啊,我们整一段文字。好呃,比方说这这里是测试对吧,测试文字,一测试文字就好了,我们三个N份。让他超过200PS就好了。为了看到这个效果的话呢,我们故意给这个文字呢,加在不同的地方加一些内容,这样呢,我们滚动的时候就能看到它的确在滚动,而不是说什么也没动啊,这样我们会看的比较明显。
02:08
对吧,好了,我们加了一个SC区域,我们来点击实时预览。啊,实时预览的话呢,你现在的确能滚啊,但是实际上我们滚动的实际上是这块区域滚,而不是整个区域滚啊,啊他现在是整个区域都在滚动,其实这是不对的啊,应该是这块区域这个测试文字这里可以滚动,所以说咱们这个实时预览呢,它可以预览出一点内容,但是一些带功能的组件它没法预览。那么这个时候就需要真机WiFi测试了。真机调试呢,需要做一些准备工作。我能打开文档。首先,第一步,我们需要保证电脑和手机连接的是同一个WiFi。你可以让电脑插网线,然后电脑开一个WiFi,让手机连接,这是可以的。
03:00
也可以说你有个路由器,有一个WiFi,对吧,让电脑和手机同时连这个WiFi,或者你手机开个WiFi,让电脑连这个WiFi也行,反正就是你要让电脑和手机在一个同一个WiFi下才能调试。第二步呢,就是手机需要下载这个APP的软件,那么下载链接就在这TCTRL加鼠标左键啊即可进入。进入之后呢,选中这个APP,然后在右边扫码下载相应的这个软件即可。那么这个就看你是什么设备啊,就下载哪个扫哪个码去下载就OK了。那么这个下载过程我们就不演示了。在这里呢,我们可以给大家看一下啊,下载安装成功,诶现在就掌握这个样子,这是我们这个应用打开呢,它内部呢,就会大概演示一下这个调试的方式是哪些。好,那么我们接下来要干嘛呢?我们下面要进行调试啊,打开咱们代码,我们的关闭这个实时预览,实预览就不需要了啊,在左边我们有一个这个按钮,叫真机调试中机同步点一下,那么在这里呢,我们可以通过WiFi连接器设备,注意一开始呢,你是没有这个的啊,我是连过一次,所以出现这个界面了。
04:16
那么你要先点通过WiFi连接器设备,诶,这时候就会弹出一个二维码。那么弹出二维码之后呢,你要拿到你的手机设备,点击这个右上角这个扫码这个图标。来,我们点击。扫码,然后扫描咱们的这个二维码。OK,扫描二维码的时候呢,它就会跟甄姬啊和咱们的这个。软件就会同步了,同步之后你再点击这个,它就会找到这个设备,点击它就会把本地的这个代码同步到咱们的这个真机上这个测试了。对吧,诶就这么简单,此时我们看到它高度是100PS啊,我们就有滚动条,你看这才是真正的它高度只有这样啊,100200PS,那么中间可以进行滚动咱们的内容,而不是整体可以滚动。
05:09
OK,那么这个就是咱们的这些真机调试的方式啊。所以还是一样啊,就是咱们的这个实时预览呢,它只能看到一些基本效果,一些主机的动态功能呢,它是没办法直接预览的,这时候我们就必须要真机调试。所以实际开发中呢,我们永远建议你去征集调试,实时预览呢,只是一个最基本的效果的一个预览而已。好了啊,那么这个就是这个真机预览的功能。
我来说两句