cairo 教程四

编译可参考教程二

GTK 窗口

在这个示例中,演示如何在GTK窗口中使用Cairo绘制图形。基于GTK后端的Cairo绘图模型将贯穿于本指南。

#include<cairo.h>
#include<gtk/gtk.h>

staticgboolean
on_expose_event
(GtkWidget * widget, GdkEventExpose * event, gpointer data)
{
cairo_t *cr;

cr = gdk_cairo_create
(widget->window);

cairo_set_source_rgb
(cr, 0.627, 0, 0);
cairo_select_font_face
(cr, "AdobeHeiti Std", CAIRO_FONT_SLANT_NORMAL,
CAIRO_FONT_WEIGHT_NORMAL
);
cairo_set_font_size
(cr, 24.0);

cairo_move_to
(cr, 10.0, 34.0);
cairo_show_text
(cr, "Iam a Chinese.");

cairo_destroy
(cr);

returnFALSE;
}


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

GtkWidget *window;

gtk_init
(&argc, &argv);

window = gtk_window_new
(GTK_WINDOW_TOPLEVEL);

g_signal_connect
(window, "expose-event",
G_CALLBACK
(on_expose_event), NULL);
g_signal_connect
(window, "destroy",
G_CALLBACK
(gtk_main_quit), NULL);

gtk_window_set_position
(GTK_WINDOW (window), GTK_WIN_POS_CENTER);
gtk_window_set_default_size
(GTK_WINDOW (window), 320, 48);
gtk_widget_set_app_paintable
(window, TRUE);

gtk_widget_show_all
(window);

gtk_main
();

return0;
}

这个示例程序运行后,会在屏幕中央跳出一个GTK+窗口,上面绘制了一串文本.

#include<cairo.h>
#include<gtk/gtk.h>

首先要包含cairogtk+库的头文件。

g_signal_connect(window, "expose-event",
G_CALLBACK
(on_expose_event), NULL);

GTK+窗口被重绘时,会发出expose-event信号,我们可将这一信号连接到on_expose_event() 回调函数上。

gtk_widget_set_app_paintable(window, TRUE);

要在GTK+窗口中绘制Cairo图形,可以使用GtkDrawingAreawidget 或者更为简单的GtkWindowwidget,本例选择GtkWindow。由GtkWindowwidget expose-event信号处理后,默认要重新绘制窗口背景,这会将我们在on_expose_event() 函数中定义的Cairo图形覆盖掉,因此需要调用gtk_widget_set_app_paintable() 函数通知GTK+不要这么干。如果是在GtkDrawingAreawidget 中绘制Cairo图形,则可省去这一步。

cairo_t*cr;

cr = gdk_cairo_create
(widget->window);

Cairo图形绘制工作是在on_expose_event() 函数中进行的,在该函数中,我们为GTK+系统创建了一个Cairo环境,并在该环境中绘制了一行文本。


Cairo 概念 ................................................................................................................................... 3 环境 (Context) ............................................................................................................................. 3 路径 (Path) ................................................................................................................................... 3 源 (Source) ................................................................................................................................... 3 外观 (Surface) .............................................................................................................................. 3 蒙板 (Mask) ................................................................................................................................. 4 图案 (Pattern) ............................................................................................................................... 4 二Cairo 后端 ................................................................................................................................... 4 1. PNG 图像 ................................................................................................................................. 4 2. PDF 文件 ................................................................................................................................. 5 3. SVG 文件 ................................................................................................................................. 6 4. GTK 窗口 ................................................................................................................................ 7 三 基本绘图 ..................................................................................................................................... 9 直线段 .......................................................................................................................................... 9 描绘 (Stroke) 与填充 (Fill) ..................................................................................................... 12 虚线 (Dash) ................................................................................................................................ 14 线帽 (Line caps) ........................................................................................................................ 17 线的交合 (Line joins) ................................................................................................................ 19 高级形状绘制 ........................................................................................................................... 21 基本形状..................................................................................................................................... 21 复杂的图形................................................................................................................................. 24 填充 (Fill) .................................................................................................................................. 27 纯色 (Solid color) .................................................................................................................. 27 图案 (Pattern) ......................................................................................................................... 28 渐变 (Gradient) ...................................................................................................................... 32 五 透明........................................................................................................................................... 35 透明的矩形................................................................................................................................. 35 淡出的效果................................................................................................................................. 37 “等待”的演示 ............................................................................................................................. 40 六 合成........................................................................................................................................... 43 七 裁剪与遮蔽 ............................................................................................................................... 46 裁剪 ............................................................................................................................................ 46 裁剪矩形..................................................................................................................................... 49 遮蔽 ............................................................................................................................................ 53 变换 ............................................................................................................................................ 55 平移......................................................................................................................................... 55 旋转......................................................................................................................................... 56 缩放......................................................................................................................................... 58 错切......................................................................................................................................... 60 椭圆......................................................................................................................................... 63 星星......................................................................................................................................... 65 七 文本........................................................................................................................................... 68 灵魂伙伴..................................................................................................................................... 68 一个字接一个字…… ................................................................................................................. 71 膨胀 ............................................................................................................................................ 73 八 图像........................................................................................................................................... 76 图像的显示................................................................................................................................. 77 垂帘效果(Blind Down) ......................................................................................................... 78 光谱效果..................................................................................................................................... 81
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值