TurboWarp / PenguinMod / 02Engine

精美窗口
Beautiful Windows

一个功能极其丰富的 HTML 窗口扩展。13 套内置主题、349 个积木、17 种事件、 模态遮罩、舞台外显示、丰富动画与完整对话框系统,让你在 Scratch 项目里做出真正的桌面级界面。

349积木
13主题
13分类
17事件
精美窗口扩展预览图
Features

核心特性

从窗口管理到内容控件,从动画特效到事件系统,覆盖你制作交互界面时需要的每一个环节。

🎨

13 套内置主题

浅色、深色、毛玻璃、霓虹、渐变、复古、马卡龙、海洋、纸质、终端、樱花、液态玻璃、暗液态玻璃。一键切换,也可逐项自定义。

🧩

349 个积木

覆盖窗口管理、显示隐藏、位置大小、外观样式、标题栏、动画特效、内容控件、读取、对话框、事件等 13 大分类。

🖼

舞台外显示

窗口可以超出舞台边界,移动到画布之外。支持把窗口移出舞台、设置允许超出舞台、判断窗口是否在舞台外。

🌫

模态遮罩

为窗口开启模态遮罩,可设置颜色、不透明度、背景模糊强度,并支持点击遮罩关闭窗口,轻松做出弹窗效果。

✨

丰富动画与特效

淡入、缩放、滑入、弹跳、翻转、旋转滚动、漩涡、Y 轴翻转、掉落等入场动画,还有抖动、闪烁、脉冲、呼吸、摇摆、心跳等特效。

💬

完整对话框系统

提示、确认、输入、错误弹窗,以及通知、加载提示。全部基于窗口系统实现,风格统一、可定制。

🛠

50+ 内容控件

按钮、图标按钮、输入框、密码框、搜索框、多行输入、数字、颜色、日期、时间、文件、开关、标签、计数器、进度条、滑块、下拉框、复选框、图片、视频、音频、网页、表格、列表、卡片、头像、警告框、加载动画、骨架屏、空状态、时间线、面包屑、分页、评分、步骤条、统计、描述列表等。

⚡

17 种事件

窗口关闭、打开、点击、拖动、悬停、双击、右键、滚轮,按钮点击、元素点击、元素悬停、输入框改变、复选框改变、下拉框改变、滑块改变、键盘按键、对话框结果。

Themes

13 套内置主题

每套主题都精心调整了背景、文字、标题栏、圆角、边框与阴影,开箱即用。也可以用「设置窗口主题」积木随时切换。

浅色主题,清爽干净,适合大多数场景。

浅色 Light

12px
深色主题,沉稳低调,适合夜间界面。

深色 Dark

12px
毛玻璃主题,通透的磨砂质感。

毛玻璃 Glass

18px
霓虹主题,赛博感拉满的青色荧光。

霓虹 Neon

10px
渐变主题,紫蓝梦幻的渐变背景。

渐变 Gradient

18px
复古主题,经典 Windows 蓝条。

复古 Retro

0px
马卡龙主题,粉嫩甜美的配色。

马卡龙 Macaron

22px
海洋主题,深海蓝的宁静质感。

海洋 Ocean

14px
纸质主题,温暖复古的羊皮纸质感。

纸质 Paper

6px
> terminal theme_

终端 Terminal

4px
樱花主题,粉白渐变的日系氛围。

樱花 Sakura

20px
苹果液态玻璃风格,浅色版本。

液态玻璃 Liquid Glass

22px
苹果液态玻璃风格,暗色版本。

暗液态玻璃 Liquid Dark

22px
Blocks

积木一览

349 个积木按 13 大分类整理。输入关键词即可实时筛选,快速定位你需要的积木。

共 349 个积木
🪟

窗口管理

