跳到主要内容

CupertinoSegmentedButton

一个 iOS 风格的分段按钮。

示例​

在线示例

基本示例​

import flet as ft

def main(page):
    page.theme_mode = ft.ThemeMode.LIGHT

    page.add(
        ft.CupertinoSegmentedButton(
            selected_index=1,
            selected_color=ft.colors.RED_400,
            on_change=lambda e: print(f"selected_index: {e.data}"),
            controls=[
                ft.Text("One"),
                ft.Container(
                    padding=ft.padding.symmetric(0, 30),
                    content=ft.Text("Two"),
                ),
                ft.Container(
                    padding=ft.padding.symmetric(0, 10),
                    content=ft.Text("Three"),
                ),
            ],
        ),
    )

ft.app(main)

属性​

border_color​

按钮边框的颜色。

click_color​

通过长按或拖动临时交互时填充此控件的背景的颜色。

默认为选定颜色的 20% 不透明度。

controls​

在 CupertinoSegmentedButton 内显示为段的 Control 列表。

padding​

按钮的填充。填充值是 padding.Padding 类的一个实例。

selected_color​

按钮选中时的颜色。

selected_index​

在 controls 列表中选定段的索引（从 0 开始）。

text​

要显示在按钮中的文本。如果同时提供 text 和 content，则将使用 content。

trailing_icon​

要显示在 text 或 content 控件右侧的可选图标。

unselected_color​

按钮未选中时的颜色。

事件​

on_change​

当按钮的状态发生变化时触发 - 即点击其中一个 controls 时。