卡片 Card

材料设计的卡片：一个带有略微圆角和阴影的面板。

示例

实时示例

Python

import flet as ft

def main(page):
    page.title = "卡片示例"
    page.add(
        ft.Card(
            content=ft.Container(
                content=ft.Column(
                    [
                        ft.ListTile(
                            leading=ft.Icon(ft.icons.ALBUM),
                            title=ft.Text("The Enchanted Nightingale"),
                            subtitle=ft.Text(
                                "Music by Julie Gable. Lyrics by Sidney Stein."
                            ),
                        ),
                        ft.Row(
                            [ft.TextButton("购买门票"), ft.TextButton("收听")],
                            alignment=ft.MainAxisAlignment.END,
                        ),
                    ]
                ),
                width=400,
                padding=10,
            )
        )
    )

ft.app(target=main)

属性

color

卡片的背景颜色。

content

应显示在卡片内部的Control。

此控件只能有一个子控件。要布置多个子控件，请将此控件的子控件设置为Row、Column或Stack等控件，这些控件具有children属性，然后将子控件提供给该控件。

elevation

控制卡片下方阴影的大小。默认值为1.0。

margin

围绕卡片的空白空间。

有关更多信息和可能的值，请参阅Container.margin属性。

shadow_color

用于绘制卡片下方阴影的颜色。

shape

卡片的形状。

该值是以下实现之一的实例：

• StadiumBorder
• RoundedRectangleBorder
  • radius - 边框半径，BorderRadius类的实例或数字。
• CircleBorder
• BeveledRectangleBorder
  • radius - 边框半径，BorderRadius类的实例或数字。
• ContinuousRectangleBorder
  • radius - 边框半径，BorderRadius类的实例或数字。

默认形状是radius=4.0的RoundedRectangleBorder。

surface_tint_color

用作覆盖在color上以指示高度的颜色。

如果为None，则不会应用覆盖。否则，此颜色将与elevation相关的不透明度混合在color上，并用于绘制卡片的背景。

默认值为None。