1

我想要一个Clutter.Text 使用 Gtk.Pango显示具有双行距的文本。

注意：在 css 中，我们会使用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的缓存版本

有没有办法做到这一点？

4

2 回答 2

3

通过直接使用 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;
于 2015-04-05T11:04:48.887 回答
3

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

更改PangoLayout实例的属性ClutterText也不会导致更新ClutterText: 你必须在clutter_actor_queue_redraw()之后调用，因为它PangoLayout位于比场景图中的演员更低的级别。

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

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

如果您不需要所有这些ClutterText，而只想显示文本，则可以子类化ClutterActor并使用clutter_actor_create_pango_layout()来创建一个PangoLayout您可以在覆盖get_preferred_width()的get_preferred_height()、 和allocate()虚函数内测量的，并在被覆盖的虚函数内绘制paint()。

于 2015-04-06T11:06:17.700 回答