首页 APP开发 正文内容

uni-app 跨端开发项目用什么 UI 框架?

2023年09月09日 , , , , , 317

uni-app 想要写一套代码编译到多个平台,有哪些 ui 框架可以选择?

前提

首先 uni-app 是一个开发工具,如果我们不跨端开发,比如只开发 H5,或者只开发小程序,完全可以选择一款顺手的 H5 或者小程序组件库,市面上也非常多。

跨端组件库有什么要求?

一款 uni-app 跨端组件,除了要适配各端的特点外,风格中性外,最大的要求就是无 DOM,不能像开发 web 项目那样用到浏览器的 api。另外,在 APP 端还要能通过 nvue 原生的方式来渲染,所以写一套跨端通用的 UI 组件库并不容易,下面就为大家盘点几款在 uni-app 生态中可以跨端使用的组件库。

uni-app 官方组件库:MUI

这是 uni-app 官方推出的 UI 组件库,官方的 Hello 项目 demo 默认用的就是这款组件库。特点是:

  1. 跨平台支持: 一套代码,可以完美运行官方支持的所有各大小程序平台iOS / 安卓 APP,以及 H5;
  2. 优异的性能表现:官方针对 uni-app,做了大量的性能优化工作,保证运行在项目中非常流畅;
  3. 免费开源: MUI 是开源的,开发者可以免费使用和修改框架,以适应其项目的需求。

官方的组件库,可用性、稳定性完全没问题,唯一就是风格偏中性,颜值不是很高。

uView UI

uView UI 是一个专注于为移动端和微信小程序提供丰富的 UI 组件库。让我们简化移动应用程序和小程序的开发,减少开发工作量,提供高质量的用户体验,并支持跨平台开发。以下是 uView UI 的特点:

  1. 基于Vue.js: 可以使用Vue.js的语法和概念来构建移动应用和小程序,这对于熟悉 Vue.js 的 uni-app 开发者来说非常友好;
  2. 跨平台支持: uView UI不仅支持 web 项目,还提供了微信小程序的组件库,因此可以在多个平台上共享代码和UI组件,实现跨平台开发;
  3. 丰富的组件库: uView UI包含了大量移动端和微信小程序常用的UI组件,包括按钮、卡片、表单元素、列表、导航栏、轮播图、模态框、抽屉等。这些组件可以大大提高开发效率;
  4. 自定义主题: uView UI允许开发者轻松自定义主题和样式,以适应不同项目的设计需求,包括颜色、字体、边框等;
  5. 社区支持: uView UI有一个活跃的开发社区,开发者可以在社区中获取支持、提问问题、分享经验和贡献代码;
  6. 性能优化: 也是一套高性能的UI组件,各大移动平台上上运行都很流畅;
  7. 免费开源: uView UI 是开源的,开发者可以免费使用和修改组件库,以满足其项目的需求。

总之,uView UI 是一个口碑很好的移动 UI 组件库,适用于用 uni-app 来开发移动端应用程序和微信小程序。

图鸟 UI

图鸟 UI 是一款基于 uni-app 进行开发的 UI 框架,内含常用表单组件、信息展示组件等,并提供丰富的酷炫页面模板。目前图鸟 UI 以 uni-app 插件的方式提供,已经支持发布到 H5 / App 和微信小程序。

详细的介绍可以看这篇 图鸟 UI 的介绍文章

总结

这三款 UI 组件库就是 uni-app 社区里比较受欢迎的 ui 框架,他们都是免费开源的,希望能帮到你们。