BlurStyle

Styles to use for blurs

Inherits: enum.Enum

Properties

• INNER - Fuzzy inside, nothing outside.
• NORMAL - Fuzzy inside and outside.
• OUTER - Nothing inside, fuzzy outside.
• SOLID - Solid inside, fuzzy outside.

Examples

Blur Style showcase

play_arrowTry Online

import flet as ft


def showcase_card(style: ft.BlurStyle) -> ft.Container:
    sample = ft.Container(
        width=130,
        height=90,
        border_radius=12,
        bgcolor=ft.Colors.BLUE_400,
        shadow=ft.BoxShadow(
            blur_radius=28,
            spread_radius=3,
            color=ft.Colors.RED_400,
            offset=ft.Offset(10, 10),
            blur_style=style,
        ),
    )

    return ft.Container(
        width=300,
        height=180,
        padding=12,
        border=ft.Border.all(1, ft.Colors.RED),
        border_radius=10,
        bgcolor=ft.Colors.SURFACE_CONTAINER_LOW,
        content=ft.Column(
            spacing=12,
            horizontal_alignment=ft.CrossAxisAlignment.CENTER,
            controls=[
                ft.Text(style.name, weight=ft.FontWeight.BOLD),
                sample,
            ],
        ),
    )


def main(page: ft.Page):
    page.horizontal_alignment = ft.CrossAxisAlignment.CENTER

    page.appbar = ft.AppBar(title="BlurStyle Showcase")
    page.add(
        ft.SafeArea(
            content=ft.Column(
                controls=[
                    ft.Text(
                        "Compare shadow blur rendering styles. "
                        "The blue box uses red shadow with selected blur style."
                    ),
                    ft.Row(
                        wrap=True,
                        spacing=12,
                        expand=True,
                        scroll=ft.ScrollMode.AUTO,
                        alignment=ft.MainAxisAlignment.CENTER,
                        controls=[showcase_card(style) for style in ft.BlurStyle],
                    ),
                ]
            )
        )
    )


if __name__ == "__main__":
    ft.run(main)

Properties

buildINNERclass-attributeinstance-attribute

Fuzzy inside, nothing outside. This can make shapes appear to be lit from within.

buildNORMALclass-attributeinstance-attribute

Fuzzy inside and outside. This is useful for painting shadows that are offset from the shape that ostensibly is casting the shadow.

buildOUTERclass-attributeinstance-attribute

Nothing inside, fuzzy outside. This is useful for painting shadows for partially transparent shapes, when they are painted separately but without an offset, so that the shadow doesn't paint below the shape.

buildSOLIDclass-attributeinstance-attribute

Solid inside, fuzzy outside. This corresponds to drawing the shape, and additionally drawing the blur. This can make objects appear brighter, maybe even as if they were fluorescent.