Python编程，Flet 控件学习1:文本控件 / 添加、更新

Flet的用户界面控件是普通的 Python 类。要使控件对用户可见，必须将其添加到 Page 或其他控件中。Page 是最顶层的控件，各类控件嵌套在一起成为一棵以 Page 为根的“树”。

初始化控件，可以带参数，下面是显示一个 Hello, world 的文本控件。

t = ft.Text(value="Hello, world!", color="red")

显示控件。需将其添加到 Page 的 controls 列表中，然后调用 page.update() 发送到浏览器或桌面客户端。

import flet as ft

def main(page: ft.Page):
    t = ft.Text(value="Hello, world!", color="red")
    page.controls.append(t)
    page.update()

ft.app(target=main)

快捷添加控件。可以用 page.add() 一句，代替“page.controls.append()”和“page.update()”，实现更快捷的添加并显示控件的方法：

import flet as ft

def main(page: ft.Page):
    t = ft.Text(value="Hello, world!", color="red")
    page.add(t)

ft.app(target=main)

修改控件属性，再次调用 page.update() 更新 UI

import flet as ft
import time

def main(page: ft.Page):

    t = ft.Text(value="Hello, world!", color="red")

    # page.controls.append(t)
    # page.update()
    
    page.add(t) # 该句与上两句等效

    for i in range(10):
        t.value += f"间隔 {i} 秒，刷新UI, "
        page.update() # 必须执行update 刷新UI
        time.sleep(1)

ft.app(target=main)

关键通用属性（每个控件都有）

visible 属性，隐藏/显示控件。默认为 true，表示控件将被渲染到页面上； 设为 false 将完全防止控件（及其所有子控件）被渲染显示到UI上。隐藏的控件不能被聚焦或使用键盘或鼠标选择，并且它们不会发出任何事件。

disabled 属性，动态启用/禁用控件；该属性默认为 false，表示控件和所有子控件都是启用；disabled 也可以设置为父控件，并将其值传播到所有子控件；设置为 True ，可以有效防止用户与该控件进行交互。

#python# #flet