快速入门会带领我们完成一个“Hello World”的示例。
在开始项目之前,需要搭建好开发环境,详情可查看环境搭建。
基于上面第一步骤,现在我们用Smobiler来做一个“Hello World!”的小项目,初步感觉一下Smobiler。
1. 新建项目
此处强烈建议选择信任,否则可能会为你后续的开发造成一系列的困扰。
进行到此处,我们的界面应该是这样的:
2. 从左侧工具箱中拖一个Button控件到设计器上
(1)光标移动到Button1上鼠标右键单击,出现菜单栏,选择属性,即会出现Button1的属性设置窗口。
(2)在属性设置窗口中,可以修改常见的文本,宽高,边框,字体颜色,背景色等属性。
(3)然后选择事件,在Press后面的可输入空白处,双击,即会自动生成点击事件。
(4)最后,在点击事件中写入触发效果,弹出Hello World!即可。
完成基本的设置之后,我们的设计器和代码界面是这样的:
3. 点击Visual Studio菜单栏中的启动,弹出二维码界面
一直到这步,我们的服务器可以说是架构成功了。(服务器地址由于每个用户电脑IP不同,所有可能会有不同,只要弹出了二维码界面,就是服务器启动成功)。
4. 服务器架构成功后,我们需要把服务器添加到调试工具列表上
(1) 启动调试工具,点击左上角扫一扫按钮,扫描刚才弹出的服务器二维码;
(2) 在弹出的是否添加服务器提示框中,点击完成则添加服务器成功;
此时,调试工具显示应该如下:
说明:一个A(看上去和A一样的方块)代表一个应用,至于,应用头上的红点则说明,这是你最近时间内刚接触过的一个应用。(红点只会有一个,你最近使用了哪个应用,红点就在哪个应用上面)
web版:
(1) 打开浏览器,输入地址 localhost:HTTP端口(默认localhost:2324),就会进入你所设置的服务器了.
5. 来我们来问候世界吧
点击你刚添加的应用,即红点所在处应用,就会进入你所设置的服务器了(移动设备需要能访问到服务器或和服务器处于同一网络环境)
进入之后的界面如上(和你在设计器上的布局一模一样有没有),然后点击按钮:世界你好,来向世界问好吧!