跳到主要内容

填充色调按钮 FilledTonalButton

FilledTonalButton（填充色调按钮）是FilledButton和OutlinedButton按钮之间的替代性选择。它们在低优先级按钮需要比轮廓按钮更加突出的上下文中非常有用，例如在入门流程中的“下一步”按钮。填充色调按钮使用辅助色彩映射。有关更多信息，请参见Material 3按钮。

示例​

实时示例

填充色调按钮​

import flet as ft


def main(page: ft.Page):
    page.title = "Basic filled tonal buttons"
    page.add(
        ft.FilledTonalButton(text="填充色调按钮"),
        ft.FilledTonalButton("禁用按钮", disabled=True),
        ft.FilledTonalButton("带图标的按钮", icon="add"),
    )

ft.app(target=main)

属性​

autofocus​

如果控件将被选择为初始焦点，则为True。如果页面上有多个设置了autofocus的控件，则第一个添加到页面的控件将获取焦点。

content​

表示自定义按钮内容的控件。

icon​

按钮中显示的图标。

icon_color​

图标的颜色。

style​

有关此属性的更多信息，请参见ElevatedButton.style。

text​

按钮上显示的文本。

tooltip​

当鼠标悬停在按钮上时显示的文本。

url​

按钮被点击时要打开的URL。如果注册了URL，那么在打开URL之后会触发on_click事件。

url_target​

在Web模式下打开URL的位置：

  • _blank（默认值） - 新标签页/窗口。
  • _self - 当前标签页/窗口。

事件​

on_click​

当用户点击按钮时触发。

on_hover​

当鼠标指针进入或离开按钮响应区域时触发。事件对象的data属性包含布尔值字符串，当光标进入时为true，当光标离开时为false。

on_long_press​

当按钮被长按时触发。