跳转到内容

Oberon/ETH Oberon/Tutorial/Rembrandt

来自 Wikibooks,开放世界中的开放书籍

这些教程页面由 André Fischer (afi) 编写,并由 Hannes Marais 提供编辑协助,曾托管在 ETHZ,并根据 ETH 许可 继续使用。相关内容可以通过系统中的 Book.Tool 找到。扩展内容也可用 纸质版 获取。一些教程页面位于 WayBack 存档 中。

Rembrandt 用户指南

教程目标

[编辑 | 编辑源代码]

学习如何使用专用编辑器和配套面板 Rembrandt 创建和修改光栅图片。这个简单实用的工具非常适合绘制艺术化和暗示性的图片,这些图片可以作为按钮或图标的标题。RembrandtDocs.NewDoc 是一个包含单个 Rembrandt.Frame 的文档,它链接到一个作为模型的图片。我们将其称为 Rembrandt 文档。图片在 Pictures 模块中定义。

这个图片编辑工具确实存在一些缺陷:最明显的缺点是它的迟缓性。

图片可以通过 Libraries.Panel 收集到私人或公共库中。

预计时间:40 分钟。

使用 Rembrandt 面板

[编辑 | 编辑源代码]

Desktops.OpenDoc Rembrandt.Panel 该面板提供三组工具,如面板顶部“工具”部分中的按钮行 [绘图]、[操作] 和 [颜色] 所示。刚打开的面板已经展示了绘图工具部分和颜色工具部分。实际上,该面板是一个“可变几何”小工具,它可能只包含工具部分,或包含一个或多个其他部分,可以通过单击顶部相应的按钮插入。

为了在阅读本教程时练习绘图和编辑绘图,您可以先打开一个操作工具,然后通过单击 [新建图片] 按钮打开一个空的 Rembrandt 文档。调整图片的大小和位置,以便为查看本文和桌面上的空图片腾出空间。您很可能需要一个非常小的表面图片来练习。如果您是在轨道中工作,请直接在系统轨道中打开图片或将其移动到该轨道。

Rembrandt 文档与我们熟悉的文本文档查看器非常相似。显著的差异在于:鼠标焦点、插入符号、菜单栏以及专用编辑器的属性。

鼠标焦点,或简称为鼠标,是由水平和垂直线段相交形成的十字形。只要鼠标焦点越过图片边界,它就会出现。插入符号,或插入点,通过单击鼠标左键设置,和往常一样。它也是一个十字形,但旋转了 45 度。可以从键盘在插入点输入文本,但不能在原地编辑文本。例如,退格键不起作用。要切换到另一种字体,您必须使用 System.Set Font fontName 命令设置系统字体。菜单栏布局在 编辑图片 中描述。

大部分工作可以通过鼠标单击或交叉单击完成 - 键盘输入很少需要,有时会使用。

以下描述反映了前面描述的面板划分。

绘图工具部分

[编辑 | 编辑源代码]

绘制的物体,如直线、圆形或喷雾痕迹,具有属性,例如颜色或宽度,必须先设置。现在将对其进行描述。

绘图属性

[编辑 | 编辑源代码]

颜色 : 颜色属性决定使用哪种颜色
- 绘制直线、折线、矩形、圆形或使用笔时,
- 喷洒、涂抹或填充区域时,或
- 擦除颜色时。此属性不是通过“属性”部分中的 GUI 组件设置,而是通过 颜色选择器拾色 按钮设置。

宽度 : 宽度属性决定直线、折线、矩形或圆形的周长线以及其他物体的厚度,从 1 到 50 像素不等。它可以通过滑块调整,也可以通过在文本字段小工具中键入值进行调整。

喷洒 : 喷洒属性决定喷洒的强度,从 1 到 100 不等。它可以通过滑块调整,也可以通过在文本字段小工具中键入值进行调整。

涂抹 : 涂抹属性决定涂抹的强度,从 1 到 8 不等。它可以通过滑块调整,也可以通过在文本字段小工具中键入值进行调整。

填充 : 当选中复选框时,矩形和圆形将使用当前颜色填充。

双重 : 当选中复选框时,笔或喷雾罐的轨迹将通过另一个平行轨迹加倍。将插入符号设置为图片中(左键单击)的双重轨迹起点。然后按照使用 喷洒 绘图的说明进行操作。插入符号位置相对于起点的坐标,即两个轨迹之间的距离,将被记忆并用于后续的笔绘图和喷洒操作。

镜像 : 镜像属性决定直线、笔和喷雾痕迹以及擦除的镜像。将插入符号设置为图片中(左键单击)将成为相对对称中心的点。可以相对于 X 轴、Y 轴和 45 度角平分线镜像绘图或擦除操作。它由镜像框中的三个复选框控制。如果选中 45 度复选框,则其他两个复选框也会被选中。如果停用其中一个轴复选框,则 45 度复选框也会被停用。

