Flet教程之 18 Divider 分隔符组件 基础入门(教程含源码)
2023-09-11 14:18:32 时间
Flet教程之 18 Divider 分隔符组件 基础入门(教程含源码)
Flet是什么
Flet 是一个框架,使您能够轻松地以您喜欢的语言构建实时 Web、移动和桌面应用程序,并与您的团队安全地共享它们。无需前端经验。
什么是Divider
一条细的水平线,两边都有填充,这代表了一个分隔符。
实战代码
import flet
from flet import Column, Container, Divider, Page, alignment, colors
def main(page: Page):
page.add(
Column(
[
Container(
bgcolor=colors.AMBER,
alignment=alignment.center,
expand=True,
),
Divider(),
Container(bgcolor=colors.PINK, alignment=alignment.center, expand=True),
Divider(height=1, color="white"),
Container(
相关文章
- 28 Vue组件中的单项数据流机制
- uni-app - 全端兼容 Steps 步骤条组件(支持绑定点击事件、颠倒文字位置、自定义样式)解决 uview 组件库的 Steps 步骤条无法绑定点击事件且不兼容微信小程序,详细教程组件插件源码
- SwiftUI 4 新功能 之 网格视图Gridview组件 (教程含源码)
- SwiftUI4 iOS16 新增组件之 04 ImageRenderer 从 SwiftUI 视图中导出位图图像数据组件(WWDC 2022教程含源码)
- SwiftUI 特色组件之 极简动画提示tool tip(教程含源码)
- SwiftUI 生物文件解析和预览组件支持pdb cif fasta格式 SceneKit(教程含源码)
- SwiftUI iOS 开源组件之 02 方框步骤指示(教程含源码)
- SwiftUI iOS 精品工具条组件之 11 支持红点未读滚动工具条(教程含源码)
- SwiftUI iOS 组件之双值区间取值选择器RangeSlider支持颜色(教程含源码)
- SwiftUI 精品组件之个性化动画TabBarView 切换组件(教程含源码)
- SwiftUI 组件之banner提示顶部提示框(教程含源码)
- SwiftUI 布局之组件对齐实现上下对齐和水平居中 (教程含源码)
- SwiftUI 内功 之 强制VStack进行刷新 制作个日期选择组件(教程含源码)
- SwiftUI 2 实战之组件行满自动换行(教程含源码)
- Flutter 基础组件之使用Text.rich显示具有不同样式TextSpan段落(教程含源码)
- macOS SwiftUI 封装组件之日期选择器图形日历和钟表模式NSDataPicker (教程含源码)
- macOS SwiftUI 组件之 实用下拉菜单 (教程含源码)
- macOS SwiftUI 弹框组件之Alert模态提示框 (教程含源码)
- macOS SwiftUI 弹框组件之Popover附着式提示框 (教程含源码)
- SwiftUI 合成组件之倒计时组件Timer和Struct组合使用(教程含源码)
- SwiftUI iOS 提示组件之 仿Xcode图标图片提示框Alert Toast弹窗(教程含源码)