diff --git a/README.md b/README.md index ab1edf7..bf1f4d1 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,7 @@ # GuiLite - 最小UI框架 +![badge_build](https://img.shields.io/badge/build-passing-brightgreen.svg) ![badge_docker](https://img.shields.io/badge/docker%20build-passing-brightgreen.svg) ![badge_platform](https://img.shields.io/badge/platform-Windows%20%7C%20Linux%20%7C%20macOS%20%7C%20iOS%20%7C%20Android%20%7C%20MCU-brightgreen.svg) ![badge_lincense](https://img.shields.io/badge/license-Apache%202-blue.svg) ![badge_lincense](https://img.shields.io/badge/architecture-amd64%20%7C%20arm%20%7C%20arm64-blue.svg) - [功能介绍](#功能介绍) -- [实例程序](#实例程序) +- [快速上手](#快速上手) - [开发文档](#开发文档) - [学习方法](#学习方法) - [视频链接](#视频链接) @@ -8,57 +9,51 @@ *** ## GuiLite是什么鬼？ - GuiLite（超轻量UI框架）是5千行代码的**全平台UI框架**，可以完美运行在iOS，Android，Linux（ARM/x86-64），Windows（包含VR），Mac，和**Dokcer容器**上。 -- GuiLite与操作系统及第三方图形库无关，甚至也可以运行在无OS的单片机环境。 - GuiLite可以嵌入在iOS、Android、MFC、QT等其他UI系统中，让你的界面集百家之长，又不失个性。 +- GuiLite与操作系统及第三方图形库无关，甚至也可以运行在无OS的单片机环境。 - GuiLite鼓励混合编程，开发者可以用GuiLite接管UI部分，用Swift，Java，Go，C#，Python开发业务部分。 -- ⚠️不鼓励大家全盘接受GuiLite，更愿意大家掌握UI的核心原理 +- ⚠️不鼓励大家全盘接受GuiLite，更愿意大家自主定制GuiLite - ⚙️希望GuiLite小到足够帮助大家掌握UI工作原理，从而摆脱UI框架的束缚，构建自己独一无二的UI - 👑任何UI框架都不为你我而生，你才是自己真正的主人 -## 新的打开方式：![Docker](https://images.gitee.com/uploads/images/2019/0302/131807_4e607d6c_1671974.jpeg) -我们把GuiLite demo做成了Docker容器，只需一行命令，就可以将最新的GuiLite demo升级/部署/运行在你的设备上了。 +## 🔥新的打开方式：![Docker](https://images.gitee.com/uploads/images/2019/0302/131807_4e607d6c_1671974.jpeg) +我们把GuiLite demo做成了Docker映像，只需一行命令，就可以将最新的GuiLite demo升级/部署/运行在你的设备上了。 - `sudo docker run -it --privileged -v /dev:/dev-share idea4good/gui-lite:latest bash /run.sh` ## 功能介绍 -### 卓越的跨平台能力(包括有/无操作系统的单片机平台) -在Mac, iOS下的运行效果: +### 卓越的跨平台能力 +| ARM Linux | STM32 Without OS | +| --- | --- | +| ![ARM Linux](doc/Linux.gif) | ![MCU](doc/HelloParticle.gif) ![MCU](doc/HelloWave.gif) | -![Mac](doc/Mac.gif) ![iOS](doc/Ios.landscape.gif) +| Windows Mixed Reality | Android | +| --- | --- | +| ![Win MR](doc/WinMR.gif) | ![Android](doc/Android.gif) | -在Android，嵌入式ARM Linux下的运行效果: - -![Android](doc/Android.gif) ![Linux](doc/Linux.gif) - -在Windows混合现实，及单片机下的运行效果: - -![Win MR](doc/WinMR.gif) ![MCU](doc/MCU.gif) - -### 万国语和墙纸 -- 墙纸： -![unicode](doc/wallpaper.jpg) - -- 万国语(unicode)： +| macOS | iOS | +| --- | --- | +| ![macOS](doc/Mac.gif) | ![iOS](doc/Ios.landscape.gif) | +*** +### Docker容器 +我们把GuiLite demo做成了Docker映像，只需一行命令，就可以将最新的GuiLite demo升级/部署/运行在你的设备上了。 +- `sudo docker run -it --privileged -v /dev:/dev-share idea4good/gui-lite:latest bash /run.sh` +*** +### 易于定制界面 +![wallpaper](doc/wallpaper.jpg) +*** +### 万国语(unicode)： ![unicode](doc/unicode.jpg) - -- [如何制作多种文字/位图资源?](https://github.com/idea4good/GuiLiteToolkit) - +*** ### “换肤”功能 ![multi-theme](doc/multi-theme.png) - -[如何“换肤”？](https://gitee.com/idea4good/GuiLiteSamples/blob/master/HostMonitor/SampleCode/source/resource/resource.cpp) - +*** ### 自我监控 -- **上报“编译/运行”情况至“云端”：** - -![BuildInfo](doc/BuildInfo.png) - -- **同步“本地数据”至“云端”：** - -![DataOnCloud](doc/data_on_cloud.png) - -## 实例程序 +- 上报“编译/运行”情况至“云端”：
![BuildInfo](doc/BuildInfo.png) +- 同步“本地数据”至“云端”：
![DataOnCloud](doc/data_on_cloud.png) +*** +## 快速上手 GuiLite只是一个框架，本身并不能生成UI。为了能够展示如何用GuiLite开发App，我们提供了一些实例程序给大家参考。 -- 点击[这里](https://gitee.com/idea4good/GuiLiteSamples)预览UI效果。 +- 实例程序的代码在[这里](https://github.com/idea4good/GuiLiteSamples)。 - 实例程序的功能说明： | 实例名称 | 支持的平台 | 功能简介 | 编译方法 | 难度 | @@ -75,9 +70,11 @@ GuiLite只是一个框架，本身并不能生成UI。为了能够展示如何 ## 开发文档 - [如何编译?](doc/HowToBuild.md) - [设计原理](doc/CodeWalkthrough-cn.md) -- [UML示意图](doc/UML.md) - [如何布局UI?](doc/HowLayoutWork.md) +- [如何制作多种文字/位图资源?](https://github.com/idea4good/GuiLiteToolkit) +- [如何“换肤”？](https://gitee.com/idea4good/GuiLiteSamples/blob/master/HostMonitor/SampleCode/source/resource/resource.cpp) - [如何传递消息?](doc/HowMessageWork.md) +- [核心UML示意图](doc/UML.md) ## 学习方法 1. **外围** - 成功编译GuiLite库 @@ -92,11 +89,9 @@ GuiLite只是一个框架，本身并不能生成UI。为了能够展示如何 - [3D GuiLite](https://v.youku.com/v_show/id_XMzYxNTE3MTI0MA) - [GuiLite + 单片机](https://v.youku.com/v_show/id_XNDAwNzM5MTM3Ng) -## GitHub链接 +## 镜像代码仓库 [GitHub链接](https://github.com/idea4good/GuiLite) ## 致谢 -### 感谢开发者群的所有同学，是你们塑造了今天的GuiLite！也欢迎新的大神/小白加入我们。 -![QQ group: 527251257](doc/qq.group.jpg) -### 感谢来自码云用户的捐赠，您的每一分钱都会用来帮助急需帮助的中国儿童或家庭。 - +- 感谢开发者群的所有同学，是你们塑造了今天的GuiLite！也欢迎新的大神/小白加入我们。
![QQ group: 527251257](qq.group.jpg) +- 感谢来自[码云用户](https://gitee.com/idea4good/GuiLite)的捐赠，您的每一分钱都会用来帮助急需帮助的中国儿童或家庭。 diff --git a/doc/BuildInfo.png b/doc/BuildInfo.png index efdad77..20e7d8e 100644 Binary files a/doc/BuildInfo.png and b/doc/BuildInfo.png differ diff --git a/doc/donation.jpg b/doc/donation.jpg deleted file mode 100644 index d17f162..0000000 Binary files a/doc/donation.jpg and /dev/null differ diff --git a/doc/unicode.jpg b/doc/unicode.jpg index 5f6ac4a..a1f51e8 100644 Binary files a/doc/unicode.jpg and b/doc/unicode.jpg differ diff --git a/doc/wallpaper.jpg b/doc/wallpaper.jpg index 6a35634..e4dd4b4 100644 Binary files a/doc/wallpaper.jpg and b/doc/wallpaper.jpg differ