前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >C语言写一个GTK的二维码图形界面生成器

C语言写一个GTK的二维码图形界面生成器

原创
作者头像
geek2pm
修改2020-02-17 11:33:59
1.4K0
修改2020-02-17 11:33:59
举报
文章被收录于专栏:GTKGTK

最终效果如下:

其实这个程序并不能自己生成二维码,它只是调用qrencode来生成二维码,并显示出来。

qrencode 需要执行以下命令安装:

代码语言:javascript
复制
sudo apt install qrencode

而生成二维码很简单,只需要一个命令:

代码语言:javascript
复制
qrencode -l L -v 1 -s 11 -o output.png xxx

上面的xxx就是需要生成二维码的内容。

因此,这个程序仅仅是做了一个图形界面的壳子,取得用户输入的内容,背地里调用qrencode生成二维码,然后再显示到GUI里。

所以,整体流程如下:

当按钮按动后,执行两个步骤:

1、读取输入框的内容,通过qrencode生成二维码图片。

代码语言:javascript
复制
char *get_text(){
    return gtk_entry_get_text (GTK_ENTRY(g_entry));
}

void call_qrencode(char *text){
    char cmd[500];
    strcpy (cmd,"qrencode -l L -v 1 -s 11 -o output.png '");
    strcat (cmd,text);
    strcat (cmd,"'");
    system(cmd);
}

2、读取生成的二维码图片,在GTK的image控件上显示。

代码语言:javascript
复制
gboolean load_qrencode_img(){
    src_pixbuf = gdk_pixbuf_new_from_file("output.png", NULL); 
    dest_pixbuf = gdk_pixbuf_scale_simple(src_pixbuf, 300, 300, GDK_INTERP_HYPER);
    gtk_image_set_from_pixbuf (GTK_IMAGE(g_image),dest_pixbuf);
    return FALSE;
}

由于生成图片需要时间,因此在第二个步骤之前,要执行一个延时。但这个延时不是sleep,如果使用sleep,那么就无法实现动图的特效。动图是为了避免延时产生的空白被用户误认为卡顿。

因此这里的延时,使用的是一个线程定时器,但为了避免定时,所以定时的函数中,返回一个FALSE,导致定时只执行一次便失效,从而实现了延时。

最后,在按钮上增加一个信号:

代码语言:javascript
复制
g_signal_connect(g_btn, "clicked",G_CALLBACK(make), NULL);

相应地,make函数则十分简单:

代码语言:javascript
复制
void make(){
    call_qrencode(get_text());
    g_timeout_add(1000, (GSourceFunc)load_qrencode_img, NULL);
}

只要这两个步骤,在功能上已经可以了。

但是,由于调用qrencode后有一个延时,会导致用户主观上误认为卡顿,用户体验不好。因此,可以在延时的空隙中,增加一个动画,就像网页没打开时出一个loading的动画一样。

主要代码如下:

代码语言:javascript
复制
void load_loading_img(){
    GError *error = NULL;
    anim_pixbuf = gdk_pixbuf_animation_new_from_file("loading.gif", &error);
    if(error!=NULL){
       printf("Error: %s\n", error->message);
       g_error_free(error);
       error = NULL;
    }
    gtk_image_set_from_animation (GTK_IMAGE(g_image),anim_pixbuf);  
}

这样,make的函数则如下:

代码语言:javascript
复制
void make(){
    call_qrencode(get_text());
    load_loading_img();
    g_timeout_add(1000, (GSourceFunc)load_qrencode_img, NULL);
}

全部代码如下:

代码语言:javascript
复制
#include <gtk/gtk.h>
#include <unistd.h>
GtkWidget *window;
GtkWidget *fixed;
GtkWidget *g_image;
GtkWidget *g_btn;
GtkWidget *g_entry;
GdkPixbufAnimation* anim_pixbuf;
const GdkPixbuf *src_pixbuf;
GdkPixbuf *dest_pixbuf;
 
void destroy(GtkWidget *widget,gpointer data){
    gtk_main_quit();
}

void load_default_img()
{
    src_pixbuf = gdk_pixbuf_new_from_file("img.png", NULL); 
    dest_pixbuf = gdk_pixbuf_scale_simple(src_pixbuf, 300, 300, GDK_INTERP_HYPER);
    gtk_image_set_from_pixbuf (GTK_IMAGE(g_image),dest_pixbuf);
}

char *get_text(){
    return gtk_entry_get_text (GTK_ENTRY(g_entry));
}

void call_qrencode(char *text){
    char cmd[500];
    strcpy (cmd,"qrencode -l L -v 1 -s 11 -o output.png '");
    strcat (cmd,text);
    strcat (cmd,"'");
    system(cmd);
}

void load_loading_img(){
    GError *error = NULL;
    anim_pixbuf = gdk_pixbuf_animation_new_from_file("loading.gif", &error);
    if(error!=NULL){
       printf("Error: %s\n", error->message);
       g_error_free(error);
       error = NULL;
    }
    gtk_image_set_from_animation (GTK_IMAGE(g_image),anim_pixbuf);  
}

gboolean load_qrencode_img(){
    src_pixbuf = gdk_pixbuf_new_from_file("output.png", NULL); 
    dest_pixbuf = gdk_pixbuf_scale_simple(src_pixbuf, 300, 300, GDK_INTERP_HYPER);
    gtk_image_set_from_pixbuf (GTK_IMAGE(g_image),dest_pixbuf);
    return FALSE;
}

void make(){
    call_qrencode(get_text());
    load_loading_img();
    g_timeout_add(1000, (GSourceFunc)load_qrencode_img, NULL);
}

int main(int argc,char *argv[]){
    gtk_init (&argc, &argv);
    window = gtk_window_new (GTK_WINDOW_TOPLEVEL);
    gtk_container_set_border_width(GTK_CONTAINER(window), 10);
    gtk_window_set_default_size(GTK_WINDOW(window),320,380);
    gtk_window_set_resizable (GTK_WINDOW(window),FALSE);
    g_signal_connect(window, "destroy",G_CALLBACK (destroy), NULL);
    gtk_window_set_title(GTK_WINDOW(window),"qrencode GUI");
    gtk_window_set_keep_above(GTK_WINDOW (window), TRUE);
    fixed = gtk_fixed_new ();
    g_btn = gtk_button_new_with_mnemonic ("make");
    g_signal_connect(g_btn, "clicked",G_CALLBACK(make), NULL);
    gtk_widget_set_size_request(g_btn,80,50);
    g_entry = gtk_entry_new ();
    gtk_widget_set_size_request(g_entry,210,50);
    g_image = gtk_image_new ();
    gtk_widget_set_size_request(GTK_WIDGET(g_image),300,300);
    gtk_fixed_put (GTK_FIXED(fixed),g_image,0,0);
    gtk_fixed_put (GTK_FIXED(fixed),g_entry,0,320);
    gtk_fixed_put (GTK_FIXED(fixed),g_btn,220,320);
    gtk_container_add (GTK_CONTAINER (window), fixed);
    gtk_widget_show_all (window);
    gtk_widget_set_opacity (GTK_WIDGET (window), 0.9);
    load_default_img();
    gtk_main ();
    return 0;
}

使用如下命令即可生成可执行文件:

代码语言:javascript
复制
gcc app.c -o app `pkg-config --cflags --libs gtk+-3.0`

最后,本代码位于 https://github.com/geek2pm/gtk_qrencode_gui

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档