本文档介绍了如何在 Flet 应用中动态地根据不同条件显示不同的 Banner 消息。我们将探讨两种实现方式：直接在条件语句中创建 Banner 对象，以及使用类来封装 Banner 的创建和管理，从而提高代码的可维护性和可读性。通过本文，你将掌握在 Flet 应用中灵活运用 Banner 组件来提示用户错误或重要信息的方法。
在 Flet 应用中，Banner 组件是一种非常有用的方式，可以向用户显示警告、错误或任何其他重要的提示信息。然而，在实际应用中，我们往往需要根据不同的条件显示不同的 Banner 消息。以下介绍两种方法来实现这一目标。
方法一：直接在条件语句中创建 Banner
这种方法是最直接的方式，它将 Banner 的创建代码直接放置在需要显示 Banner 的条件语句中。
示例代码：
立即学习“Python免费学习笔记（深入）”；
import flet as ft
def main(page: ft.page):
def close_banner(e):
page.banner.open = False
page.update()
def show_banner(e):
page.banner.open = True
page.update()
def merge_pdfs(e: ft.FilePickerResultEvent):
# get file name and password from the corresponding textfields
merge_file_name = "test" #textField_name.value
file_password = "test" #textField_password1.value
# show warning when no filename is provided
if not merge_file_name or merge_file_name == ' ':
page.banner = ft.Banner(
bgcolor=ft.colors.RED_500,
leading=ft.Icon(ft.icons.WARNING_AMBER_ROUNDED,
color=ft.colors.AMBER, size=40),
content=ft.Text("Please check the file name entered."),
actions=[ft.TextButton("Dismiss", on_click=close_banner)])
show_banner(e)
return None
# show warning if less than 2 files selected
if not e.files or len(e.files) < 2:
page.banner = ft.Banner(
bgcolor=ft.colors.RED_500,
leading=ft.Icon(ft.icons.WARNING_AMBER_ROUNDED,
color=ft.colors.AMBER, size=40),
content=ft.Text("Please select at least 2 files."),
actions=[ft.TextButton("Dismiss", on_click=close_banner)])
show_banner(e)
return None
pick_files_dialog = ft.FilePicker(on_result=merge_pdfs)
page.overlay.append(pick_files_dialog)
page.add(ft.ElevatedButton(
"Pick files",
icon=ft.icons.UPLOAD_FILE,
on_click=lambda _: pick_files_dialog.pick_files(allow_multiple=True),
))
ft.app(target=main)优点：
- 简单直接，易于理解。
- 不需要额外的类或函数。
缺点：
- 代码重复，如果 Banner 的样式或行为需要更改，则需要在多个地方进行修改。
- 可维护性较差，当 Banner 的逻辑变得复杂时，代码会变得难以阅读和维护。
方法二：使用类封装 Banner 的创建和管理
为了解决方法一中的代码重复和可维护性问题，我们可以使用类来封装 Banner 的创建和管理。
传媒企业网站系统使用热腾CMS(RTCMS),根据网站板块定制的栏目，如果修改栏目，需要修改模板相应的标签。站点内容均可在后台网站基本设置中添加。全站可生成HTML，安装默认动态浏览。并可以独立设置SEO标题、关键字、描述信息。源码包中带有少量测试数据，安装时可选择演示安装或全新安装。如果全新安装，后台内容充实后，首页才能完全显示出来。（全新安装后可以删除演示数据用到的图片，目录在https://
示例代码：
立即学习“Python免费学习笔记（深入）”；
import flet as ft
class Banner_Warning(ft.UserControl):
def __init__(self, text_banner: str) -> None:
super().__init__()
self.text_banner = text_banner
def close_banner(self, e: ft.ControlEvent) -> None:
self.banner.open = False
self.update()
def build(self) -> ft.Banner:
self.banner = ft.Banner(
bgcolor=ft.colors.RED_500,
leading=ft.Icon(ft.icons.WARNING_AMBER_ROUNDED,
color=ft.colors.AMBER, size=40),
content=ft.Text(self.text_banner),
actions=[ft.TextButton("Dismiss", on_click=self.close_banner)])
self.banner.open = True
return self.banner
def main(page: ft.page):
def merge_pdfs(e: ft.FilePickerResultEvent):
# get file name and password from the corresponding textfields
merge_file_name = "test" #textField_name.value
file_password = "test" #textField_password1.value
# show warning when no filename is provided
if not merge_file_name or merge_file_name == ' ':
page.add(Banner_Warning("Please check the file name entered."))
return None
# show warning if less than 2 files selected
if not e.files or len(e.files) < 2:
page.add(Banner_Warning("Please select at least 2 files."))
return None
pick_files_dialog = ft.FilePicker(on_result=merge_pdfs)
page.overlay.append(pick_files_dialog)
page.add(ft.ElevatedButton(
"Pick files",
icon=ft.icons.UPLOAD_FILE,
on_click=lambda _: pick_files_dialog.pick_files(allow_multiple=True),
))
ft.app(target=main)优点：
- 代码复用性高，避免了代码重复。
- 可维护性好，当 Banner 的样式或行为需要更改时，只需要修改类中的代码。
- 代码结构清晰，易于阅读和理解。
缺点：
- 需要额外的类定义，增加了一些代码量。
- 对于简单的应用，可能显得过于复杂。
总结
选择哪种方法取决于应用的复杂程度和对代码可维护性的要求。对于简单的应用，直接在条件语句中创建 Banner 可能更方便。对于复杂的应用，使用类来封装 Banner 的创建和管理可以提高代码的可维护性和可读性。
无论选择哪种方法，都应该注意以下几点：
- Banner 的内容应该清晰简洁，能够准确地表达要传递的信息。
- Banner 的样式应该与应用的整体风格一致。
- Banner 的显示和隐藏应该合理，避免过度干扰用户。
希望本文能够帮助你更好地在 Flet 应用中使用 Banner 组件。
