当前位置:首页 > 技术分析 > 正文内容

使用vscode,编写第一个Flet程序

ruisui882个月前 (03-12)技术分析8

Flet 是一个框架,允许使用 Python 构建网页、桌面和移动应用程序,而无需具备前端开发经验。

下面使用vscode,编写第一个flet程序吧。

第一步,安装flet框架

pip install flet


第二步,在vscode中新建文档 demo1.py,并敲入以下代码

import flet as ft

def main(page: ft.Page):    
        page.title = "Flet 计数器示例"    
        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(main)


第三步,运行程序

要运行该应用程序,按vscode的F5健即可啦。该程序实现了计数器功能,效果见图,代码解读给我留言。



这段代码,通过不同的编译,就可以编译为在Windows,Linux,iOS,Android等平台运营的程序了,编译后面再分享。

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/2733.html

标签: vscode怎么用
分享给朋友:

“使用vscode,编写第一个Flet程序” 的相关文章

Linux世界的多样性:yum和apt的对比,让你感受不同发行版的特色

yum和apt是两种常用的Linux软件包管理器,它们都可以用来安装、更新和删除软件包。但是,它们之间也有一些重要的区别,本文将对它们进行分析对比。yum是Yellowdog Updater Modified的缩写,它是基于RPM(Red Hat Package Manager)的软件包管理器,主要...

Windows 下 Git 拉 Gitlab 代码

读者提问:『阿常你好,Windows 下 Git 拉 Gitlab 代码的操作步骤可以分享一下吗?』阿常回答:好的,总共分为五个步骤。一、Windows 下安装 Git官网下载链接:https://git-scm.com/download/winStandalone Installer(安装版)注意...

neovim 0.9在win下配置 python开发环境

初级的一些配置点击下面链接查看neovim安装插件管理器neovim常用快捷键neovim python开发环境简易配置方法 (需要手动键入命令行 运行python)安装neovim python的模块pip install pynvim pip install jedi pip install n...

虚幻引擎5.5发布

IT之家 11 月 13 日消息,虚幻引擎 5.5 现已发布。据介绍,新版本虚幻引擎在动画创作、虚拟制作和移动游戏开发方面取得进步;渲染、摄像机内视觉特效和开发人员迭代等领域的部分功能已可用于生产。IT之家整理部分功能亮点如下:动画Sequencer增强虚幻引擎的非线性动画编辑器 Sequencer...

学前端,这30个CSS选择器,你必须熟记

你学会了基本的id,class类选择器和descendant后代选择器,然后就觉得完事了吗?如果这样,你就会错过许多灵活运用CSS的机会。虽然本文提到的许多选择器都属于CSS3,并且只能在现代的浏览器中使用,但学会这些是大有好处的。什么是CSS选择器呢?每一条css样式定义由两部分组成,形式如下:[...

Vue真是太好了 壹万多字的Vue知识点 超详细!

1??、Vue和其他两大框架的区别Angular 学习成本太高React 代码可读性差Vue 学习成本较低 很容易上手VUE官方: https://cn.vuejs.org/v2/guide/comparison.html?2??、Vue是什么Vue是一套用于构建用户界面的渐进式框架 "前端...