框架介绍

UXUI 介绍

uni-app x user interface ( UXUI ) 是一款基于 uni-app x 的、免费、开源的样式、组件库。

UXUI 背景

1. GraceUI 回顾

在 2018年 ( 5 年前 ) 我们发布了一款基于 uni-app 的收费 UI 框架 GraceUI,5 年来 GraceUI 累计使用者超过 3 万,经历了 5 个大版本更新,已经成为一款非常稳定的UI框架,为开发者实实在在地提供了诸多便利、显著地提高了开发速度。

2. 为什么是 UXUI

2023 年,dcloud 发布新一代 uni-app : uni-app X,基于 UTS,可以实现更高效的 APP、H5、及各类小程序开发,截止目前已支持安卓端,并会陆续发布更多端支持。GraceUI 可选择的升级策略有 2 种 :

2.1 直接在现有框架内升级

这种方式会产生一些问题:

框架底层语言冲突 ( js 和 uts )
框架底层组件冲突 ( uni-app 和 uni-app X 底层组件支持不统一 )
适配平台冲突 ( 目前 uni-app 仅支持安卓平台 )

由于上面的问题,我们采用了第2种方式 :

2.2 发布一款新的框架,同时维护2款框架
于是我们研发了新的框架 uXui,用于支持 uni-app x,而原有的 GraceUI 用于支持 uni-app ( 保持收费模式 )。
这样开发者可以按需选择对应的框架,我们在实现框架时也变得更加可控。

UXUI 免费、开源

作为对 dcloud 团队的致敬,对众多开发者一路相伴的感谢,UXUI 免费、开源 ( 遵守 MIT 开源协议 ) 。
您可以通过 dcloud 插件市场免费获取 UXUI 框架及示例源码,并免费地应用到您的项目。

注意事项

1. HBuilderX 编辑器版本 : HBuilderX 3.9+;

2. 目前仅支持安卓平台,需要使用安卓真机或者模拟器调试;

相关文档

uni-app x  官网 :

https://uniapp.dcloud.net.cn/uni-app-x/

uts 官网 :

https://uniapp.dcloud.net.cn/uts/

uni-app x 官方示例项目 (  推荐 ,可以学习大部分实战用法 ) :

https://gitcode.net/dcloud/hello-uni-app-x

ts 快速入门教程 :

https://www.lesscode.work/courses/info/970f0caee4a444b6336045dc9f8c39ef.html