mirror of
https://github.com/lvgl/lvgl.git
synced 2026-08-18 02:38:01 +08:00
Gabor Kiss-Vamosi
02814ddb90
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
50 lines
1.5 KiB
XML
50 lines
1.5 KiB
XML
<!--
|
|
@title Backdrop blur
|
|
@brief Frost the text sitting behind a translucent card.
|
|
|
|
A paragraph fills the screen and the glass card is centered over its
|
|
middle. The card's `blur_backdrop="true"` with `blur_radius="14"` blurs
|
|
only what is behind it, and `bg_opa="40%"` keeps the card translucent so
|
|
the blurred text shows through — sharp text around it, soft text under it.
|
|
-->
|
|
<screen>
|
|
<styles>
|
|
<!-- Translucent card that frosts whatever it covers -->
|
|
<style
|
|
name="style_glass"
|
|
radius="40"
|
|
bg_opa="40%"
|
|
bg_color="0xffffff"
|
|
border_width="1"
|
|
border_color="0xffffff"
|
|
border_opa="60%"
|
|
blur_backdrop="true"
|
|
blur_radius="18"
|
|
text_color="0xffffff"
|
|
/>
|
|
</styles>
|
|
|
|
<view
|
|
style_bg_opa="100%"
|
|
style_bg_color="0x6366f1"
|
|
style_bg_grad_color="0xec4899"
|
|
style_bg_grad_dir="ver"
|
|
style_pad_all="10"
|
|
>
|
|
<!-- 💡 The text under the card is blurred; lower the card's `bg_opa` or raise `blur_radius` for a stronger frost. -->
|
|
<lv_label name="label_1"
|
|
align="center"
|
|
width="100%"
|
|
style_text_align="center"
|
|
text="Hey there, I'm a little text in the background which is blurred. You might seem that some of parts are sharp, but other under the glass cannot be read. "
|
|
/>
|
|
<lv_button name="button" align="center" style_pad_all="16" y="55">
|
|
<lv_label name="label_2" text="Click me" />
|
|
</lv_button>
|
|
<lv_obj name="container" width="210" height="110" align="center">
|
|
<style name="style_glass" />
|
|
<lv_label name="label_3" align="center" text="Frosted glass" />
|
|
</lv_obj>
|
|
</view>
|
|
</screen>
|