Flet布局控件19个大汇总(flex 布局)

Flet作为PyQT及Pyside的最强平替,为Python开发者带来了一次编写、不同编译、多平台运行的便利,它的内置控件十分丰富,前面已逐个分享了Flet的19个“布局控件”,今天进行一次“大汇总、大集合(按控件名称的字母顺序)”,方便查阅和参考使用。

01 ft.Card(卡片)

一种材料设计卡片:一个带有略微圆角的面板和一个提升阴影。用于创建视觉上吸引人的内容区域【点击这里,查看详情】

02 ft.Container(容器)

Container 允许为控件添加背景颜色和边框,并通过填充、边距和对齐来定位它。用于封装其他控件并添加样式。【点击这里,查看详情】

03 ft.Row(行)

一种控件,它以水平数组的形式显示其子元素。在Flet中,Row 是一个非常有用的控件,用于以水平方式排列其子元素。它类似于HTML中的 div 标签,但特别设计用于响应式布局和移动应用开发。【点击这里,查看详情】

04 ft.Column(列)

一个以垂直数组形式显示其子元素的控件。在Flet中,Column 控件用于以垂直方向排列其子控件。它是布局控件之一,通常用来组织页面上的其他控件,比如文本框、按钮等,以便创建用户界面。【点击这里,查看详情】

05 ft.ListView(列表视图),俗称“大列表”

一个线性排列的可滚动控件列表,它按滚动方向依次显示其子项(按需显示,逐步渲染,提高了速度)。在交叉轴上,子项需要填充整个列表视图。【点击这里,查看详情】

06 ft.DataTable(数据表)

是一种Material Design风格的数据表格。【点击这里,查看详情】

07 ft.ResponsiveRow(响应式的行)

借鉴了 Bootstrap Web 框架中的网格布局概念。允许将子控件对齐到虚拟列。默认情况下,一个虚拟网格有 12 列,但可以通过 ResponsiveRow.columns 属性进行自定义。【点击这里,查看详情】

08 ft.ListTile(固定高度的单行)

是一个固定高度的单行,通常包含一些文本以及一个前置或后置图标。【点击这里,查看详情】

09 ft.ExpansionTile(有扩展箭头的单行 ListTile)

带有扩展箭头图标的单行 ListTile,该图标可以展开或折叠 ListTile 以显示或隐藏其子项。【点击这里,查看详情】

10 ft.CupertinoListTile(iOS风格的单行)

ft.CupertinoListTile是一个iOS风格的列表项,是Material List Tile(ft.ListTile)的Cupertino版本。【点击这里,查看详情】

11 ft.Tabs(选项卡)

用于导航频繁访问的不同内容类别,允许在两个或多个内容视图之间进行导航,并依赖于文本标题来区分不同的内容部分。【点击这里,查看详情】

12 ft.Page(页面)

ft.Page(页面)是控件的容器View。当新用户会话启动时,会自动创建页面实例和根视图。每个应用的主函数,必须用到它,它是一切控件的顶级、根、总容器。【点击这里,查看详情】

13 ft.Pagelet(弹出菜单页)

实现了基本的 Material Design 视觉布局结构。在需要具有自己的 AppBar、BottomBar、Drawer 等的“页面内页面”布局的项目中使用它。【点击这里,查看详情】

14 ft.Stack(栈)

堆叠控件将子元素堆叠在一起。这个控件很有用,如果你想以简单的方式重叠多个子元素,例如有一些文本和一张图片,叠加一个渐变色,并在底部附加一个按钮。【点击这里,查看详情】

15 ft.SafeArea(安全区域)

是一种控件,用于确保其子控件不会被操作系统的导航栏、状态栏或其他系统界面元素遮挡。它通过自动添加适当的内边距(padding)来实现这一点,从而保证内容始终显示在安全区域内。【点击这里,查看详情】

16 ft.Divider(水平分割线)

【点击这里,查看详情】

17 ft.VerticalDivider(垂直分割线)

【点击这里,查看详情】

18 ft.Dismissible(可取消的控件)

“可取消的控件”,是一个可以通过向指定的取消方向拖动来取消的控件。当被拖动或甩动到指定的取消方向时,其内容会平滑地滑出视线。【点击这里,查看详情】

19 ft.Placeholder(占位符)

绘制一个框,代表将来会添加其他小部件的位置。在开发过程中很有用,用于表明界面尚未完成。【点击这里,查看详情】

(汇报完毕,感谢收看!)