zl程序教程

您现在的位置是:首页 >  工具

当前栏目

Flet教程之 02 ElevatedButton高级功能(教程含源码)(教程含源码)

源码教程 功能 高级 02
2023-09-11 14:18:32 时间

ElevatedButton是什么

ElevatedButton本质上是带有阴影的填充色调按钮。为防止阴影蔓延,请仅在绝对必要时使用它们,例如当按钮需要与图案背景视觉分离时。

带自定义内容多button

请添加图片描述

 import flet
from flet import (
    Column,
    Container,
    ElevatedButton,
    Icon,
    Page,
    Row,
    Text,
    icons,
    padding,
)


def main(page: Page):
    page.title = "Elevated buttons with custom content"
    page.add(
        ElevatedButton(
            width=150,
            content=Row(
                [
                    Icon(name=icons.FAVORITE, color="pink"),
                    Icon(name=icons.AUDIOTRACK, color="green"),
                    Icon(name=icons.BEACH_ACCESS, color="blue"),
                ],
                alignment="spaceAround",
            ),
        ),
        El