flex编程教学(Flet简明中文教程二十五)开发技术篇-开发uniapp基础技能flex布局

资讯 11个月前 千度
47 0 0

Flet python应用程序及其所有依赖项都可以打包成一个可执行文件,用户可以在自己的计算机上运行它,而无需安装Python解释器或任何模块,现在小编就来说说关于flex编程教学?下面内容希望能帮助到你,我们来一起看看吧!

flex编程教学(Flet简明中文教程二十五)开发技术篇-开发uniapp基础技能flex布局

flex编程教学

Flet python应用程序及其所有依赖项都可以打包成一个可执行文件,用户可以在自己的计算机上运行它,而无需安装Python解释器或任何模块。

pyinstaller可以将Flet Python应用程序及其所有依赖项打包到Windows、macOS和Linux的单可执行文件中。要创建Windows可执行文件exe,pyinstaller必须在Windows上打包;同样操作在linux和macOS上。

安装pyinstaller

pip install pyinstaller

进入要打包程序的目录,运行下面命令创建可执行文件

pyinstaller your_program.py

程序打包完成后,在目录dist/your_program中,检验可执行文件是否正确

macOS 和Linux:

./dist/your_program/your_program

windows:

dist\\your_program\\your_program.exe

打包完成后,压缩dist/your_program文件夹的内容然后分发给你的用户!他们可以直接运行程序,不需要安装Python或Flet。

现在当你从macOS Finder或Windows资源管理器中运行一个打包的程序时,会打开一个控制台窗口,然后才是我们应用程序的窗口。

可以通过添加--noconsole参数,隐藏控制台窗口。

pyinstaller your_program.py --noconsole --noconfirm

打包到单个可执行文件

dist/your_program目录的包含应用程序可执行文件,python运行时,模块,库等。

可以通过参数--onefile将所有资源统一打包成单个可执行文件

pyinstaller your_program.py --noconsole --noconfirm --onefile

完成后在dist文件夹中得到一个更大的可执行文件。该可执行文件是一个独立运行的归档,包含程序和运行时的资源,在运行时解压缩到临时目录。

自定义应用图标

默认的应用程序图标是软盘,可以通过参数--icon 修改

pyinstaller your_program.py --noconsole --noconfirm --onefile --icon <your-image.png>

pyinstaller将提供的PNG自动转换为平台特定的格式(Windows的.ico和macOS的.icns),但需要安装pillow模块:

pip install pillow

打包 assets 资源

Flet应用程序可以包含assets资源。在macOS/Linux上,如果应用程序资源在your_program.py同目录的assets文件夹中,它们可以通过--add-data参数添加到应用程序包中:

pyinstaller your_program.py --noconsole --noconfirm --onefile --add-data "assets:assets"

在Windows assets;assets 分隔符必须换成;

pyinstaller your_program.py --noconsole --noconfirm --onefile --add-data "assets;assets"

flex布局,在uniapp开发过程中最常用的且最高效布局方式,只需要下面12个属性,彻底告别uniapp布局排版问题,关注我们,了解编程中最干货的知识

名词解释:

容器: 一个盒子,可以理解为一个教室,这里我叫做父容器

项目: 放在一个盒子里面的一个盒子,可以理解为一张桌子,这里我叫做子容器

文章涉及内容:

12个属性,其中父容器6个属性,子容器6个属性

父容器属性

  • flex-direction [往哪个方向排]

功能:控制容器的主轴方向[教室内桌子的主要方向]

可选值:

row[默认]:水平方向,从左向右

row-reverse:水平方向,从右向左

column:垂直方向,从上到下

column-reverse:垂直方向,从下向上

草图:

flex编程教学(Flet简明中文教程二十五)开发技术篇-开发uniapp基础技能flex布局
  • flex-wrap[到头是否换行或列]

功能:子容器在父容器排列到头后是否换行

可选值:

nowrap[默认]:不换行

wrap:换行,新行在下

wrap-reverse:换行,新行在上

草图:

flex编程教学(Flet简明中文教程二十五)开发技术篇-开发uniapp基础技能flex布局
  • flex-flow[flex-direction和flex-wrap的合并]

上图写法:{ flex-flow: row wap }

  • justify-content[主轴上怎么对齐]

功能:子容器在主轴上的对齐方式

可选值:

flex-start[默认]:左对齐

flex-end:右对齐

center: 居中

space-between:两端对齐,子容器之间的距离间隔相等

space-around:每个项目两侧的间隔相等

草图:

flex编程教学(Flet简明中文教程二十五)开发技术篇-开发uniapp基础技能flex布局
  • align-items[次轴上怎么对齐]

功能:子容器在次轴[副主轴]上怎么对齐

可选值:

stretch[默认值]:子容器未设height或设为auto,子容器拉伸父容器次轴

flex-start:次轴的起点对齐

flex-end:次轴终点对齐

center:次轴居中对齐

baseline: 子容器和行文字[假设]的基线对齐。

草图:

flex编程教学(Flet简明中文教程二十五)开发技术篇-开发uniapp基础技能flex布局
  • align-content[主次轴同时设置怎么对齐]

功能:只设置一个轴,参数失效

可选值:

stretch[默认值]:主次轴铺满

flex-start:次轴起点对齐。

flex-end:次轴终点对齐。

center:次轴中点对齐。

space-between:次轴两端对齐,距离间隔相等。

space-around:每根轴线两侧的间隔都相等

草图:

flex编程教学(Flet简明中文教程二十五)开发技术篇-开发uniapp基础技能flex布局

相关文章