通过首页介绍,您应该对UIOTOS有了大致了解。本篇试图用简短篇幅,介绍从登录到预览的完整步骤,帮助新手快速入门。
「1」 登录
打开登录页,点击右上角登录,弹窗输入账号,点击确定。
说明
●测试账号:test/123456
●登录后自动打开(编辑器页签中)上次未关闭的,否则进入示例页。
●直接点击示例,打开运行;按下拖放一下,打开编辑(有登录才行)。
「2」 新建
示例页→ 左上角文件→ 主区域点击新建页面→ 弹窗输入新页面名→ 点击确定。(详见新建页面)
说明
●新建的页面,默认在专属空间-用户目录下。
●共享空间通常只能看,所有账号共享,不允许修改保存。
●模板示例,可以复制到用户目录下编辑。(详见拷贝页面工程)
「3」 编辑
左侧组件→ 组件二级菜单 → 拖放到页面。(详见编辑器)
说明
●组件、图标、素材,都能拖放到页面。
●默认白色矩形为“底板”,代表页面的显示区域,方便其他组件摆放和布局。
●ctrl + 点击空白区域,可以切换左、右侧面板的显示和隐藏。
「4」 嵌套(特色)
「4.1」 新建内嵌页
说明
●左下角右键,也能新建页面。
●拖入组件后,修改底板默认尺寸,确保比例协调。页面被嵌套后,底板大小为容器组件大小(填充)。
「4.2」 拖放容器组件
说明
●容器组件都有页面路径属性,填入内嵌页的即可。
●编辑器页签中,右键能复制(内嵌页)路径。(详见如何复制页面路径地址?)
●编辑器页签双击,能快速定位页面位置。(详见快速定位页面)
「5」 连线(特色)
右键连线→交互连线→ 组件A上按下鼠标 → 组件B上松开鼠标 → 弹窗中选择B属性 → 二级弹窗中选择A属性,这就实现了A.x → B.y的连线。(详见连线基础篇 )
说明
●任意两个组件的属性,可以通过交互连线来传递。A.x → B.y,就是将A的x属性值,给到B组件的y属性。
「6」 预览
任何页面,不论用于哪一层嵌套,都能单独预览。点击顶部工具栏的预览按钮即可:
有兴趣可以更进一步:
●上层页面拖入对话框。
●连线将内嵌页的按钮组索引,传给对话框显示,并且触发弹窗。
说明:
●继承过来的属性,可以一样连线使用。
●两个组件之间,可以有多条连线。
**「附」其他参考 **
# UI界面+IoT场景+OS应用:UIOTOS入门学习(一)
# UI界面+IoT场景+OS应用:UIOTOS入门学习(二)
# UI界面+IoT场景+OS应用:UIOTOS入门学习(三) 拖拽、编辑、[连线]