如何使用 Pango 在 Clutter.Text 中设置行高

Question

我想要一个Clutter.Text displaying text with double line spacing using Gtk.Pango。

note : in css, we would use line-height: 200% I think.

我试过这段代码但没有用：

var text_actor  = new Clutter.Text.with_text ("Roboto 10", "Long long text") ;
text_actor.width= SIDE_PANE_WIDTH ;
text_actor.get_layout ().set_spacing (2*Pango.SCALE) ;

显然，Clutter.Text 保留了 Pango.Layout

的缓存版本

有办法实现吗？

Answer 1

解决此问题的一种方法是直接使用 CoglPango：

var t = new Clutter.Actor ();
t.set_size (300, 300);

// add some more text to see it
var text = "Lorem ipsum dolor sit amet, consectetur adipisicing elit, ...";

var layout = t.create_pango_layout (text);
layout.set_width (200);
layout.set_spacing (24 * Pango.SCALE);

t.paint.connect (() => {
    Cogl.pango_render_layout (layout, 0, 0,
                              Cogl.Color.from_4ub(0, 0, 0, 255), 0);
});

编辑这确实是解决方案。基于此，这是我使用的代码：

            actor  = new Text () ; 
            actor.width= SIDE_PANE_WIDTH ;

            var text = "Some long text<b>Bold</b>" ; 
            var pango_layout = bio_actor.create_pango_layout ("");
            pango_layout.set_markup (text, text.length) ;
            pango_layout.set_spacing (2 * Pango.SCALE);
            pango_layout.set_font_description (Pango.FontDescription.from_string ("Roboto 10")) ;
            pango_layout.set_width (SIDE_PANE_WIDTH * Pango.SCALE);
            bio_actor.paint.connect (() => {
                    Cogl.pango_render_layout (pango_layout, 0, 0, Cogl.Color.from_4ub(255, 255, 255, 255), 0);
            });
            int width;
            int height ;
            pango_layout.get_size (out width, out height) ;
            actor.height = height / Pango.SCALE;

Answer 2

是的，ClutterText 缓存 PangoLayout 实例以避免每次必须检索首选大小时都必须重新测量文本。由于 width-for-height/height-for-width 几何请求，它实际上缓存了 PangoLayout 的最新三个实例，但这只是一个实现细节。

更改 ClutterText 的 PangoLayout 实例的属性也不会导致对 ClutterText 的更新：之后您必须调用 clutter_actor_queue_redraw()，因为 PangoLayout 位于场景图中低于角色的级别。

通常，ClutterText actor 不允许您调整它创建的 PangoLayout；预计演员负责创建修改布局，并尝试覆盖这将导致性能不佳或未定义的行为。

如果你想引入行间距属性那么你必须针对 ClutterText 提交一个错误——尽管这意味着你必须等到 9 月才能下一个Clutter 的稳定版本。

如果您不需要 ClutterText 所做的一切，而只想显示文本，您可以继承 ClutterActor 并使用 clutter_actor_create_pango_layout() 创建一个 PangoLayout，您可以在重写的 get_preferred_width()、get_preferred_height() 和 allocate() 虚函数内部进行测量，并在重写的 paint() 虚函数内部进行绘制。

如何使用 Pango 在 Clutter.Text 中设置行高

How to set line height in Clutter.Text using Pango

gtk

gnome

pango

clutter