绘图操作

[编辑 | 编辑源代码]

左侧的 12 + 1 个图标组提供所有可以直接通过鼠标单击执行的操作;也就是说,无需先选择区域。这些图标及其功能将在下面按照它们在面板中出现的顺序进行描述,从左到右,从上到下。12 个图标是单选按钮的标题:一次只能按下一个按钮(红色 LED 亮起)。单击其中一个按钮将选择将通过鼠标中键控制的绘图操作。可以通过单击 撤消 按钮撤消最后一次绘图操作。每个描述都以可能修改操作的属性列表结尾。

画直线或折线: 将鼠标移动到图片中直线的起点,按下鼠标中键。现在,当你移动鼠标时,你会注意到一条“橡皮筋”线,一端固定在该点,另一端跟随鼠标移动。如果你释放鼠标键,“橡皮筋”线就会固定在两点之间。另一方面,如果你点击鼠标右键,“橡皮筋”线也会被固定,但你可以继续移动鼠标。一条新的“橡皮筋”线将从第一条线的终点开始。释放鼠标右键。一条折线正在被绘制。

最后,可以通过拖动鼠标右键来绘制一条任意自由线,这是折线的一种极限情况。
属性: 颜色,宽度,镜像。

画矩形: 将鼠标移动到图片中矩形的起点,按下鼠标中键。现在,当你移动鼠标时,你会注意到一个“橡皮筋”矩形,一端固定在该点,对角线相对的端点跟随鼠标移动。当矩形达到正确大小后,释放鼠标键将其固定。
属性: 颜色,宽度,填充。

画圆: 将鼠标移动到图片中将成为圆心的点,按下鼠标中键。现在,当你移动鼠标时,你会注意到一个“橡皮筋”圆,其中心固定在该点,圆周跟随鼠标移动。当圆圈达到正确大小后,释放鼠标键将其固定。
属性: 颜色,宽度,填充。

用笔画线: 将鼠标移动到图片中的某个点,按下鼠标中键并拖动以绘制自由线,直到释放鼠标键。注意:这条线似乎与极限折线具有相同的属性,但是它是使用单个鼠标键绘制的,并且可以加粗。
属性: 颜色,宽度,加粗,镜像。

擦除颜色: 将鼠标移动到图片中你想要开始擦除特定颜色的点,按下鼠标中键。现在,当你移动鼠标时,圆形橡皮擦覆盖的每个点都会被擦除,直到释放鼠标键。
属性: 颜色,宽度。

擦除: 将鼠标移动到图片中你想要开始擦除的点,按下鼠标中键。现在,当你移动鼠标时,圆形橡皮擦覆盖的每个点都会被擦除,直到释放鼠标键。
属性: 宽度,镜像。

喷涂: 将鼠标移动到图片中你想要开始喷涂的点,按下鼠标中键。现在,当你移动鼠标时,选定颜色的液滴会随机散落在指定的宽度内,直到释放鼠标键。
属性: 颜色,宽度,加粗,镜像,喷涂。

涂抹: 将鼠标移动到图片中你想要开始涂抹的点,按下鼠标中键。现在,当你移动鼠标时,选定颜色的斑点会涂抹在指定的宽度内,直到释放鼠标键。
属性: 颜色,宽度,涂抹。

盖章: 将剪贴板的内容复制任意次数到指定位置。将鼠标移动到图片中你想要插入(粘贴)剪贴板内容的点,按下鼠标中键。拖动鼠标键移动剪贴板图片。单击鼠标左键将剪贴板复制到图片。如果剪贴板为空,则不会执行操作。
属性: 无。

克隆
属性: 宽度。

拾取颜色: 将鼠标移动到图片中你想要拾取颜色的点,按下鼠标中键。现在,当你移动鼠标时,你会看到拾取的颜色出现在颜色工具区域的矩形中。当你释放鼠标键时,该颜色将用于接下来的操作,直到它再次被更改。此外,当释放鼠标键时,最后选择的工具将再次激活。
属性: 无。

填充封闭区域: 将鼠标移动到封闭区域内的某个点,以用特定颜色填充该区域,然后按下鼠标中键。
属性: 颜色,镜像。

撤销上一步操作: 撤销上一步操作。这适用于所有之前描述的绘图操作,除了拾取颜色,以及对选择移动和剪切的操作。
属性: 无。

工具区域 - 选择类型

[编辑 | 编辑源代码]

有三种方法可以选择图片中的对象。要选择其中一种,请在三个按钮“选择类型”中的一个上点击鼠标中键。它们是单选按钮。

区域选择

