python flet带tab的页面，笔记

关注

最新推荐文章于 2026-08-23 09:05:42 发布 · 614 阅读

原创 ·

本内容遵循 CC 4.0 BY-SA 版权协议

· GEO检测

【Flet教程】使用Flet以Python创建TODO应用程序每个任务项由两行表示：带有复选框、“编辑”和“删除”按钮的display_view行，以及带有TextField和“保存”按钮的Edit_view列。为了根据任务的状态显示不同的任务列表，我们可以维护三个列表，分别为“全部”、“活动”和“已完成”任务。然而，我们选择了一种更简单的方法，即维护相同的列表，只根据任务的状态更改任务的可见性。首先，我们需要一个用于输入任务名称的TextField，以及一个带有事件处理程序的“+”FloatingActionButton，该事件处理程序将显示带有新任务的复选框。阅读详情

import flet as ft
import platform



def main(page: ft.Page):

    
    
    page.fonts = {"simhei":"/usr/share/fonts/ms-fonts/simhei.ttf",
                  "msyh":"C:/WINDOWS/Fonts/MSYH.TTC"}

    if platform.system() =="Windows":
        page.theme = ft.Theme(font_family="msyh")
    else:
        #page.theme = ft.Theme(font_family = "simhei")
        pass

    page.bgcolor = ft.colors.GREEN_100  #设置背景
    
    page.title = "两个标签页"

    tb1 = ft.Tab(text="标签页1")
    tb2 = ft.Tab(text="标签页2")

    
    def btn_click(e):
        print("牙买呆")
        items1.append(ft.Text("Yamede", size=100))
        #tb1.content = ft.Column(controls=items1)
        page.update()  #别忘了刷新页面

    items1 = [ft.Text(value="hello", size=100),
         ft.ElevatedButton("点我", bgcolor=ft.colors.BROWN_100,on_click=btn_click)]
            
    tb1.content = ft.Column(controls=items1)
    tb2.content = ft.Text(value="baga", size=200)

    tabbar = ft.Tabs()
    tabbar.tabs = [tb1, tb2]

    page.window_width = 600
    page.window_height = 600

    page.window_left = 0
    page.window_top = 0

    page.add(tabbar)
    
    

ft.app(target=main)