image - pict 中的 hb-append vs hbl-append 和 ht-append vs htl-append

Question

Racket 的 pict , 有几个 combinators for combining other pictures .这些文档包含一个很好的表格，说明其 *-append 组合器的工作方式:

这些例子中的大多数都是有道理的。第一个字母是 v 或 h 分别代表垂直和水平。第二个字母是 l、t 或 r 表示垂直左/中/右，或 t c b，用于水平顶部/中心/底部。

但是，这遗漏了 htl-append 和 hbl-append。他们都不符合这种模式。此外，它们似乎都匹配表中的 hb-append。

那么，htl-append 和 hbl-append 的用途是什么，它与 hb-append 有何不同？

Answer 1

我在文档中写了那个例子，所以我想这是我的错，所以我会尝试回答这个问题。

该示例没有很好地说明差异，因为它使用的是形状而不是文本。

将示例更改为使用文本 + 形状表明这些函数之间存在一些差异:

#lang racket

(require pict)

(inset
 (cbl-superimpose
  (hb-append 10
             (frame (text "g" "Helvetica" 30))
             (rectangle 10 10 #:border-width 2))
  (hline 200 2))
 10)

(blank 1 30)

(inset
 (cbl-superimpose
  (hbl-append 10
              (frame (text "g" "Helvetica" 30))
              (rectangle 10 10 #:border-width 2))
  (hline 200 2))
 10)

(blank 1 30)

(inset
 (ctl-superimpose
  (ht-append 10
             (frame (text "i" "Helvetica" 30))
             (rectangle 10 10 #:border-width 2))
  (hline 200 2))
 10)

(blank 1 30)

(inset
 (ctl-superimpose
  (htl-append 10
              (frame (text "i" "Helvetica" 30))
              (rectangle 10 10 #:border-width 2))
  (hline 200 2))
 10)

如果运行此示例，您将获得 4 张显示不同情况的图片。根据字母的不同，由于上升/下降，您会得到不同的对齐方式。对于文档来说，显示一个与此类似的带有文本的示例可能会更有用。

如果你想混合图片和文本，使用 l- 变体通常是有意义的，以避免图片突出的地方看起来很奇怪:

#lang racket

(require pict)

(hb-append 10
           (text "hug" "Helvetica" 30)
           (rectangle 20 20 #:border-width 2)
           (text "hug" "Helvetica" 30))
(hbl-append 10
            (text "hug" "Helvetica" 30)
            (rectangle 20 20 #:border-width 2)
            (text "hug" "Helvetica" 30))