Clutter学习（三）：在GTK容器中加入Clutter容器——Stage Widget小例子

　　参看资料： http://www.openismus.com/documents/clutter_tutorial/0.9/docs/tutorial/html/sec-stage-widget.html

　　这次我们需要使用Clutter-gtk的开发包。简单的编译如下。请注意pkg-config的引号，不是单引号[']，而是[`]。^_^，不要弄错。

gcc -Wall -g example.c -o example `pkg-config clutter-1.0 clutter-gtk-0.10 --cflags --libs`

　　 源文件为staget_widget.c，我们直接在上次Makefile中增加相关脚本，如下，增加部分使用其他颜色。我们使Makefile更适合具有多个*.c文件的项目，只要我们在OBJ2那里增加我们所需参与编译的文件名即可。我们在这里增加使用了cluter-gtk-0.10的开发包，需要加入相关的头文件路径和lib，利用pkg-config的方式加入。

CC = gcc
# －Wall表示输出所有警告消息，-g表示编译为debug版本，-O表示编译时进行优化。
CFLAGS += -Wall -g `pkg-config clutter-1.0 clutter-gtk-0.10  --cflags `

LIBS += -Wall -g `pkg-config clutter-1.0 clutter-gtk-0.10 --libs`

TARGET  = stage
OBJ2    = stage_widget.o
TARGET2 = stage_widget

#在Makefile中，$<：依赖文件列表中的第一个依赖文件
#在Makefile中，$@：当前规则下的目标文件列表
%o : %c
        $(CC) $(CFLAGS) -c $< -o $@

stage:
        gcc -Wall -g stage.c -o stage  `pkg-config clutter-1.0 --cflags  --libs`

stage_widget: $(OBJ2)
        $(CC) $(LIBS) -o $(TARGET2) $(OBJ2) 

all:    stage stage_widget

clean:
        rm  $(TARGET) $(TARGET2) *.o

　　GtkClutterEmbed小部件（widget）『我觉得widget比之gadget更为滥用，这里请不要和互联网的widget小应用混淆，在图像界面开发中，这里指的就是widget的本质』允许将一个ClutterStage加入一个GTK+的window中。在这个GTK+窗口中的其他GTK小部件是可以和这个clutter小部件进行互动的。

　　下面学习这个小例子，他的很多代码以及clutter本身的callback都出现在上一个clutter stage的例子中。

#include <clutter/clutter.h>
#include <clutter-gtk/clutter-gtk.h>
#include <stdlib.h>

ClutterActor * stage = NULL;

/* 这是上次stage的callback函数，给出鼠标点击的坐标位置，我们在这里省略，避免代码太多 */
static gboolean on_stage_button_press (ClutterStage *stage,ClutterEvent *event, gpointer user_data)
{
      … …
}

/* 这是按键后的处理，当GTK+的按钮触发后，改变clutter stage的颜色。可快速略过。*/
static gboolean on_button_clicked(GtkButton * button, gpointer user_data)
{
        static gboolean already_changed = FALSE;
        if(already_changed) {
                ClutterColor stage_color ={0x00,0x00,0x00,0xff};
                clutter_stage_set_color(CLUTTER_STAGE(stage),&stage_color);
        }else {
                ClutterColor stage_color ={0x20,0x20,0xA0,0xff};
                clutter_stage_set_color(CLUTTER_STAGE(stage),&stage_color);
        }

        already_changed = ! already_changed;
        return TRUE;
}

int main(int argc, char * argv[])
{
        ClutterColor stage_color ={0x00,0x00,0x00,0xff};

        /* 这个小程序，允许Clutter和GTK共同使用，将使用到clutter-gtk的资源
         * 因此在初始化中和纯Clutter有差异,它包含gtk_init  */
        gtk_clutter_init(&argc,&argv);

        /* Create the window and some child widgets: */
        /** 创建一个窗口， 顺带学习一下GTK，事实证明走路一定要会爬。
         * 先创建一个window容器，让后创造一个vbox的子容器，可以在里面竖直摆放按钮等小部件，也可以摆放clutter小部件*/
        GtkWidget * window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
        /** 创建一个可以竖直存放子部件的容器 GtkBox : vbox，将其放入GTK窗口，并置为可视模式*/
        GtkWidget * vbox   = gtk_vbox_new(FALSE,6);
        gtk_container_add(GTK_CONTAINER(window),vbox);
        gtk_widget_show(vbox);
        /** 创建一个GTK的button，加在vbox的最下端，并置为可视模式，同时加上按键触发回调函数 */
        GtkWidget *button = gtk_button_new_with_label("改变颜色");
        gtk_box_pack_end(GTK_BOX(vbox),button,FALSE,FALSE,0);
        gtk_widget_show(button);
        g_signal_connect(button,"clicked",G_CALLBACK(on_button_clicked),NULL);
        /* 注意窗口的这个回调函数，如果没有这个函数，我们在关闭窗口的时候，程序并没有退出。*/
        g_signal_connect(window,"hide",G_CALLBACK(gtk_main_quit),NULL);

        /** Clutter widget终于来了
         * 生成一个可以在GTK加载的clutter小部件，并放入GTK的容器vbox中，置为可视模式，同时设置小部件的大小 */
        GtkWidget *clutter_widget = gtk_clutter_embed_new ();
        gtk_box_pack_start(GTK_BOX(vbox),clutter_widget,TRUE,TRUE,0);
        gtk_widget_show(clutter_widget);
        gtk_widget_set_size_request(clutter_widget,200,200);
        /** 对于所有的Clutter，我们都应该至少有一个ClutterStage（从ClutterAction中衍生），
         * 这个例子从加入GTK的小部件GtkClutterEmbed中获取，剩下的操作在上个stage例子中都出现过 */
        stage = gtk_clutter_embed_get_stage (GTK_CLUTTER_EMBED(clutter_widget));
        clutter_stage_set_color(CLUTTER_STAGE(stage),&stage_color);
       
        g_signal_connect(stage,"button-press-event", G_CALLBACK(on_stage_button_press),NULL);

        gtk_widget_show(GTK_WIDGET(window));

        clutter_actor_show(stage);

       /* 主窗口是GTK窗口，使用GKT的主循环来代替Clutter的主循环，Start the main loop, so we can respond to events: */
        gtk_main();

        return EXIT_SUCCESS;
}

在moblin机器上运行的一些问题：

　　如果在mobiln的机器上运行，请注意gtk_widget_show(window)和clutter_actor_show(stage)的顺序 ，必须将gtk_widget_show(window)放置在前面。否者程序不稳定，容易引起死机。我们没有查到资料有要求这两者的顺序，而且在desktop上是没有这个顺序要求的。是个奇怪的现象，在开发的时候要特别注意。

　　 另外在moblin中会报告：

do_wait: drmWaitVBlank returned -1, IRQs don't seem to be working correctly.
Try adjusting the vblank_mode configuration parameter.

　　 我们试图修复这个问题， 通过设定vblank_mode也无法消除， 其实这个问题没有造成什么影响，只是报错看起来很不顺眼，这可能和moblin整合clutter UI有关系（怀疑ing）。过程记录如下:

安装driconf的rpm包， dirconf文件如下：

<driconf>
    <device screen="0" driver="i915">
        <application name="Default">
            <option name="force_s3tc_enable" value="false" />
            <option name="no_rast" value="false" />
            <option name="fthrottle_mode" value="2" />
            <option name="always_flush_cache" value="false" />
            <option name="always_flush_batch" value="false" />
            <option name="bo_reuse" value="1" />
            <option name="vblank_mode" value="0" />
            <option name="allow_large_textures" value="2" />
        </application>
    </device>
</driconf>
将vblank_mode分别设为0,1,2,3，分别重启试过，一样报告错误：
do_wait: drmWaitVBlank returned -1, IRQs don't seem to be working correctly.
Try adjusting the vblank_mode configuration parameter.

相关链接：
我的Clutter相关博客