Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zlgopen/awtk

AWTK = Toolkit AnyWhere(a cross-platform embedded GUI)
https://github.com/zlgopen/awtk

djyos embedded gui liteos ms-rtos rt-thread stm32 sylixos zephyr

Last synced: 2 days ago
JSON representation

AWTK = Toolkit AnyWhere(a cross-platform embedded GUI)

Awesome Lists containing this project

README 

        
# AWTK = Toolkit AnyWhere



> [中文用户请看这里](README_zh.md)



## I. Introduction



[AWTK](README.md) , the abbreviation of Toolkit AnyWhere, is an open source GUI engine developed by [ZLG](http://www.zlg.cn/). It is a cross-platform GUI engine for embedded systems, WEB, mini programs, mobile phones and PC. It is a powerful, efficient, reliable and easy-to-use GUI engine for users to design beautiful GUI applications.



> Welcome developers to join us in our development:[Joint Ecology Building Plan](docs/awtk_ecology.md)



#### [AWTK](README.md) has two implications as follows: 



* Toolkit AnyWhere.

* As the built-in GUI of AWorksOS, which is the ZLG IoT operating system.



#### [AWTK](README.md) source code repositories:



* Main source code repository: [https://github.com/zlgopen/awtk](https://github.com/zlgopen/awtk)

* Mirrored source code repository：[https://gitee.com/zlgopen/awtk](https://gitee.com/zlgopen/awtk)

* Stable version pack: https://pan.baidu.com/s/1_oRgj67M-I4kivk-YzwFWA    Access code:1cmi



#### AWTK Designer - the UI design tool:



* It is no longer necessary to write XML by yourself.

* Design the UI by dragging and dropping. What you see is what you get.

* Support quick preview and pack resources with one-click.

* Registration and download: https://awtk.zlg.cn



![AWTK Designer](docs/images/designer.png)



#### Screenshots:



![Chart-Demo](docs/images/chart_main.png)



![MusicPlayer-Demo](docs/images/musicplayer_main.png)



![Watch](docs/images/smartwatch_main.png)



## II. Ultimate Objectives



* To support development of embedded applications.✔

* To support development of Linux applications.✔

* To support development of MacOS applications.✔

* To support development of Windows applications.✔

* To support development of [Web](https://github.com/zlgopen/awtk-web.git) applications.✔

* To support development of [Android](https://github.com/zlgopen/awtk-android.git) applications.✔

* To support development of [iOS](https://github.com/zlgopen/awtk-ios.git) applications.✔

* To support development of [HarmonyOs](https://github.com/zlgopen/awtk-harmonyos-next.git) applications.✔

* To support development of 2D mini games.



## III. Main Features



### 1. Cross-platform



[AWTK](README.md) is a cross-platform GUI engine , which has two meanings as follows:



* AWTK's code is cross-platform. At present, it is compatible with platforms such as ZLG AWorksOS, Windows, Linux, MacOS, embedded Linux, Android, iOS, HarmonyOS, Web and embedded raw systems. It can be easily ported to variety of different RTOS. In the future, AWTK can be also run as mini programs. 



* In addition, AWTK has a cross-platform library of basic tools, which includes lists, arrays, strings (UTF8 and widechar), event emitters, values, objects, file system, mutex, threads, formulas and string analysis, in order that the applications you develop with AWTK can really run across platforms.



### 2. Efficient



[AWTK](README.md)  ensure efficiency through the following operations: 



* Update changed parts using dirty rectangles algorithms.

* Support 3 FrameBuffer to make the UI run at the highest frame rate (optional).

* UI description files and theme files are stored in efficient binary formats, in order that they can be analyzed more fast.

* Support different GPU acceleration interfaces, including OpenGL, DirectX, Vulkan and Metal and so on.

* Support 2D acceleration interfaces of embedded platforms, such as NXP's PXP interfaces and STM32's DMA2D interfaces, user can easy to adapt to other acceleration interfaces.



### 3. Stable



[AWTK](README.md) makes codes as stable and reliable as possible in following ways: 



* Perform static checks using cppcheck and facebook infer.

* Dynamically check memory with valgrind.

* With approximately 20,000 lines of codes for unit testing.

* With support from the powerful GUI team of ZLG.

* Has been validated in multiple practical projects.

* Has been validated by multiple platforms and compilers.

* With excellent architecture design.

* Code Review.

* Manual test.



### 4. Powerful 



* Abundant widgets (being add more widgets).

* Support multiple image formats (png/jpg/gif/svg).

* Support multiple font formats (bitmap and vector fonts).

* Support window animation function.

* Support widget animation function.

* Support HD screen.

* Support UI layout description file.

* Support UI theme file.

* Support switch themes in runtime.

* Support custom rule for widget layout.

* Support custom rule for highlighting dialogs.

* With many auxiliary tools.

* Support different CPU from low-end (such as Cortex M3) to high-end.

* Support no-filesystem platform and custom filesystem.

* Support raw systems platform and RTOS.



### 5. Easy-to-use



* With many demonstration codes.

* With complete API document and user guide document.

* With technical support from the powerful team of ZLG.

* With the UI designer, which also developed with AWTK (https://awtk.zlg.cn). 

* Use declarative UI description language. user can enable widget animation, window animation, and image display (png/jpg/svg/gif) with one line code.



### 6. Customizable 



* Support extend custom widgets.

* Support extend custom animations.

* Support implement custom main loop.

* Support extend custom soft keyboard.

* Support extend custom image loader.

* Support extend custom font loader.

* Support extend custom input method engine.

* Support extend custom layout algorithms for widgets.

* Support extend custom rule for highlighting dialogs.

* Support implement custom LCD interface.

* Support extend custom vector engines (e.g.skia/cairo).

* All extended and built-in widgets are treated the same.



### 7. Multiple Development Languages



[AWTK](README.md) is been developed in the C Program Language. Scripts in different languages can be generated by the IDL. The binding code generated not only simply mapping the C API to the target script language, but  also with the native code styles of the target script language. At present, following languages are supported (More languages will be added): 



* C

* Go

* C++

* lua

* java

* python

* Javascript on jerryscript

* Javascript on nodejs

* Javascript on quickjs



### 8. Internationalization 



* Support Unicode. 

* Support input methods.

* Support translate strings. 

* Support translate images.

* Support text bidirectional algorithms.



### 9. The MVVM framework for embedded software thoroughly separate user interfaces from business logic 



* High performances. 

* Low memory usage.

* More thorough isolation.

* Portable to other GUI.

* Less codes (~5,000 lines).

* No need for learning API of AWTK.

* Support multiple programming languages (support C/JS at present).



> For details, please see https://github.com/zlgopen/awtk-mvvm



### 10. Open source codes are freely available for commercial purposes (LGPL)



## IV.  Simulation Run



### Code Downloading 



* Download with git 



> [Git under Windows](https://git-scm.com/download/win)



**Code Downloading**



```

git clone https://github.com/zlgopen/awtk.git

```



> Under Windows, codes can be downloaded by git with GUI tool.



**Code Updating (in the awtk directory)**



```

git pull

```



>  The advantage of using Git is that it is very convenient to update the code later.



* Directly download the zip file.



>  Download the [ zip file](https://github.com/zlgopen/awtk/archive/master.zip). Once unzipped, the file shall be renamed **awtk**.



### Mac



If nodejs, scons and sdl2 aren't installed, please run the following command in the terminal (assuming that brew has been installed):



```

brew install scons sdl2 node

```



Compile and run (Enter the directory where awtk is and run the following command in the terminal): 



```

scons

./bin/demoui

```



### Ubuntu （version >=16)



 If scons and the dependent software pack aren't installed, please run the following command in the terminal:



```

sudo apt-get install gcc g++ scons libsndio-dev libgtk-3-dev libglu1-mesa libglu1-mesa-dev libgl1-mesa-glx libgl1-mesa-dev libasound2-dev libibus-1.0-dev fcitx-libs-dev git vim clang-format libharfbuzz-dev nodejs libreadline-dev

```



Compile and run (Enter the awtk directory and run the following command in the terminal): 



```

scons

./bin/demoui

```



> If it can't be run in Ubuntu 14, please refer to [FAQ](docs/faq.md).



### Windows



> Please install python (64-bit python shall be installed for a 64-bit system), scons and Visual Studio C++ (version>=2017) first.



>  If pywin32 isn't installed, please use pip to install:



```

pip install pywin32

```



Compile and run (Enter the awtk directory and run the following command in the terminal): 



Install [nodejs](https://nodejs.org/en/)



```

scons

bin\demoui

```



### compile prams



help info :



```

scons help

```



export compile prams file ：



```

scons DEFINE_FILE=./awtk_config_define.py

```



build compile prams file :



```

scons EXPORT_DEFINE_FILE=./awtk_config_define.py

```



### for all platforms



> If PIL isn't installed, please use pip to install:



```

pip install Pillow

```



> If nodejs glob isn't installed, please use npm to install:



```

npm install -g glob

```



## V. Online Demonstration



* [Online Demonstration of Basic Widgets](https://awtk.zlg.cn/demos/awtk/demoui/index.html)



* [Graphical Demonstration](https://awtk.zlg.cn/demos/awtk_projects/Chart.v2-Demo/index.html)



* [Music Player Demonstration](https://awtk.zlg.cn/demos/awtk_projects/MusicPlayer.v2-Demo/index.html)



* [Smart Watch Demonstration](https://awtk.zlg.cn/demos/awtk_projects/SmartWatch.v2-Demo/index.html)



## VI. Platform Porting



* [For details, refer to the Joint Ecology Building Plan for AWTK](docs/awtk_ecology.md)



## VII. Language Binding



* [AWTK Binding Code Generator](https://github.com/zlgopen/awtk-binding)



* [LUA Binding](https://github.com/zlgopen/awtk-lua)



* [Go Binding](https://github.com/zlgopen/awtk-go)



* [C++ Binding](https://github.com/zlgopen/awtk-cpp)



* [JAVA Binding](https://github.com/zlgopen/awtk-java)



* [Python Binding](https://github.com/zlgopen/awtk-python)



* [MiniJVM Binding](https://github.com/zlgopen/awtk-minijvm)



* [JS-Binding QuickJS](https://github.com/zlgopen/awtk-quickjs)



* [JS-Binding NodeJS](https://github.com/zlgopen/awtk-nodejs)



* [JS-Binding JerryScript](https://github.com/zlgopen/awtk-jerryscript)



## VIII. Related Projects



* [Template Project](https://github.com/zlgopen/awtk-hello)



* [MVVM Template Project](https://github.com/zlgopen/awtk-mvvm-c-hello)



* [awtk-csv-file](https://github.com/zlgopen/awtk-csv-file)



* [awtk-database-repository](https://github.com/zlgopen/awtk-database-repository)



* [awtk-sqlite3](https://github.com/zlgopen/awtk-sqlite3)



* [awtk-vscode-plugin](https://github.com/zlgopen/awtk-vscode-plugin)



* [awtk-restful-httpd](https://github.com/zlgopen/awtk-restful-httpd)



* [Auto Test Engine](https://github.com/zlgopen/awtk-ui-automation)



* [Regression Test](https://github.com/zlgopen/awtk-regression-test)



* [Demonstration Codes with C Program](https://github.com/zlgopen/awtk-c-demos)



* [Wonderful Examples](https://github.com/zlgopen/awtk-examples)



* [HTTP Client](https://github.com/zlgopen/awtk-http-client)



* [AWTK-MVVM](https://github.com/zlgopen/awtk-mvvm)



* [MVC/MVVM Example Demonstration](https://github.com/zlgopen/awtk-patterns)



* [Examples for Custom Widgets: Widget Generator](https://github.com/zlgopen/awtk-widget-generator)



* [Examples for Custom Widgets: QR code](https://github.com/zlgopen/awtk-widget-qr)



* [Examples for Custom Widgets: TinyGL](https://github.com/zlgopen/awtk-widget-glview)



* [Examples for Custom Widgets: Number-label](https://github.com/zlgopen/awtk-widget-number-label)



* [Examples for Custom Widgets: Code Editor](https://github.com/zlgopen/awtk-widget-code-edit)



* [Examples for Custom Widgets: Date Picker](https://github.com/zlgopen/awtk-widget-date-picker)



* [Examples for Custom Widgets: Table View](https://github.com/zlgopen/awtk-widget-table-view)



* [Examples for Custom Widgets: Tree View](https://github.com/zlgopen/awtk-widget-tree-view)



* [Examples for Custom Widgets: Shape](https://github.com/zlgopen/awtk-widget-shape)



* [Examples for Custom Widgets: HTML View](https://github.com/zlgopen/awtk-widget-html-view)



* [Examples for Custom Widgets: ios/android like list item](https://github.com/zlgopen/awtk-widget-slidable-row)



* [Examples for Custom Widgets: VLabel](https://github.com/zlgopen/awtk-widget-vlabel)



* [Examples for Custom Widgets: rlottie](https://github.com/zlgopen/awtk-widget-rlottie)



* [Examples for Custom Widgets: rive](https://github.com/zlgopen/awtk-widget-rive)



* [Examples for Custom Widgets: slider circle](https://github.com/zlgopen/awtk-widget-slider-circle)

 

* [Examples for Custom Widgets: progress polygon](https://github.com/zlgopen/awtk-widget-progress-polygon)



* [Integrate 3D engine OGRE](https://github.com/zlgopen/awtk-ogre)



* [Examples for Custom Widgets: liquid flow](https://github.com/zlgopen/awtk-widget-liquid-flow)



* [Examples for Custom Font Loader](https://github.com/zlgopen/awtk-custom-font-loader)



* [Write AWTK App With ReactJS](https://github.com/zlgopen/react-awtk)



* [awtk-modbus](https://github.com/zlgopen/awtk-modbus)



* [awtk-ftpd](https://github.com/zlgopen/awtk-ftpd)



* [awtk-ftp-fs](https://github.com/zlgopen/awtk-ftp-fs) 



* [awtk-hmi](https://github.com/zlgopen/awtk-hmi)



The third party provides: 



* [Examples for Custom Widgets: QR code](https://github.com/CUITzhaoqi/awtk-qr)



* [Examples for Custom Widgets: Circle Sliders](https://github.com/longyuwlz/awtk_slider_circle)



* [Examples for Custom Widgets: Gesture Lock](https://gitee.com/zhangzhongji/awtk-widget-gesture-lock)



## IX. Documentation



* [Development Docs](docs/README.md)



* [Change Logs](docs/changes.md)



* [TODO](TODO.md)



* [Beginners' Guide and Handbook](https://github.com/zlgopen/awtk-docs)



## X. Joint Ecology Building Plan



* [Joint Ecology Building Plan](docs/awtk_ecology.md)

* In-depth Partners



[![](docs/images/logo_nxp.svg)](https://www.nxp.com)　[![](docs/images/logo_anyka.jpg)](http://www.anyka.com)　[![](docs/images/logo_ingenic.jpg)](http://www.ingenic.com.cn)　[![](docs/images/logo_mindmotion.png)](http://www.mindmotion.com.cn)　[![](docs/images/logo_bestechnic.jpg)](https://www.bestechnic.com)



## XI. Developer Community



Welcome any interested developer to evaluate and try to use AWTK. If you have any suggestions or questions about AWTK, please add the WeChat account zlgmcu-888 to enter the AWTK communication group, and ZLG R&D team will answer them for you.