Alterna · учебный материал

PyUI: 浏览器界面

第43章Alterna:PyUI、组件、状况和事件。Python团队浏览器界面没有Tkinter或PyQt。

Что в этом материале

Содержание и основные понятия

本章中的 PyUI 不伪装为 Tkinter 或 PyQt 。 Python 代码被单独执行, 返回安全的数据树, 浏览器从中创建真正的 XML 元素。 页面事件是浏览器事件, 不是假的窗口库 。
设计设计设计
8-11年级
browser-native
01
车前
没有讲习班或考试:4页形成一个简短的创造性实验室。
43.1 · 接口模型
DOM 金属和木制成分及木制金属
让我们把屏幕分成小部分:标题、卡片、字段和动作。
43.2 行为
现状和发展
让我们运行精确的周期:用户事件改变数据, 绘图反映新的状态。
43.3 创造环境
PyUI Studio
写Python团队, 运行他们 在一个孤立的工人 并收集一个功能 浏览器屏幕。
02
Python 和浏览器之间的边界
01 · Python
描述意图
ui.column(...)
,
ui.card(...)
和
ui.text(...)
代码无法直接访问页面 。
02 桥桥
发送数据
孤立的工人返回结构化树。 此区域没有窗口库, 也没有部件模拟 。
03 · DOM
住在浏览器里
主机为文本、标题、卡片和通知创建了真正的 XML 节点。交互式页面的事件仍然是浏览器的正常事件 。
重要区别
PyUI 不是一个桌面接口端口: 它是一个学习 HTML DOM 的宣示性 API 。 数据树由 Python 代码构建, 浏览器负责页面的语义和行为 。
03
集合一棵各组成部分的树。
添加节,最后一个按钮会得到一个真正的处理器。
click
在此浏览器中。
DOMD DOM 编译器
树树
04
国平日志
该事件在绘制后不会消失: 该杂志保存着状况的图片, 以便可以向后和向后倒转 。
ALT · STATE LOG
界面图像
状况状况状况现状状况状况

教科书结构图