Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >使用flet快速构建应用

使用flet快速构建应用

作者头像
一只大鸽子
发布于 2024-01-09 07:16:43
发布于 2024-01-09 07:16:43
91100
代码可运行
举报
运行总次数:0
代码可运行

打开flet的官网,看到醒目的标题:“ 在Python 中构建 Flutter 应用程序的最快方法”。根据官网的介绍,Flet是一个快速、简单的界面框架。Flet 包装和简化了Flutter 小部件,并且可以用你喜欢的语言(目前支持Python,未来支持GoC#)开发。

Flutter 是Google 开源的应用开发框架,仅通过一套代码库,就能构建原生平台编译的多平台应用。Flutter使用Dart语言。

示例

1.安装 pip install flet 2.例子 创建main.py

下面是一个计数器程序,显示点击的次数。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import flet as ft

def main(page: ft.Page):
    page.title = "Flet counter example"
    page.vertical_alignment = ft.MainAxisAlignment.CENTER

    txt_number = ft.TextField(value="0", text_align=ft.TextAlign.RIGHT, width=100)

    def minus_click(e):
        txt_number.value = str(int(txt_number.value) - 1)
        page.update()

    def plus_click(e):
        txt_number.value = str(int(txt_number.value) + 1)
        page.update()

    page.add(
        ft.Row(
            [
                ft.IconButton(ft.icons.REMOVE, on_click=minus_click),
                txt_number,
                ft.IconButton(ft.icons.ADD, on_click=plus_click),
            ],
            alignment=ft.MainAxisAlignment.CENTER,
        )
    )

ft.app(target=main)

这看上去和tkinter很像,组件通过回调函数执行动作。

运行: python counter.py

如果你想在网页运行,只需要修改最后一行

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
ft.app(target=main, view=ft.AppView.WEB_BROWSER)

最新的flet(0.18版本)提供了打包(build)功能,你可以将flet程序打包到单独的可执行文件(exe)或安装包(apk)等。但是这需要一些额外安装(如 Flutter SDK),并且打包体积很大。打包功能感觉不是很完善,我在2024.1.7测试打包时出现闪退/构建失败等问题。该项目更新很快,后面应该会完善。 如果你想为自己的小型项目写一个不丑的界面,但是又不熟悉前端,flet是个不错的选择。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2024-01-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 一只大鸽子 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Flet-基于Flutter的Python跨平台开发框架(组件学习)
Flet是一个基于谷歌开发Flutter的Python跨平台开发框架,允许用你喜欢的语言构建交互式多用户Web,桌面和移动应用程序,而无需拥有前端开发的经验。使用Flet,您只需在Python中编写一个整体式有状态应用程序。
用户8949263
2022/11/07
11.7K4
Flet-基于Flutter的Python跨平台开发框架(组件学习)
使用flet创建todo应用
使用 Flet 在 Python 中创建待办事项应用 Create To-Do app in Python with Flet
一只大鸽子
2024/01/15
3620
使用flet创建todo应用
一篇带你看懂Flutter叠加组件Stack
Stack未定位的子组件大小由fit参数决定,默认值是StackFit.loose,表示子组件自己决定,StackFit.expand表示尽可能的大,用法如下:
老孟Flutter
2020/09/11
9360
一篇带你看懂Flutter叠加组件Stack
Stack未定位的子组件大小由fit参数决定,默认值是StackFit.loose,表示子组件自己决定,StackFit.expand表示尽可能的大,用法如下:
老孟Flutter
2020/03/06
7760
01-HelloFlutter
https://gitee.com/andli/hello-flutter.git
专注APP开发
2019/11/07
3800
flutter基础布局代码
骨灰级别的基础代码,只是做个简单的记录,方便以后看 都是用dart写的,都在flutter项目下的lib文件夹下 import 'package:flutter/material.dart'; import './tomFont.dart'; void main() { runApp( MaterialApp( theme: ThemeData( primarySwatch: Colors.yellow, ), home: Scaffold(
Tom2Code
2023/02/14
7320
flutter基础布局代码
【Flutter 专题】08 小小优化【登录】页面
和尚前两天花了很久才搭建了一个最简单的【登录】页面,但依然还有很多需要优化的地方,和尚又花了很久的时间尝试做了一点点的优化,仅针对优化的部分简单整理一下。
阿策小和尚
2019/08/12
1.5K0
【Flutter 专题】08 小小优化【登录】页面
flutter3_window_chat仿微信桌面端聊天实战
年前有给大家分享一款flutter3.x+dart3手机端聊天App实例。春节期间就又捣鼓了flutter3桌面端开发实践项目。
andy2018
2024/03/03
7920
Flutter | 使用 InkResponse和 InkWell组件 实现事件操作
InkResponse 和 InkWell 内部使用了Ink; 可以包裹 不具备事件处理的组件,实现水波纹等点击事件的效果; InkWell 水波纹限制在文本组件之内; InkResponse 水波
凌川江雪
2020/07/07
2K0
『Flutter』常用组件 按钮、图片
经过『Flutter』布局组件 Container、Row、Column、Stack上一篇文章的学习,我们大家可以了解到布局相关的组件,但是在实际开发中,我们还需要使用到其他的组件,比如按钮、图片、文本、输入框等等,这些组件都是我们在开发中经常使用的,所以本篇文章我们就来学习一下这些常用组件。
程序员NEO
2025/03/07
2720
『Flutter』常用组件 按钮、图片
Flutter AppBar入门使用
实现效果图 [1240] 主要代码 class _MyHomePageState extends State<MyHomePage> { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( leading: new Icon(Icons.arrow_back_ios), title: new Text(widget.title),
易寒
2022/01/15
5720
flutter系列之:widgets,构成flutter的基石
flutter中所有的组件都是由widgets组成的,flutter中有各种各样的widgets,这些widgets构成了flutter这个大厦。
程序那些事
2022/08/18
7170
『Flutter』常用组件 按钮、图片
经过上一篇文章的学习,我们大家可以了解到布局相关的组件,但是在实际开发中,我们还需要使用到其他的组件,比如按钮、图片、文本、输入框等等,这些组件都是我们在开发中经常使用的,所以本篇文章我们就来学习一下这些常用组件。
杨不易呀
2024/01/16
7332
『Flutter』常用组件 按钮、图片
Flutter 时间选择组件
在Flutter 应用开发过程中,或多或少的都会涉及到时间选择器相关的内容。Flutter默认提供了DatePicker日期选择器,如果对样式没有特殊的要求,那么可以使用它来进行时间的选择,默认的样式如下所示。
xiangzhihong
2022/11/30
3.8K0
Flutter 页面交互 | 路由跳转方式、常用API、发送接收数据、可能发生的问题与知识点拓展
【pushAndRemoveUntil与pushNamedAndRemoveUntil区别】
凌川江雪
2020/06/29
4K0
Flutter 页面交互 | 路由跳转方式、常用API、发送接收数据、可能发生的问题与知识点拓展
【Flutter】348- 写给前端工程师的 Flutter 教程
| 导语 最爱折腾的就是前端工程师了,从 jQuery 折腾到 AngularJs,再折腾到 Vue、React。最爱跨屏的也是前端工程师,从 phonegap,折腾到 React Native,这不又折腾到了 Flutter。
pingan8787
2019/09/17
1.1K0
【Flutter】348- 写给前端工程师的 Flutter 教程
用Flutter构建漂亮的UI界面 – 基础组件篇
Flutter作为时下最流行的技术之一,凭借其出色的性能以及抹平多端的差异优势,早已引起大批技术爱好者的关注,甚至一些闲鱼,美团,腾讯等大公司均已开始使用。虽然目前其生态还没有完全成熟,但身靠背后的Google加持,其发展速度已经足够惊人,可以预见将来对Flutter开发人员的需求也会随之增长。
Javanx
2019/09/04
2.8K0
用Flutter构建漂亮的UI界面 – 基础组件篇
Flutter第4天--基础控件(下)+Flex布局详解
Flutter七日游第四天:2018-12-19 天气:晴朗 零、前言 最近有些人问我怎么学的,操作这么6,有没有什么技巧。 今天一开始借助Image来给大家说一个分析的小技巧,让你不到30行代码
张风捷特烈
2018/12/27
2.2K0
构建实用的Flutter文件列表:从简到繁的完美演进
在现代科技发展迅速的时代,我们的电脑、手机、平板等设备里积累了大量的文件,这些文件可能是我们的照片、文档、音频、视频等等。然而,当文件数量增多时,我们如何快速地找到所需的文件呢?这时,文件列表就显得尤为重要了。
繁依Fanyi
2024/05/07
4620
Flutter容器类组件
⚠️注意, Flutter官方并没有对Widget进行如此划分。中文版《Flutter实战》对其分类主要是方便讨论和对Widget功能区分记忆。
白白白小艾
2022/03/24
4K0
相关推荐
Flet-基于Flutter的Python跨平台开发框架(组件学习)
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档