ft.border

border=ft.border.all(1) 是 Flet 中用于设置控件边框的属性。以下是对这行代码的详细解释：

---

1. border 属性

• 作用: border 是 Flet 控件的一个属性，用于定义控件的边框样式。
• 类型: 通常是一个 ft.BorderSide 或 ft.Border 对象。
• 功能: 它可以控制边框的颜色、宽度和样式（如实线、虚线等）。

---

2. ft.border.all(1) 的含义

(1) ft.border.all 方法

• 功能: ft.border.all 是一个便捷方法，用于为控件的所有四条边（上、下、左、右）设置相同的边框样式。
• 参数:
  • 第一个参数是 边框宽度，单位为像素。
  • 可选的第二个参数是 边框颜色（如果未指定，默认为黑色）。

(2) ft.border.all(1) 的具体效果

• 设置控件的所有边框宽度为 1 像素。
• 边框颜色默认为黑色（如果未指定颜色）。

---

3. 示例代码

以下是使用 border=ft.border.all(1) 的完整示例：

import flet as ft

def main(page: ft.Page):
    # 创建一个带有边框的容器
    container = ft.Container(
        content=ft.Text("Hello, World!"),
        border=ft.border.all(1),  # 设置所有边框宽度为 1 像素
        padding=20,               # 内边距
        width=200,                # 宽度
        height=100,               # 高度
    )

    page.add(container)

ft.app(main)

运行效果

• 页面中显示一个宽 200 像素、高 100 像素的容器。
• 容器周围有一条宽度为 1 像素的黑色边框。
• 容器内部包含一段文本 "Hello, World!"。

---

4. 自定义边框颜色

如果需要自定义边框颜色，可以在 ft.border.all 方法中传入第二个参数（颜色值）。例如：

border=ft.border.all(1, ft.colors.RED)

• 效果: 设置所有边框宽度为 1 像素，颜色为红色。

---

5. 更复杂的边框设置

如果需要为每一条边设置不同的样式，可以使用 ft.Border 类。例如：

border=ft.Border(
    top=ft.BorderSide(1, ft.colors.RED),
    right=ft.BorderSide(2, ft.colors.BLUE),
    bottom=ft.BorderSide(3, ft.colors.GREEN),
    left=ft.BorderSide(4, ft.colors.YELLOW),
)

• 效果:
  • 上边框：1 像素宽，红色。
  • 右边框：2 像素宽，蓝色。
  • 下边框：3 像素宽，绿色。
  • 左边框：4 像素宽，黄色。

---

6. 总结

参数	含义
border=ft.border.all(1)	为控件的所有边框设置统一的宽度（1 像素）和默认颜色（黑色）。
ft.border.all(width, color)	设置所有边框的宽度和颜色。
ft.Border(...)	为每一条边框单独设置样式（宽度、颜色等）。

通过 border 属性，你可以轻松地为控件添加边框，增强界面的视觉效果或区分不同区域。