按键如何变成屏幕文字?
跟随一次键盘输入,观察字符如何出现。
输入 · 显示
输入、解释、显示
按键产生输入信息,软件结合键盘布局、修饰键和应用场景进行解释。在文字输入场景中,应用更新文本并把字符绘制到屏幕上。并非每个按键都会产生字符;本图让输入与可见响应便于对照。
来源与致谢: Microsoft — Keyboard Input Overview · Microsoft — Getting Started with DirectWrite
正在加载…
它如何运作.
在本模型中,支持的按键会触发对应键帽动画,并向最多 20 个字符的文本缓冲添加字符。Backspace 删除末尾字符,Enter 清空当前行。这是本图的操作规则,并非所有电脑的完整工作过程。完整交互提供文本输入、画面按键和电源控制。
跟随一次按键
在完整交互中选择 Type HELLO 或输入一个短词,对照键帽动作与屏幕文字。
编辑文本
聚焦画面后,先按 Backspace,再按 Enter,比较删除一个字符与清空整行的区别。
比较开关状态
使用 Power 切换开关,观察指示灯和屏幕动画,再用 Reset 恢复初始状态。
把图解带走.
全库权限包含图解文件下载。
- 互动 HTML
- 源文件
- 使用说明与许可
软件在这个过程中做了什么?
Windows 提供了一个有文档可查的例子:键盘输入经过处理后交给应用,应用可将其解释为文本并绘制。键盘布局和修饰键会影响解释结果。这是理解输入到显示的背景知识,不表示图中的电脑运行 Windows 或 DirectWrite。
来源与致谢: Microsoft — Keyboard Input Overview · Microsoft — Getting Started with DirectWrite
关于这个模型
- 本例演示输入、字符显示与电源状态响应,不模拟 CPU 执行、操作系统或真实 CRT 电路。
- 只接受键盘布局支持的字符,最多 20 个。开关机为脚本控制的视觉响应。
使用输入框、Type HELLO、Clear、Power 和 Reset。也可聚焦画面后键入,或点击画出的按键。
版本 1.0.0
常见问题
这是电脑模拟器吗?
不是。本图把浏览器输入关联到画出的按键和屏幕文本,不执行所描绘机器的 CPU 指令、操作系统或程序。CRT 风格的屏幕和关机效果属于视觉动画。
为什么 Enter 清空文本,却不执行命令?
这是本图为 Enter 设定的交互。真实应用会自行处理该按键,例如换行、提交文本或执行其他操作。本模型不包含命令解释器。
来源与致谢: Microsoft — Keyboard Input Overview · Anatomy — original example (MIT, pinned version)