主题
Margin
Margin 类提供了为矩形四边设置外边距的属性。
属性
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
left | Number | 0 | 应用于左侧的外边距。 |
top | Number | 0 | 应用于顶部的外边距。 |
right | Number | 0 | 应用于右侧的外边距。 |
bottom | Number | 0 | 应用于底部的外边距。 |
方法
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
all | 'Margin' | — | 为四条边应用相同的外边距。 |
symmetric | 'Margin' | — | 为顶部和底部应用 vertical 外边距,为左右两侧应用 horizontal 外边距。 |
only | 'Margin' | — | 为指定的边应用外边距。 |
示例
示例 1
python
import flet as ft
def main(page: ft.Page):
page.title = "Margin Example"
page.add(
ft.SafeArea(
content=ft.Column(
controls=[
ft.Row(
spacing=0,
controls=[
ft.Container(
content=ft.Button("container_1"),
bgcolor=ft.Colors.AMBER,
# padding=ft.Padding.all(10),
margin=ft.Margin.all(10),
width=200,
height=200,
),
ft.Container(
content=ft.Button("container_2"),
bgcolor=ft.Colors.AMBER,
# padding=ft.Padding.all(20),
margin=ft.Margin.all(20),
width=200,
height=200,
),
ft.Container(
content=ft.Button("container_3"),
bgcolor=ft.Colors.AMBER,
# padding=ft.Padding.symmetric(horizontal=10),
margin=ft.Margin.symmetric(vertical=10),
width=200,
height=200,
),
ft.Container(
content=ft.Button("container_4"),
bgcolor=ft.Colors.AMBER,
# padding=ft.Padding.only(left=10),
margin=ft.Margin.only(left=10),
width=200,
height=200,
),
],
)
],
),
)
)
if __name__ == "__main__":
ft.run(main)