FLTK学习笔记4-在FLTK中显示图片（上）

在FLTK中，并不是任何时候都可以绘图的（当然也包括绘制图片），一般来讲我们只能在控件类中的 draw()方法中绘制所需要的图案。

在FLTK中，显示图片通常有以下两种方法：

1. 创建Fl_Image对象
2. 直接从图片矩阵用fl_draw_image来绘制图片

创建Fl_Image对象的优点在于FLTK将会缓存Fl_Image对象，因此其重绘速率会比较快。

直接绘制的优点在于更直观，而且如果图像数据更改的频率比重绘的频率高，则绘制速度更快。

本篇文章用第一种方式绘制图片。

FLTK中的图片类Fl_Image是所有图片类的基类，这里我们主要关注它的子类Fl_JPEG_Image, Fl_PNG_Image和Fl_Shared_Image。

Fl_JPEG_Image和Fl_PNG_Image

Fl_JPEG_Image和Fl_PNG_Image分别用于载入.jpg和.png格式的图片，其用法类似。这里以Fl_PNG_Image为例来演示其用法：

Fl_PNG_Image tmp = Fl_PNG_Image("dune2000.png");   	/* 创建了一个Fl_PNG_Image对象并载入一张图片 */
Fl_Image* pImg = tmp.copy(400, 300);   				/* 对刚才载入的图片进行缩放 */
pBox->image(pImg);                          		/* 在pBox(一个Fl_Box控件)中显示该图片 */

注意：

1. 这里tmp.copy()的返回值是一个指向Fl_Image对象的指针。
2. 这里利用Fl_Widget中image()方法来显示图片，另一种直接绘制的方法在下一篇介绍。
3. 在链接的时候可能需要加上-ljpeg -lpng这两个库，否则可能会显示不出来图片。

Fl_Shared_Image

Fl_Shared_Image可以根据文件的后缀名载入对应图片，其用法如下：

    Fl_Shared_Image* tmp = Fl_Shared_Image::get(dest);  /* 载入图片 */
    pImg = tmp->copy(400, 300);         				/* 对刚才载入的图片进行缩放 */
    pBox->image(pImg);                  				/* 在pBox(一个Fl_Box控件)中显示该图片 */

注意：

1. 这里使用Fl_Shared_Image::get(dest);方法，而不是直接调用构造函数。
2. 程序一开始需要运行fl_register_images();，否则会报Segmentation fault的错。

程序示例

#include <FL/Fl.H>
#include <FL/Fl_Double_Window.H>
#include <FL/Fl_Shared_Image.H>
#include <FL/Fl_JPEG_Image.H>
#include <FL/Fl_PNG_Image.H>
#include <FL/Fl_Box.H>
#include <FL/fl_draw.H>
#include <iostream>

void pngDisplay(Fl_Box* pBox, Fl_Image* pImg, char* dest){
    Fl_PNG_Image tmp = Fl_PNG_Image(dest);      		/* 创建了一个Fl_PNG_Image对象并载入一张图片 */
    pImg = tmp.copy(400, 300);                  		/* 对刚才载入的图片进行缩放 */
    pBox->image(pImg);                          		/* 在pBox(一个Fl_Box控件)中显示该图片 */
}

void imageDisplay(Fl_Box* pBox, Fl_Image* pImg, char* dest){
    Fl_Shared_Image* tmp = Fl_Shared_Image::get(dest);  /* 载入图片 */
    pImg = tmp->copy(400, 300);         				/* 对刚才载入的图片进行缩放 */
    pBox->image(pImg);                  				/* 在pBox(一个Fl_Box控件)中显示该图片 */
    
}

int main(){
    fl_register_images();
        
    Fl_Double_Window* window = new Fl_Double_Window(500, 750, "图片");
    Fl_Box* pBox1 = new Fl_Box(50, 50, 400, 300, "pBox1");
    Fl_Box* pBox2 = new Fl_Box(50, 400, 400, 300, "pBox2");
    Fl_Image* pImg = nullptr;
    Fl_Image* pPng = nullptr;

    pngDisplay(pBox1, pPng, (char*)"dune2000.png");
    imageDisplay(pBox2, pImg, (char*)"pal.jpg");

    window->end();
    window->show();

    return Fl::run();
}

这里注意在编译的时候记得加上-lfltk -lfltk_images -ljpeg -lpng命令(在MSYS2上还要加上-mwindows -DWIN32 -lole32 -luuid -lcomctl32)。

运行结果：
相关链接：
专栏：FLTK
FLTK学习笔记3-随机点名器