40
创建窗口 删除窗口 删除全部窗口 窗口存在? 重命名窗口 复制窗口 重置窗口 复制窗口样式 交换窗口层级 交换窗口内容 所有窗口的名称 所有可见窗口的名称 窗口数量 可见窗口数量 窗口标题 窗口主题 最上层窗口名称 窗口层级序号 窗口层级 设置窗口层级 窗口置顶 窗口置底 全部窗口置顶 设置窗口置顶 窗口已置顶? 锁定窗口 窗口已锁定? 查找标题为…的窗口 窗口最小宽度 窗口最小高度 窗口最大宽度 窗口最大高度 窗口吸附到窗口 设置窗口标签 窗口标签 窗口完整数据 从数据加载窗口
👁

显示与隐藏

17
显示窗口 隐藏窗口 关闭窗口 切换窗口显示状态 窗口已打开? 窗口可见? 最小化窗口 最大化窗口 还原窗口 窗口已最大化? 窗口已最小化? 显示全部窗口 隐藏全部窗口 关闭全部窗口 最小化全部窗口 还原全部窗口 闪烁窗口标题栏
🖼

舞台外显示

5
设置允许窗口显示在舞台外 允许窗口显示在舞台外? 设置窗口允许超出舞台 窗口在舞台外? 把窗口移出舞台
📐

位置与大小

35
设置窗口位置 按百分比定位窗口 移动窗口 移动窗口到鼠标位置 设置窗口大小 窗口相对改变大小 设置窗口宽度占舞台 窗口移到屏幕中央 窗口对齐到 窗口贴到边缘 窗口对齐到网格 设置窗口缩放 窗口相对缩放 设置窗口旋转 设置窗口宽高比 窗口自适应内容高度 设置窗口最小尺寸 设置窗口最大尺寸 设置窗口拖动限制在屏幕内 设置窗口倾斜 设置窗口变换原点 窗口 x 坐标 窗口 y 坐标 窗口宽度 窗口高度 窗口左边界坐标 窗口右边界坐标 窗口上边界坐标 窗口下边界坐标 窗口中心 x 坐标 窗口中心 y 坐标 窗口屏幕左坐标 窗口屏幕上坐标 窗口缩放比例 平铺全部窗口 层叠全部窗口
🎨

外观样式

42
设置窗口主题 设置全部窗口主题 设置窗口背景颜色 设置窗口背景渐变 设置窗口背景图片 设置窗口背景不透明度 设置窗口文字颜色 设置窗口标题栏颜色 设置窗口标题栏渐变 设置窗口标题栏透明度 设置窗口标题栏高度 设置窗口圆角 设置窗口边框 设置窗口阴影 设置窗口自定义阴影 设置窗口内阴影 设置窗口透明度 设置窗口毛玻璃 设置窗口毛玻璃强度 设置窗口字体 设置窗口字号 设置窗口字体粗细 设置窗口行高 设置窗口字间距 设置窗口内边距 设置窗口元素间距 设置窗口光标 设置窗口悬停效果 设置窗口悬停阴影 设置窗口悬停缩放 设置窗口亮度 设置窗口对比度 设置窗口饱和度 设置窗口灰度 设置窗口色相旋转 设置窗口反色 设置窗口复古 重置窗口滤镜 设置窗口混合模式 设置窗口水印 设置窗口纹理 重置窗口样式
🔖

标题栏

16
设置窗口标题 设置窗口图标 设置窗口图标大小 设置窗口标题对齐 设置窗口显示标题栏 设置窗口显示关闭按钮 设置窗口显示最小化按钮 设置窗口显示最大化按钮 设置窗口双击标题栏最大化 设置窗口可拖动 设置窗口标题栏按钮颜色 设置窗口标题栏按钮大小 窗口标题栏添加按钮 移除窗口全部自定义标题栏按钮 设置窗口标题跑马灯 设置窗口标题滚动速度
✨

动画与特效

16
设置窗口动画 播放窗口动画 设置窗口过渡时长 设置窗口缓动 窗口抖动 窗口闪烁 窗口脉冲 窗口呼吸动画 窗口摇摆 窗口旋转 窗口心跳 停止窗口全部动画 设置窗口模态遮罩 设置窗口遮罩颜色 设置窗口遮罩模糊 设置窗口点击遮罩关闭
🧩

窗口内容

