GTK Gossip: 影像及文字按鈕

最新推荐文章于 2024-09-08 16:56:45 发布

转载最新推荐文章于 2024-09-08 16:56:45 发布 · 621 阅读

文章标签：

#gtk #button #image #callback #signal #border

software 同时被 2 个专栏收录

461 篇文章

订阅专栏

friendly

400 篇文章

订阅专栏

本文介绍如何使用GTK+库创建带有图像和文字的按钮。通过gtk_button_new_from_stock()函数从预设资源创建按钮，并演示了如何自定义按钮，包括加载图片文件和设置按钮上的文字。

您可以建立具備影像及文字的按鈕，最基本的方式可以透過gtk_button_new_from_stock()，這可以讓您從GTK既有的影像資源中取用影像給按鈕使用，g tk_button_new_from_stock()使用時的參數與出現的影像，可在 Stock Items 查詢。

以實際的例子來說，將自訂 callback 函式中的按鈕產生程式片段改為以下：

button = gtk_button_new_from_stock(GTK_STOCK_YES);

則程式執行時的參考畫面如下所示：

另一個為按鈕創立影像及文字的方式，是使用gtk_button_new()函式建立一個按鈕元件，利用 GtkHBox 與 GtkVBox 建立Box並內含圖片及文字，再將這個Box透過gtk_container_add()加入建立的按鈕元件之中，下面這個程式是一個簡單的示範：

button_with_image_demo.c

#include <gtk/gtk.h>



GtkWidget* buttonWithImage(gchar *filename, gchar *text) {


    GtkWidget *box;


    GtkWidget *label;


    GtkWidget *image;




    box = gtk_hbox_new(FALSE, 5);


    gtk_container_set_border_width(GTK_CONTAINER(box), 2);




    image = gtk_image_new_from_file(filename);


    label = gtk_label_new(text);




    gtk_box_pack_start(GTK_BOX(box), image, FALSE, FALSE, 5);


    gtk_box_pack_start(GTK_BOX(box), label, FALSE, FALSE, 5);




    gtk_widget_show (image);


    gtk_widget_show (label);




    return box;


}




int main(int argc, char *argv[]) {

    GtkWidget *window;

    GtkWidget *button;

    GtkWidget *box;



    gtk_init(&argc, &argv);

    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);

    gtk_window_set_title(GTK_WINDOW(window), "哈囉！GTK+！");

    gtk_window_set_default_size(GTK_WINDOW(window), 200, 50);



    button = gtk_button_new();


    box = buttonWithImage("caterpillar.gif", "caterpillar");




    gtk_container_add(GTK_CONTAINER(button), box);


    gtk_container_add(GTK_CONTAINER(window), button);




    g_signal_connect(GTK_OBJECT(window), "destroy",

                     G_CALLBACK(gtk_main_quit), NULL);



    gtk_widget_show(window);


    gtk_widget_show(button);


    gtk_widget_show(box);




    gtk_main();



    return 0;

}

執行的結果畫面如下所示：