跳到主要内容

标签页主题

对应用程序中Tabs控件的外观进行自定义。

TabsTheme类具有以下属性：

divider_color（分隔线颜色）​

分隔线的颜色。

indicator_border_radius（指示器边框半径）​

指示器角的半径。

indicator_border_side（指示器边框边）​

在所选标签下方绘制的水平线的颜色和粗细。

indicator_padding（指示器填充）​

相对于标签边界定位所选标签的下划线。indicator_tab_size属性可用于根据其（居中的）标签小部件（False）或整个标签（True）来定义标签指示器的边界。

indicator_color（指示器颜色）​

所选标签下方出现的线条的颜色。

indicator_tab_size​

True表示指示器占据整个标签。

label_color（标签颜色）​

所选标签标签的颜色。

unselected_label_color（未选标签颜色）​

未选标签标签的颜色。

overlay_color（覆盖颜色）​

定义墨水响应焦点、悬停和飞溅颜色。如果指定，它将根据ControlState.FOCUSED、ControlState.HOVERED和ControlState.PRESSED之一进行解析。

示例​

page.theme = ft.Theme(
    tabs_theme=ft.TabsTheme(
        divider_color=ft.Colors.BLUE,
        indicator_color=ft.Colors.RED,
        indicator_tab_size=True,
        label_color=ft.Colors.GREEN,
        unselected_label_color=ft.Colors.AMBER,
        overlay_color={
            ft.MaterialState.FOCUSED: ft.Colors.with_opacity(0.2, ft.Colors.GREEN),
            ft.MaterialState.DEFAULT: ft.Colors.with_opacity(0.2, ft.Colors.PINK),
        },
    )
)