51
添加文字 添加标题文字 添加按钮 添加图标按钮 添加输入框 添加密码框 添加搜索框 添加多行输入框 添加数字输入框 添加颜色选择器 添加日期选择 添加时间选择 添加文件选择 添加开关 添加标签 添加计数器 添加图片 添加视频 添加音频 添加网页 添加进度条 添加复选框 添加下拉框 添加多选下拉框 添加滑块 添加链接 添加 HTML 添加代码 添加引用 添加表格 添加图标 添加列表 添加分隔线 添加间距 添加卡片 添加头像 添加警告框 添加加载动画 添加骨架屏 添加空状态 添加时间线 添加面包屑 添加分页 添加评分 添加步骤条 添加统计 添加描述列表 开始水平布局 结束水平布局 开始垂直布局 结束垂直布局 清空窗口的内容 窗口元素数量 窗口所有元素编号
🛠

内容操作

40
设置元素文字 设置元素 HTML 设置元素颜色 设置元素背景色 设置元素边框 设置元素显示 设置元素禁用 删除元素 移动元素 复制元素 交换元素位置 聚焦元素 取消聚焦元素 设置进度条 设置复选框状态 设置下拉框选中 设置滑块值 设置计数器值 设置评分值 设置步骤条 设置元素大小 设置元素宽度 设置元素高度 设置元素字号 设置元素字重 设置元素字体 设置元素圆角 设置元素不透明度 设置元素内边距 设置元素外边距 设置元素旋转 设置元素缩放 设置元素对齐 设置元素提示 设置元素阴影 设置元素光标 设置元素过渡 设置元素附加类名 把元素追加到父元素内
🔍

读取

42
窗口输入框的值 窗口复选框是否勾选 窗口下拉框选中项 窗口下拉框选中序号 窗口滑块的值 窗口颜色选择器的值 窗口日期选择的值 窗口计数器的值 窗口评分的值 窗口元素的值 窗口元素的文字 窗口元素的 HTML 窗口元素的类型 窗口元素的宽度 窗口元素的高度 窗口元素的相对左坐标 窗口元素的相对上坐标 窗口元素的序号 窗口存在元素? 窗口元素可见? 窗口元素禁用? 鼠标在窗口上? 鼠标在窗口元素上? 最后关闭的窗口 最后打开的窗口 最后点击的窗口 最后点击的按钮 最后点击的元素编号 最后点击元素所在窗口 最后悬停的窗口 最后悬停的元素编号 最后右键点击的窗口 最后双击的窗口 最后滚轮的窗口 最后滚轮方向值 最后按下的键 最后按下的键码 最后修改的输入框 最后输入的内容 最后修改的复选框 最后修改的下拉框 最后修改的滑块 最后改变的控件编号 最后改变控件的值 最后改变控件所在窗口 最后被拖动的窗口
💬

对话框与通知

11
弹出提示 弹出确认框 弹出输入框 显示通知 显示加载提示 关闭加载提示 弹出错误提示 清除全部通知 最后对话框结果 最后对话框输入内容 当对话框有结果
ℹ️

关于与设置

14
打开关于页面 打开介绍页面 打开主题展示页面 打开更新日志页面 打开帮助页面 扩展版本 扩展积木数量 当前运行环境 设置全局默认主题 设置全局默认字体 设置全局默认字号 设置全局默认缓动 重新渲染全部窗口 导出窗口数据
⚡

事件

17
当有窗口被关闭 当有窗口被打开 当有窗口被点击 当有窗口被拖动 当鼠标悬停在窗口上 当有窗口被双击 当有窗口被右键点击 当鼠标滚轮在窗口上 当有按钮被点击 当有元素被点击 当鼠标悬停在元素上 当有输入框内容改变 当有复选框被改变 当有下拉框被改变 当有滑块被改变 当按下键盘按键
Quick Start

快速开始

只需几步,就能在项目里搭建出一个完整的窗口界面。

1

创建窗口

使用「创建窗口」积木,填写窗口名称与标题。窗口名称在同一项目内应保持唯一。

2

放入内容

用「添加按钮」「添加文字」「添加输入框」等积木往窗口里放入内容,每个元素可以指定编号。

3

调整样式

