import flet as ft
def main(page: ft.Page):
def create_circle_avatar(src: str, size: int = 200) -> ft.Container:
return ft.Container(
content=ft.Image(src=src, width=size, height=size, fit=ft.ImageFit.COVER),
width=size,
height=size,
border_radius=size/2,
clip_behavior=ft.ClipBehavior.ANTI_ALIAS,
)
contact_us_content = ft.Container(
content=ft.Column([
create_circle_avatar("logo.jpg"),
ft.Text("购物清单助手桌面程序1.0", size=20, weight=ft.FontWeight.BOLD),
ft.Text("传奇开心果基于FLet创意编程", size=16),
ft.Text("2024年10月14日于瓜州家中完成作品", size=16),
],
alignment=ft.MainAxisAlignment.CENTER,
horizontal_alignment=ft.CrossAxisAlignment.CENTER,
spacing=20),
alignment=ft.alignment.center,
width=1200,
height=522,
bgcolor=ft.colors.WHITE,
padding=20,
)
page.add(contact_us_content)
ft.app(target=main)
没有合适的资源?快使用搜索试试~ 我知道了~
使用Flet0.24实现的自定义圆形头像加载本地图片的自定义组件CustomCircleAvata示例源代码IDE运行和调试通过
共3个文件
py:1个
png:1个
jpg:1个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 137 浏览量
2024-10-15
11:56:36
上传
评论
收藏 322KB 7Z 举报
温馨提示
这个自定义圆形头像的特色包括:1.函数封装:使用函数 create_circle_avatar 封装了创建圆形头像的逻辑,提高了代码的可重用性。2.参数灵活性:src: 接受图片源路径,可以是本地文件路径或URL。size: 默认值为200,允许用户自定义头像大小。3.图片容器:使用 ft.Container 作为最外层容器,它可以控制整个头像的大小和形状。4.图片加载:使用 ft.Image 组件加载实际的图片。设置 width 和 height 与容器大小相同,确保图片填满容器。5.图片填充模式:使用 fit=ft.ImageFit.COVER 确保图片完全覆盖容器区域,可能会裁剪部分图片,但保证没有空白区域。6.圆形效果:通过设置 border_radius=size/2 实现圆形效果。这是因为圆的半径等于直径的一半。7.防锯齿处理:使用 clip_behavior=ft.ClipBehavior.ANTI_ALIAS 确保图像边缘平滑,减少锯齿感。8.尺寸一致性:容器和图片的宽度、高度都设置为相同的 size 值,保证了圆形的完美形状。9. 类型提示:函数签名中的类型提示。
资源推荐
资源详情
资源评论
收起资源包目录
CustomCircleAvata.7z (3个子文件)
CustomCircleAvata
CustomCircleAvata
yuanxingtouxiang.png 322KB
CustomCircleAvata.py 1KB
logo.jpg 12KB
共 3 条
- 1
资源评论
传奇开心果编程
- 粉丝: 1w+
- 资源: 454
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功