如何在Xlib中使用XCopyArea显示蓝色以外的颜色？代码问题排查

问题背景 #

我正在用C++编写光线追踪程序，希望将生成的图像直接绘制到窗口中（而非仅输出为PPM格式）。使用Xlib尝试显示像素数组时，初始代码能正常输出蓝色方块，但修改像素赋值循环后，期望显示黄色，实际却得到蓝黑夹杂的异常效果。

初始正常代码片段 #

int width = 100;
int height = 100;

int data[width * height * 4];

for (int i = 0; i < width * height; i++){
  data[i] = 255;
}
XImage *image  = XCreateImage(d, DefaultVisual(d, 0), 24, ZPixmap, 0, (char*) data, 100, 100, 32, 0); 

Pixmap pm = XCreatePixmap(d, w, 100, 100, 24);

XPutImage(d, pm, gc, image, 0,0,0,0, 100, 100);

修改后异常的循环代码 #

for (int i = 0; i < width * height; i+= 4){
  data[i] = 255;
  data[i + 1] = 255;
  data[i + 2] = 0;  
  data[i + 3] = 0;
}

完整参考代码 #

#include <X11/Xlib.h>
#include <X11/Xutil.h>
#include <stdio.h>
#include <stdlib.h>
#include <string.h>

int main(void) {
  Display *d;
  Window w;
  XEvent e;
  const char *msg = "Hello, World!";
  int s;

  d = XOpenDisplay(NULL);
  if (d == NULL) {
    fprintf(stderr, "Cannot open display\n");
    exit(1);
  }

  s = DefaultScreen(d);
  w = XCreateSimpleWindow(d, RootWindow(d, s), 10, 10, 500, 500, 1,
                          BlackPixel(d, s), WhitePixel(d, s));
  
  GC gc = XCreateGC(d, w, 0, NULL);

  XSelectInput(d, w, ExposureMask | KeyPressMask);
  XMapWindow(d, w);

  int width = 100;
  int height = 100;

  int data[width * height * 4];

  for (int i = 0; i < width * height; i++){
    data[i] = 255;
  }

  XImage *image  = XCreateImage(d, DefaultVisual(d, 0), 24, ZPixmap, 0, (char*) data, 100, 100, 32, 0); 

  Pixmap pm = XCreatePixmap(d, w, 100, 100, 24);

  XPutImage(d, pm, gc, image, 0,0,0,0, 100, 100);

  while (1) {
    XNextEvent(d, &e);
    if (e.type == Expose) {
        XCopyArea(d, pm, w, gc, 0, 0, width, height, 10, 10);
    }
    if (e.type == KeyPress)
        break;
  }

  XCloseDisplay(d);
  return 0;
}

问题原因与修复 #

核心问题 #

1. 数组类型不匹配：使用int类型数组存储像素数据，但Xlib的ZPixmap格式（32位行宽）要求每个像素是4字节无符号字符，int类型的赋值会导致内存布局和颜色通道解析错误。
2. 循环边界错误：修改后的循环条件i < width * height，但每次步长为4，实际需要遍历的总元素数是width * height * 4，导致大部分像素数据未初始化（值为随机垃圾），这是黑色杂色的来源。
3. 颜色通道顺序错误：X11的像素格式通常为BGRA，而非你假设的RGBA。你设置的R=255, G=255, B=0会被解析为B=255, G=255, R=0，显示为青色，再加上未初始化的像素，就呈现蓝黑夹杂的效果。

修复步骤 #

1. 改用unsigned char数组：匹配Xlib的字节级像素格式。
2. 修正循环边界：遍历width * height * 4个元素，确保每个像素的四个通道都被正确赋值。
3. 调整颜色通道顺序为BGRA：按X11的格式要求赋值颜色通道。

修正后的循环代码 #

// 使用unsigned char类型存储像素数据
unsigned char data[width * height * 4];

// 遍历所有像素的四个通道
for (int i = 0; i < width * height * 4; i += 4) {
  data[i] = 0;       // B通道（蓝色）
  data[i + 1] = 255; // G通道（绿色）
  data[i + 2] = 255; // R通道（红色）
  data[i + 3] = 0;   // A通道（透明度，24位深度下可忽略）
}

额外优化建议 #

• 避免使用变长数组（int data[width * height *4]），改用malloc或new动态分配内存，提升代码可移植性。
• 创建XImage时，可通过XVisualInfo获取当前显示的实际颜色深度和格式，避免硬编码参数。

内容的提问来源于stack exchange，提问作者Andrew Lubrino