一、完整可运行程序

python

运行

import flet as ft

page = ft.Page()
page.add(ft.Text("你好", size=30))
ft.app(page)

二、代码逐行讲解

  1. import flet as ft 导入 Flet 库,并用简写ft代替,方便后续代码编写,是使用 Flet 的必备开头。
  2. page = ft.Page() 创建一个页面(窗口),所有要显示的内容都要放在这个页面里。
  3. page.add(ft.Text("你好", size=30)) 向页面添加一个文本组件:显示文字你好,文字大小设置为 30。
  4. ft.app(page) 启动 Flet 应用,把创建好的页面展示出来,程序运行的核心语句。

三、练习题(含答案)

第一部分:填空题(10 道)

  1. 导入 Flet 库的语句是:______
  2. 创建 Flet 页面的语句是:page = ______
  3. 向页面添加内容使用的方法是:page.______()
  4. 显示文字使用的组件是:ft.______()
  5. 设置文字大小的参数是:______
  6. 启动 Flet 应用的语句是:ft.______(page)
  7. 文本组件中显示文字的参数是:______
  8. Flet 库的简写通常定义为:______
  9. 页面变量名通常命名为:______
  10. 文字大小size=30中,30是______(填数据类型)

第二部分:选择题(10 道)

  1. 下列哪个语句能导入 Flet 库?() A. import flet B. import ft C. include flet D. require flet
  2. 创建页面的正确代码是?() A. page = ft.Window () B. page = ft.Page () C. page = ft.App () D. page = ft.View ()
  3. 添加文本到页面的方法是?() A. page.append () B. page.insert () C. page.add () D. page.put ()
  4. 哪个组件用来显示文字?() A. ft.Label B. ft.Text C. ft.Write D. ft.Print
  5. 设置文字大小的参数是?() A. font B. size C. height D. width
  6. 启动 Flet 应用的语句是?() A. ft.start () B. ft.run () C. ft.app () D. ft.open ()
  7. ft.Text("你好")中双引号的作用是?() A. 定义数字 B. 定义文本 C. 定义变量 D. 定义函数
  8. 下列能修改文字大小的是?() A. ft.Text ("Hi", font=20) B. ft.Text ("Hi", size=20) C. ft.Text ("Hi", text=20) D. ft.Text ("Hi", num=20)
  9. 代码中page的含义是?() A. 按钮 B. 窗口 / 页面 C. 图片 D. 文本
  10. 程序必须写哪一行才能显示窗口?() A. page.add () B. ft.Text () C. ft.app (page) D. import flet

第三部分:编程题(10 道,仿照原代码编写)

要求:只修改文本内容、文字大小、文字颜色,保持代码结构和原程序一致

  1. 编写程序,显示文本欢迎学习Flet,大小 20
  2. 编写程序,显示文本Hello World,大小 40
  3. 编写程序,显示文本编程真有趣,大小 50
  4. 编写程序,显示文本Flet简单易学,大小 25
  5. 编写程序,显示文本我是小程序员,大小 35
  6. 编写程序,显示红色文本红色文字,大小 30(提示:color=ft.colors.RED)
  7. 编写程序,显示蓝色文本蓝色Flet,大小 28
  8. 编写程序,显示绿色文本学习快乐,大小 32
  9. 编写程序,显示黄色文本加油编程,大小 45
  10. 编写程序,显示紫色文本我爱Python,大小 22

四、答案

填空题答案

  1. import flet as ft
  2. ft.Page()
  3. add
  4. Text
  5. size
  6. app
  7. 第一个参数 / 文本内容
  8. ft
  9. page
  10. 整数

选择题答案

  1. A 2. B 3. C 4. B 5. B
  2. C 7. B 8. B 9. B 10. C

编程题答案

python

运行

import flet as ft
page = ft.Page()
page.add(ft.Text("欢迎学习Flet", size=20))
ft.app(page)

python

运行

import flet as ft
page = ft.Page()
page.add(ft.Text("Hello World", size=40))
ft.app(page)

python

运行

import flet as ft
page = ft.Page()
page.add(ft.Text("编程真有趣", size=50))
ft.app(page)

python

运行

import flet as ft
page = ft.Page()
page.add(ft.Text("Flet简单易学", size=25))
ft.app(page)

python

运行

import flet as ft
page = ft.Page()
page.add(ft.Text("我是小程序员", size=35))
ft.app(page)

python

运行

import flet as ft
page = ft.Page()
page.add(ft.Text("红色文字", size=30, color=ft.colors.RED))
ft.app(page)

python

运行

import flet as ft
page = ft.Page()
page.add(ft.Text("蓝色Flet", size=28, color=ft.colors.BLUE))
ft.app(page)

python

运行

import flet as ft
page = ft.Page()
page.add(ft.Text("学习快乐", size=32, color=ft.colors.GREEN))
ft.app(page)

python

运行

import flet as ft
page = ft.Page()
page.add(ft.Text("加油编程", size=45, color=ft.colors.YELLOW))
ft.app(page)

python

运行

import flet as ft
page = ft.Page()
page.add(ft.Text("我爱Python", size=22, color=ft.colors.PURPLE))
ft.app(page)

总结

  1. 最简 Flet 代码固定结构:导库→创建页面→添加内容→启动应用
  2. 核心组件:ft.Text() 用于显示文字,size改大小,color改颜色
  3. 所有编程题都严格仿照原代码结构,仅修改文本、大小、颜色

更多推荐