LCUI Router App 0.1.0 发布了,它是 LCUI Router 的应用项目模板,开发者可基于此模板快速开发 LCUI 应用程序。
这是第一个公开发行版,没有更新内容,以下是简单的介绍。
在 LCUI 和 LCUI Router 的更新资讯中分别有提到 Flex 布局系统和路由导航功能,但由于文中并没有提供一个实际例子来展示具体效果,导致资讯内容让人觉得有点虚。不过这篇更新资讯可以解决此问题,从上面的 GIF 截图中可以出这个示例应用包含:
- 路由导航功能:前进、后退、主页、直接跳转
- 多个路由实例:每个标签页都有自己的路由实例,可以单独控制
- 示例页面:新标签页、欢迎页、关于页、文件页、404 页
- Flex 布局的简单应用:主界面使用 flex 布局,主轴为垂直方向,选项卡栏和导航栏高度固定,内容区域高度占满剩余空间
- LC Design 组件库的简单应用:图标、按钮和下拉框都来自 LC Design 组件库
- 图形界面编程的简单示例:在工作线程中加载文件列表并生成对应的 UI 部件列表,然后交给主线程(UI 线程)渲染
已编译的成品在发行版页面的附件中可以找到,如果你想手动下载这个示例应用的源码到本地编译运行,则需要在你的计算机上安装:
之后,在你的终端里运行:
# 克隆这个仓库
git clone https://gitee.com/lc-ui/lcui-router-app
# 进入仓库
cd lcui-router-app
# 安装 NodeJS 依赖包
npm install
# 安装适用于 x64 CPU 架构的 C/C++ 依赖库
lcpkg install --arch x64
# 以调试模式运行应用程序
lcpkg run start --mode debug
以上方法适用于 Windows 系统用户,Linux 系统用户请自行研究编译方法。