mirror of
https://github.com/lvgl/lvgl.git
synced 2026-08-20 23:45:50 +08:00
Arduino Lint / lint (push) Has been cancelled
Build Examples with C++ Compiler / build-examples (push) Has been cancelled
MicroPython CI / Build esp32 port (push) Has been cancelled
MicroPython CI / Build rp2 port (push) Has been cancelled
MicroPython CI / Build stm32 port (push) Has been cancelled
MicroPython CI / Build unix port (push) Has been cancelled
C/C++ CI / Build OPTIONS_16BIT - Ubuntu (push) Has been cancelled
C/C++ CI / Build OPTIONS_24BIT - Ubuntu (push) Has been cancelled
C/C++ CI / Build OPTIONS_FULL_32BIT - Ubuntu (push) Has been cancelled
C/C++ CI / Build OPTIONS_NORMAL_8BIT - Ubuntu (push) Has been cancelled
C/C++ CI / Build OPTIONS_SDL - Ubuntu (push) Has been cancelled
C/C++ CI / Build OPTIONS_16BIT - cl - Windows (push) Has been cancelled
C/C++ CI / Build OPTIONS_16BIT - gcc - Windows (push) Has been cancelled
C/C++ CI / Build OPTIONS_24BIT - cl - Windows (push) Has been cancelled
C/C++ CI / Build OPTIONS_24BIT - gcc - Windows (push) Has been cancelled
C/C++ CI / Build OPTIONS_FULL_32BIT - cl - Windows (push) Has been cancelled
C/C++ CI / Build OPTIONS_FULL_32BIT - gcc - Windows (push) Has been cancelled
C/C++ CI / Build ESP IDF ESP32S3 (push) Has been cancelled
C/C++ CI / Run tests with 32bit build (push) Has been cancelled
C/C++ CI / Run tests with 64bit build (push) Has been cancelled
BOM Check / bom-check (push) Has been cancelled
Verify that lv_conf_internal.h matches repository state / verify-conf-internal (push) Has been cancelled
Verify GDB constants are up-to-date / verify-gdb-consts (push) Has been cancelled
Verify the widget property name / verify-property-name (push) Has been cancelled
Verify code formatting / verify-formatting (push) Has been cancelled
Compare file templates with file names / template-check (push) Has been cancelled
Build Docs / build-and-deploy (push) Has been cancelled
Build .deb packages / build (push) Has been cancelled
Test API JSON generator / Test API JSON (push) Has been cancelled
Install LVGL using CMake / build-examples (private) (push) Has been cancelled
Install LVGL using CMake / build-examples (public) (push) Has been cancelled
Check Makefile / Build using Makefile (push) Has been cancelled
Check Makefile for UEFI / Build using Makefile for UEFI (push) Has been cancelled
Emulated Performance Test / ARM Emulated Benchmark - Script Check (scripts/perf/tests/benchmark_results_comment/test.sh) (push) Has been cancelled
Emulated Performance Test / ARM Emulated Benchmark - Script Check (scripts/perf/tests/filter_docker_logs/test.sh) (push) Has been cancelled
Emulated Performance Test / ARM Emulated Benchmark - Script Check (scripts/perf/tests/serialize_results/test.sh) (push) Has been cancelled
Hardware Performance Test / Hardware Performance Benchmark (push) Has been cancelled
Hardware Performance Test / HW Benchmark - Save PR Number (push) Has been cancelled
Performance Tests CI / Perf Tests OPTIONS_TEST_PERF_32B - Ubuntu (push) Has been cancelled
Performance Tests CI / Perf Tests OPTIONS_TEST_PERF_64B - Ubuntu (push) Has been cancelled
Port repo release update / run-release-branch-updater (push) Has been cancelled
Static Checks / Static Checks (push) Has been cancelled
Verify Font License / verify-font-license (push) Has been cancelled
Verify Kconfig / verify-kconfig (push) Has been cancelled
Emulated Performance Test / ARM Emulated Benchmark 32b - lv_conf_perf32b (push) Has been cancelled
Emulated Performance Test / ARM Emulated Benchmark 64b - lv_conf_perf64b (push) Has been cancelled
Emulated Performance Test / ARM Emulated Benchmark - Save PR Number (push) Has been cancelled
33 lines
1.8 KiB
XML
33 lines
1.8 KiB
XML
<!--
|
|
@title Floating button over a list
|
|
@brief A floating child stays pinned while the list behind it scrolls.
|
|
|
|
The panel is a scrollable list of buttons. The round "+" button sets
|
|
`floating="true"`: a floating child is ignored by the layout and is not
|
|
moved when its parent scrolls, so it stays anchored to the bottom-right
|
|
corner while the list slides underneath it.
|
|
-->
|
|
<screen>
|
|
<styles>
|
|
<!-- 44 px button with a 22 px radius → a circular FAB -->
|
|
<style name="style_fab" radius="22" />
|
|
</styles>
|
|
|
|
<view flex_flow="column" style_flex_main_place="center" style_flex_cross_place="center" style_flex_track_place="center" style_pad_row="12">
|
|
<!-- 💡 Scroll the list — the round + button has `floating="true"` so it stays pinned. -->
|
|
<lv_obj name="container" width="240" height="180" flex_flow="column" style_pad_row="8">
|
|
<lv_button name="button_1" width="100%"><lv_label name="label_1" align="center" text="Track 1" /></lv_button>
|
|
<lv_button name="button_2" width="100%"><lv_label name="label_2" align="center" text="Track 2" /></lv_button>
|
|
<lv_button name="button_3" width="100%"><lv_label name="label_3" align="center" text="Track 3" /></lv_button>
|
|
<lv_button name="button_4" width="100%"><lv_label name="label_4" align="center" text="Track 4" /></lv_button>
|
|
<lv_button name="button_5" width="100%"><lv_label name="label_5" align="center" text="Track 5" /></lv_button>
|
|
<lv_button name="button_6" width="100%"><lv_label name="label_6" align="center" text="Track 6" /></lv_button>
|
|
|
|
<!-- Pinned to bottom-right, unaffected by the list's scroll -->
|
|
<lv_button name="button_7" width="44" height="44" align="bottom_right" floating="true" style_bg_color="0x9429ff">
|
|
<style name="style_fab" />
|
|
<lv_label name="label_7" align="center" text="+" />
|
|
</lv_button>
|
|
</lv_obj>
|
|
</view>
|
|
</screen> |