[编辑 | 编辑源代码]

要选择包含在矩形区域内的所有对象或对象的一部分,请将鼠标移动到图片中矩形的起点,并按下鼠标右键。现在,当你移动鼠标时,你会注意到一个“橡皮筋”矩形,一端固定在该点,对角线相对的端点跟随鼠标移动。当矩形达到正确大小后,释放鼠标键将其固定。要取消选择区域,请再次点击鼠标右键或按下 ESC 键。

对象选择

[编辑 | 编辑源代码]

要选择一个对象,请将鼠标移动到对象的任意点上,并点击鼠标右键。所有具有相同颜色的相邻点将被选中。因此,可以通过单击一次来选择一个非常复杂的区域。选定对象完全包含在一个粗的选择框中。如果选定的对象太大,无法在查看器中完全显示,则选择框也将无法完全显示。要取消选择对象,请再次点击鼠标右键或按下 ESC 键。

自由选择

[编辑 | 编辑源代码]

要在图片中选择一个任意区域(任何形状),请将鼠标移动到将成为区域周边的起点,并按下鼠标右键。拖动鼠标键会导致一条“橡皮筋”线出现。在拖动过程中反复单击鼠标中键会导致绘制一条折线。当两个键都被释放时,多边形将被关闭,并且会出现一个选择框。如果你拖动两个键(右键 + 中键),就会绘制一条自由线。如果选择框缩减为一条简单的直线(不封闭区域),则会选择整个图片。要取消选择区域,请再次点击鼠标右键或按下 ESC 键。

选择整个图片

[编辑 | 编辑源代码]

??

工具区域 - 对选择的操作

[编辑 | 编辑源代码]

这些操作由鼠标中键控制,仅当存在选择时。否则,将执行绘图操作。

以下三个按钮是单选按钮。

[移动] 移动或复制选择。将鼠标移动到图片内,按下鼠标中键。拖动鼠标键直到到达新位置,然后释放鼠标键以结束操作。如果你在释放鼠标键之前单击鼠标左键,则选择将被复制到新位置(而不是被移动)。

[缩放] 缩放选择。将鼠标移动到图片内,按下鼠标中键。一个显示选中区域新尺寸的“橡皮筋”矩形将出现。现在,当你移动鼠标时,矩形的一个角将跟随鼠标移动。当前缩放比例(相对于原始尺寸)将显示在一个突出显示的文本框中,格式为“X: 79 % Y: 114 %”。当获得正确的缩放比例后,释放鼠标键以结束操作。变换后的选择将呈现在一个新的未命名图片框中,从而保持原始图片不变。

[旋转] 旋转选择。将鼠标移动到图片内,按下鼠标中键。一个显示选中区域尺寸的矩形将出现。现在,如果你水平向右移动鼠标,矩形将逆时针旋转。相反,当鼠标向左移动时,它将顺时针旋转。当前旋转角度将显示在一个突出显示的文本框中,格式为“xy”。当获得正确的旋转角度后,释放鼠标键以结束操作。变换后的选择将呈现在一个新的未命名图片框中,从而保持原始图片不变。

[垂直镜像] 相对于水平轴镜像选择。变换后的选择将呈现在一个新的未命名图片框中,从而保持原始图片不变。如果有没有选择但标记了图片,则整个图片将被镜像。如果没有选择并且没有标记,则不会执行任何操作。

[水平镜像] 相对于垂直轴镜像选择区域。变换后的选择区域将显示在新的未命名图片框中,原始图片保持不变。如果没有选择区域,但选中了一张图片,则整个图片将被镜像。如果既没有选择区域,也没有选中图片,则执行任何操作。

[制作图标] 将选定区域制作成图标。单击图标化器中的小方块以翻转它,并以像素为单位输入图标的宽度和高度。默认尺寸为 32 * 32。变换后的选择区域将显示在新的未命名图片框中,原始图片保持不变。如果没有选择区域,但选中了一张图片,则整个图片将被镜像。如果既没有选择区域,也没有选中图片,则执行任何操作。

[打印 *] 将选中图片打印到图标化器另一侧定义的打印机上。单击图标化器中的小方块以翻转它,并输入打印机名称。默认值为“LPT1”。

接下来的三个按钮控制使用剪贴板进行的操作。

[剪切] 从图片中剪切选定区域并将其复制到剪贴板。如果没有选择区域,则不执行任何操作。

[复制] 将选定区域复制到剪贴板。如果没有选择区域,则不执行任何操作。

[粘贴] 将剪贴板内容粘贴到图片中,先设置光标。光标的位置决定了粘贴区域的左下角。然后,单击此按钮,将在该位置插入剪贴板内容。如果光标未设置,或剪贴板为空,则不执行任何操作。

