LCUI Router App 0.1.0 发布,LCUI Router 的应用项目模板

2020年03月03日

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 系统用户请自行研究编译方法。

参考消息:https://gitee.com/lc-ui/lcui-router-app/releases

展开阅读全文
3 收藏
分享
加载中
精彩评论
别只关注啊,可以分享一下你对 UI 开发的见解以及对未来 UI 开发技术的期望。
2020-03-03 21:19
2
举报
支持一下,虽然还没用上,但一直在关注。
2020-03-03 16:46
1
举报
作者牛逼!
2020-03-03 15:33
1
举报
最新评论 (3)
支持一下,虽然还没用上,但一直在关注。
2020-03-03 16:46
1
回复
举报
别只关注啊,可以分享一下你对 UI 开发的见解以及对未来 UI 开发技术的期望。
2020-03-03 21:19
2
回复
举报
作者牛逼!
2020-03-03 15:33
1
回复
举报
更多评论
3 评论
3 收藏
分享
返回顶部
顶部