模拟器运行完整项目

本章主要讲解UI设计器方式,在模拟器上的工程导入,烧录运行,以及功能实操(Socket数据收发)的演示。 # 工程导入 ## 下载固件版本和脚本 首先下载固件版本(core)和脚本(script)到本地电脑,下载地址 [gitee地址](https://gitee.com/openLuat/Luat_Lua_Air724U/tree/master/product/%E9%87%91%E7%89%9B%E5%BA%A7%E5%BC%80%E5%8F%91%E6%9D%BF/3.project/UiSocket/UI%E8%AE%BE%E8%AE%A1%E5%99%A8) ## 打开LuatIDE ![undefined](https://cdn.openluat-luatcommunity.openluat.com/images/20220218170920111_1.png "undefined") ## 打开脚本工程 ![image.png](https://cos.easydoc.net/22753220/files/l1n62rpx.png) ## 配置模块型号,脚本库和CORE文件 ![image.png](https://cos.easydoc.net/22753220/files/l1n68orq.png) ## 打开并激活当前项目 选择打开方式为当前窗口打开 ![image.png](https://cos.easydoc.net/22753220/files/l1n6b275.png) 点击LuatIDE图标进入LuatIDE界面 ![image.png](https://cos.easydoc.net/22753220/files/l1n6f36b.png) ## 视频演示 ![打开工程.gif](https://cos.easydoc.net/22753220/files/l1n6xelc.gif) # 烧录运行 如果创建的时候选择模拟器可以直接点下载按钮进行下载运行,否则需要通过设置按钮切换为模拟器模式 ## 切换为模拟器模式 ![image.png](https://cos.easydoc.net/22753220/files/l1na0e3t.png) ![image.png](https://cos.easydoc.net/22753220/files/l1na3207.png) ## 点击运行按钮运行 默认是默认字体显示效果,如显示矢量字体效果,可以修改config.lua配置文件,如下所示: ![image.png](https://cos.easydoc.net/22753220/files/l1nejbwr.png) ![image.png](https://cos.easydoc.net/22753220/files/l1n9vf1l.png) ## 运行效果 模拟器现在默认是竖屏,可以通过点击鼠标右建进行切换为横屏 ![image.png](https://cos.easydoc.net/22753220/files/l1na4tqb.png) 切换后效果 ![image.png](https://cos.easydoc.net/22753220/files/l1na63wm.png) ## 视频演示效果 ![烧录运行.gif](https://cos.easydoc.net/22753220/files/l1nab5vv.gif) # 功能实操 主要通过UI界面设置需要连接的服务器,演示socket数据收发和接收 ## 打开合宙官方TCP测试web页面 [LuatOS 网络测试工具](https://netlab.luatos.com/) ![image.png](https://cos.easydoc.net/22753220/files/l1nahdo6.png) ![image.png](https://cos.easydoc.net/22753220/files/l1naivy2.png) ## 设置需要连接的IP地址和端口 IP地址:112.125.89.8,端口:37759 ![image.png](https://cos.easydoc.net/22753220/files/l1nanadp.png) ## 点击连接按钮连接服务器 ![image.png](https://cos.easydoc.net/22753220/files/l1nardc2.png) ![image.png](https://cos.easydoc.net/22753220/files/l1nateg0.png) ## 数据发送 ![image.png](https://cos.easydoc.net/22753220/files/l1nb0wef.png) ![image.png](https://cos.easydoc.net/22753220/files/l1nb2yqo.png) ## 数据接收 ![image.png](https://cos.easydoc.net/22753220/files/l1nb50j0.png) ![image.png](https://cos.easydoc.net/22753220/files/l1nb7eac.png) ## 断开连接重建连接过程 断开模块操作 ![image.png](https://cos.easydoc.net/22753220/files/l1nb9vwa.png) 服务器显示 ![image.png](https://cos.easydoc.net/22753220/files/l1nbcb6h.png) 重连模块操作 ![image.png](https://cos.easydoc.net/22753220/files/l1nbjn2h.png) 服务器显示效果 ![image.png](https://cos.easydoc.net/22753220/files/l1nboc73.png) ## 视频演示效果 ![实操.gif](https://cos.easydoc.net/22753220/files/l1nchags.gif)