[新建图片] 打开一个未命名的 Rembrandt 文档,准备编辑图片。图片可以是图片的选定区域,也可以是默认的空图片。单击图标化器中的翻转按钮以翻转它,并以像素为单位输入图片的宽度和高度。默认尺寸为 640 * 400。

[显示] 更新列表小部件中当前可用图片的列表。通过在图片上单击鼠标中键,可以打开此列表中的图片。

颜色工具部分

[编辑 | 编辑源代码]

本部分用作控制面板,用于选择颜色属性、更改颜色和设置调色板。Windows 为自身保留 20 种颜色(共 256 种)。因此,这些颜色无法在 Oberon 下更改,并已在 Oberon 调色板中分配为前 20 种颜色。如果您需要更多颜色,请参阅 UserGuide.Text 中的说明。对于 MacOberon,前 16 种颜色无法更改。

要设置绘图工具使用的颜色,请使用颜色拾取器选择颜色。选定的颜色将显示在右侧的矩形中,并分配给颜色属性。您可以通过调整三个滑块 R、G、B 来定义自己的颜色,这三个滑块定义了要使用的主要颜色的数量。或者,您可以使用三个关联的文本字段。更改会立即反映在颜色样本矩形中。

[抖动] 图标化器用于更改选中图片的颜色,如下所示

单击图标化器中的翻转按钮以翻转它,并使用滑块调整颜色的强度和饱和度。

按钮具有以下含义

[加载调色板] 从选中图片加载显示调色板。

[存储调色板] 将显示调色板存储到选中图片中。

[变暗] 使显示调色板变暗。

[变亮] 使显示调色板变亮。

[重置调色板] 将显示调色板重置为其标准值。

[重置颜色] 将选定颜色重置为其标准值。

编辑图片

[编辑 | 编辑源代码]

使用 Rembrandt 面板,您已了解如何开始编辑图片,无论是通过单击新建图片新建图片,还是从存储在系统中的图片中选择现有图片。在这两种情况下,执行的 Oberon 命令都是(试试):Desktops.OpenDoc pictureName.Pict

菜单栏有用于缩放的两个按钮。

[+] 放大选择区域,如果没有选择区域,则放大整个图片。该按钮可以连续单击 5 次,以获得 16 倍的放大倍数。这使得可以非常轻松地以像素级方式修饰图片。

[-] 缩小整个图片。该按钮可以连续单击最多 5 次,直到恢复原始大小,不要超过这个次数。

有用提示:为了便于修饰图片,请先制作图片的副本,然后根据需要放大两个视图中的任何一个。在放大后的图片中修饰的任何内容都将反映在原始图片中。

使用鼠标编辑

[编辑 | 编辑源代码]

您已经了解了如何使用鼠标中键进行绘图,即在绘图区域内,鼠标中键单击具有不同的含义。否则,鼠标单击和双击完全符合WirthFischer & Marais描述的 Oberon 标准。

选择

单击鼠标右键(查看器中的任何位置)将选择整张图片。光标变为扁平的手,整个白色区域被一个框架包围。再次单击,将取消选择图片并恢复光标。

按住键并在其上拖动,将跟踪选择,该选择由一个橡皮筋矩形限定。释放键后,将绘制一个选择框。复制选择时,可以在与包含选择的查看器不同的 Rembrandt 文档中设置光标。

移动图片

可以通过两种方式移动查看器中的白色区域。首先,使用鼠标右键选择整个区域,然后按住鼠标中键并拖动。其次,如果区域没有完全覆盖查看器,请将鼠标焦点放在区域外部,按住鼠标中键(光标变为扁平的手),然后拖动。在这两种情况下,当白色区域正确定位后,请释放键。

完成编辑后,通过在铭牌中编辑名称并保存图片来命名图片。图片名称必须以“.Pict”结尾。

打印图片,您可以

选中它并单击面板中的“打印 *”按钮,或者
执行以下命令:Desktops.PrintDoc printDevice (pictureName | *) ~
[ A | C | D | E | F | L | M | O | P | R | S | U | W | Z ]

A

区域选择

C

圆形
剪贴板
克隆
颜色
复制
剪切

D

双属性

E

编辑图片
擦除颜色
擦除

F

填充属性
填充
手绘选择

L

线条

M

制作图标
镜像属性
水平镜像
垂直镜像
移动
移动图片

O

对象选择

P

粘贴
钢笔
拾取颜色
多边形
打印图片

R

矩形
Rembrandt 面板
修饰图片
旋转

S

缩放
选择方法
选择
涂抹属性
涂抹
喷雾属性
喷雾
图章

U

撤销

W

宽度属性

Z

缩放


修订于 1996 年 11 月 22 日
安装于 1997 年 05 月 30 日


华夏公益教科书