用「设置窗口主题」「设置窗口圆角」「设置窗口阴影」等积木调整外观,或直接套用 13 套内置主题。

4

响应交互

用「当有按钮被点击」「当有输入框内容改变」等事件积木配合「最后点击的按钮」「最后输入的内容」读取用户操作。

5

进阶玩法

开启模态遮罩做弹窗、用舞台外显示做悬浮面板、用动画积木做入场特效,或用对话框系统做提示与确认。

Download

下载扩展

下载「精美窗口」扩展文件,导入 TurboWarp / PenguinMod / 02Engine 即可开始使用。

⬇

Beautiful Windows v2.3.0

349 个积木 · 13 套主题 · 17 种事件 · 完整对话框系统

TurboWarp PenguinMod 02Engine
⬇ 下载扩展 需在非沙箱模式下加载
Events

事件系统

17 种帽子积木,覆盖窗口、元素、输入、键盘与对话框,配合读取积木使用,形成完整的交互闭环。

当有窗口被关闭
当有窗口被打开
当有窗口被点击
当有窗口被拖动
当鼠标悬停在窗口上
当有窗口被双击
当有窗口被右键点击
当鼠标滚轮在窗口上
当有按钮被点击
当有元素被点击
当鼠标悬停在元素上
当有输入框内容改变
当有复选框被改变
当有下拉框被改变
当有滑块被改变
当按下键盘按键
当对话框有结果
Dialogs

对话框与通知

点击下面的按钮,体验扩展内置的四种通知样式。实际积木中还可弹出提示、确认、输入与错误对话框。

Changelog

更新日志

持续打磨细节,修复问题,让窗口系统更稳定、更易用。

v2.3.0 最新

  • 新增苹果液态玻璃主题(浅色 / 暗色)
  • 新增独立背景层,背景透明度精确生效
  • 修复评分控件点击方向错误
  • 修复清空内容误删标题栏按钮
  • 修复克隆窗口嵌套布局丢失
  • 修复交换内容后控件引用错乱
  • 修复隐藏窗口时遮罩残留
  • 修复置底可能影响置顶窗口
  • 修复动画结束后倾斜变换丢失
  • 修复日期 / 时间 / 文件事件未记录最后输入
  • 其他细节优化与体积精简

v2.2.0

  • 新增 50+ 内容控件与完整读取积木
  • 新增模态遮罩与点击遮罩关闭
  • 新增舞台外显示与移出舞台功能
  • 新增全局主题、字体、字号、缓动设置

v2.1.0

  • 新增 13 套内置主题与自定义阴影
  • 新增动画与特效积木
  • 新增对话框与通知系统

v2.0.0

  • 重写窗口渲染架构,支持缩放与旋转
  • 新增窗口层级、置顶、置底、锁定
  • 新增标题栏自定义按钮与跑马灯
FAQ

常见问题

关于运行环境、窗口命名、坐标与层级的常见疑问。

扩展支持哪些运行环境?+

「精美窗口」必须在非沙箱模式下运行,支持 TurboWarp、PenguinMod 与 02Engine。普通 Scratch 编辑器无法加载该扩展。

窗口名称可以重复吗?+

建议同一项目内保持窗口名称唯一。如果创建同名窗口,旧窗口会被替换。可以使用「重命名窗口」积木修改名称。

坐标系统是怎样的?+

以舞台中心为原点,x 轴向右为正,y 轴向上为正。窗口位置坐标指的是窗口中心点。

层级数字越大越靠前吗?+

是的。层级数字越大,窗口越靠前。可以使用「窗口置顶」「窗口置底」「设置窗口层级」等积木调整。

模态遮罩有什么用?+

开启模态遮罩后,遮罩会覆盖整个舞台并阻挡点击下层窗口,适合做弹窗、确认框等需要聚焦的场景。还可设置遮罩颜色、不透明度和模糊强度。

元素编号留空会怎样?+

元素编号留空时会自动生成一个编号。建议为需要后续操作的元素手动指定编号,方便用「设置元素文字」等积木定位。

Author

作者

MarkSkecher 头像

MarkSkecher