battery-indicator-lvgl-editor

KO | EN

gitlite — search

#python #typescript #machine-learning #rust #docker #macos #nodejs #kubernetes #vue #awesome-list #pytorch #ios #mcp #open-source

battery-indicator-lvgl-editor

(★ 12)

An iOS inspired battery indicator designed in LVGL Editor

battery-indicator-lvgl-editor 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# An iOS inspired battery indicator made in LVGL's UI Editor

This project is a battery indicator component example to be used in LVGL's UI Editor.
It includes 3 different battery indicator designs that explore XML components, data bindings and custom widgets (XML + C custom code).

To test each battery design, chose one of them in the `top_bar.xml` file inside `components/top_bar`:
```

<wd_battery bind_charging="charging" bind_low_power="low_power_mode" bind_value="battery_value" align="right_mid"></wd_battery>
```

There is a new battery indicator widget `wd_battery_v2` which has all features built in:
- Percetage mode
- Charging icon mask
- Dark/Light themes

All the features can be controlled via subjects.

This new widget can be seen and tested on the `smartwatch_v2.xml` screen.

Download this repo and open the `battery_indicator` folder in the Editor.

![alt text](https://raw.githubusercontent.com/giobauermeister/battery-indicator-lvgl-editor/main/repo_assets/battery_indicator_editor.png)

You can also see it live in the online preview: [Battery Indicator Online Live Preview](https://viewer.lvgl.io/?repo=https://github.com/giobauermeister/battery-indicator-lvgl-editor/tree/main/battery_indicator)

Figma design. Access [here](https://www.figma.com/design/HVvM9m0egZy0wYZDLKKPTA/Battery-Indicator).

![alt text](https://raw.githubusercontent.com/giobauermeister/battery-indicator-lvgl-editor/main/repo_assets/battery_indicator_figma.png)

Tested in a real hardware. Waveshare smartwatch: [https://www.waveshare.com/esp32-s3-touch-amoled-2.06.htm](https://www.waveshare.com/esp32-s3-touch-amoled-2.06.htm)

![alt text](https://raw.githubusercontent.com/giobauermeister/battery-indicator-lvgl-editor/main/repo_assets/smartwatch.jpg)

Please visit [https://lvgl.io/editor](https://lvgl.io/editor) for more information.

battery-indicator-lvgl-editor

battery-indicator-lvgl-editor 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

battery-indicator-lvgl-editor

battery-indicator-lvgl-editor 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README