当前位置: 首页 > news >正文

七、xlib窗口渲染

文章目录

    • 1.渲染图片
    • 2.双缓冲
    • 3.混合图片
    • 4.渐变窗口

1.渲染图片

在上篇文章中的最后,我们使用libpng加载了一个png图片,并显示到窗口上,但是我们可以看到显示到窗口的图片周边有黑色的背景。原因是在我测试的操作系统下使用xlib创建的窗口默认支持的颜色深度为24位,而png支持alpha通道,当我们把一个支持alpha通道透明度的图片放到一个24位窗口上时,alpha通道为0,整体就显示为黑色了。解决这个问题有两种办法,一种是在窗口的时候明确的指定我要创建一个支持32位颜色窗口,另一种方式是使用XRender。使用XRender不仅可以支持带透明度图片绘制,还可以对两张图片进行混合,实现更加复杂的效果,还可以利用XRender进行渐变窗口的绘制。Cario和GTK也是使用XRender进行窗口渲染。XRender是一个X Window系统的一个显示扩展,相关的接口定义所在的头文件

#include <X11/extensions/Xrender.h>

当然如果使用XRender进行界面渲染,我们需要确定是否安装了XRender的开发包。ubuntu下安装XRender开发包的脚本如下

sudo apt install libxrender-dev

我们对上一篇文章中的代码进行修改,使用XRender进行png图片的渲染,代码如下:

#include <X11/Xlib.h>
#include <X11/Xutil.h>
#include <X11/extensions/Xrender.h>
#include <stdio.h>
#include <png.h>
#include <stdlib.h>// 加载 PNG 文件的函数
unsigned char *load_png(const char *filename, int *width, int *height) {FILE *fp = fopen(filename, "rb");if (!fp) {fprintf(stderr, "无法打开文件: %s\n", filename);return NULL;}png_structp png = png_create_read_struct(PNG_LIBPNG_VER_STRING, NULL, NULL, NULL);if (!png) {fclose(fp);return NULL;}png_infop info = png_create_info_struct(png);if (!info) {png_destroy_read_struct(&png, NULL, NULL);fclose(fp);return NULL;}if (setjmp(png_jmpbuf(png))) {png_destroy_read_struct(&png, &info, NULL);fclose(fp);return NULL;}png_init_io(png, fp);png_read_info(png, info);*width = png_get_image_width(png, info);*height = png_get_image_height(png, info);int color_type = png_get_color_type(png, info);int bit_depth = png_get_bit_depth(png, info);// 转换为 8 位 RGB 或 RGBA 格式if (bit_depth == 16)png_set_strip_16(png);if (color_type == PNG_COLOR_TYPE_PALETTE)png_set_palette_to_rgb(png);if (color_type == PNG_COLOR_TYPE_GRAY && bit_depth < 8)png_set_expand_gray_1_2_4_to_8(png);if (png_get_valid(png, info, PNG_INFO_tRNS))png_set_tRNS_to_alpha(png);if (color_type == PNG_COLOR_TYPE_RGB || color_type == PNG_COLOR_TYPE_GRAY ||color_type == PNG_COLOR_TYPE_PALETTE)png_set_filler(png, 0xFF, PNG_FILLER_AFTER);if (color_type == PNG_COLOR_TYPE_GRAY || color_type == PNG_COLOR_TYPE_GRAY_ALPHA)png_set_gray_to_rgb(png);png_read_update_info(png, info);int rowbytes = png_get_rowbytes(png, info);unsigned char *image_data = static_cast<unsigned char *>(malloc(rowbytes * (*height)));png_bytep *row_pointers = static_cast<png_bytep *>(malloc(sizeof(png_bytep) * (*height)));for (int y = 0; y < *height; y++)row_pointers[y] = image_data + y * rowbytes;png_read_image(png, row_pointers);free(row_pointers);png_destroy_read_struct(&png, &info, NULL);fclose(fp);return image_data;
}void DoPaint(Display *display, Window window) {int screen_num = DefaultScreen(display);int width = 0;int height = 0;unsigned char *buffer = load_png("icon.png",&width,&height);unsigned char *imageData = (unsigned char*)malloc(width*height*4);for (int i=0;i<height;i++) {for (int j=0;j<width;j++) {unsigned char *originPixel = buffer + (i*width+j)*4;unsigned char *pixel = imageData + (i*width+j)*4;pixel[3] = originPixel[3];pixel[0] = originPixel[2];pixel[1] = originPixel[1];pixel[2] = originPixel[0];}}free(buffer);// 创建 Pixmap 和 GCPixmap pixmap = XCreatePixmap(display, window, width, height, 32);GC gc = XCreateGC(display, pixmap, 0, NULL);XImage *image = XCreateImage(display, DefaultVisual(display,screen_num), 32, ZPixmap, 0,(char *)imageData, width, height, 32, 0);XPutImage(display,pixmap,gc,image,0,0,0,0,width,height);// 创建 Picture 对象XRenderPictFormat *format = XRenderFindStandardFormat(display, PictStandardARGB32);Picture pngPicture = XRenderCreatePicture(display, pixmap, format, 0, NULL);XRenderPictFormat *formatDefault = XRenderFindVisualFormat(display, DefaultVisual(display,screen_num));Picture windowPicture = XRenderCreatePicture(display,window,formatDefault,0, nullptr);XRenderComposite(display, PictOpOver, pngPicture, None, windowPicture,0, 0, 0, 0, 0, 0, width, height);XRenderFreePicture(display,windowPicture);XRenderFreePicture(display,pngPicture);XFreePixmap(display,pixmap);XFreeGC(display,gc);XDestroyImage(image);
}int main() {Display *display = XOpenDisplay(NULL);Window win = XCreateSimpleWindow(display, DefaultRootWindow(display), 10, 10, 800, 600, 1,BlackPixel(display, DefaultScreen(display)),WhitePixel(display, DefaultScreen(display)));XSelectInput(display, win, ExposureMask);XMapWindow(display, win);while (1) {XEvent e;XNextEvent(display, &e);if (e.type == Expose) {DoPaint(display,win);}}XDestroyWindow(display,win);XCloseDisplay(display);return 0;
}

使用g++编译以上代码

g++ xxx.cpp -o app -lX11 -lXrender -lpng

运行结果如下:

在这里插入图片描述

在上面的程序中我们使用几个新的函数。所使用的函数及作用如下

函数名作用
XCreatePixmap创建一个Pixmap对象。Pixmap用于在屏幕外绘制对象,在上面的示例中我们把XPutImage原本存储到window的图片,改为存储为Pixmap。Pixmap可以用来实现双缓冲技术,即在屏幕外进行绘制,当绘制操作完成后,把Pixmap数据拷到屏幕窗口显示,以避免绘制闪烁现象。
XRenderFindStandardFormat从当前连接中找到所支持的颜色格式,如对于png图片我们需要32位支持,对于ubuntu下创建默认是24位深度的窗口,我们需要PictStandardRGB24。
XRenderFindVisualFormat查找当前连接,即当前窗口所支持颜色格式。
XRenderCreatePicture为可绘制对象创建Picture对象,XRender中所有渲染操作都是针对Picture进行操作。
XRenderComposite对两个Picture进行混合。

2.双缓冲

在上面的示例中,我们提到了Pixmap。在之前的所有示例中,我们无论使用XDrawString、XDrawArc、XDrawRectangle这些函数中有一个参数类型是Drawable,在xlib接口中,Drawable可以是Window或是Pixmap,我们之前所有的示例都是直接绘制到Window对象上。之前的绘制的元素较少,所以在界面上我们没有什么感觉,当绘制的元素较多,或者我们刷新屏幕窗口的频率较高时,界面就会出现闪烁或是延迟显示问题。为了解决这个问题,我们可以先把所有的元素绘制到Pixmap,然后再将Pixmap的数据拷贝到窗体上显示。下面给出一个xlib双缓冲的示例。

#include <clocale>
#include <cstring>
#include <X11/Xlib.h>
#include <stdio.h>
#include <stdlib.h>void DoPaint(Display *display, Window window,int width, int height) {char drawText[] = "Draw Text...";Pixmap  pixmap = XCreatePixmap(display,window,width,height, DefaultDepth(display, DefaultScreen(display)));GC gc = XCreateGC(display,pixmap,0,nullptr);//使用背景色来填充pixmap中的数据XSetForeground(display,gc, WhitePixel(display, DefaultScreen(display)));XFillRectangle(display,pixmap,gc,0,0,width,height);//设置文本颜色XSetForeground(display,gc, 0xff000000);XDrawString(display,pixmap,gc,30,20,drawText,strlen(drawText));//设置矩形颜色、线条样式XSetForeground(display,gc,0xff0000);XSetLineAttributes(display,gc,5,LineSolid,CapButt, JoinMiter);XDrawRectangle(display,pixmap,gc,30,30,80,60);//设置填充弧形的颜色XSetForeground(display,gc,0xff0000);XFillArc(display,pixmap,gc,100,100,50,50,0*64,180*64);//设置填充矩形颜色XSetForeground(display,gc,0x00ff00);XFillRectangle(display,pixmap,gc,200,200,100,80);//将内存中绘制的元素拷贝到窗口中显示XCopyArea(display,pixmap,window,gc,0,0,width,height,0,0);XFreeGC(display,gc);
}int main() {Display *display;Window window;int screen;XEvent event;display = XOpenDisplay(NULL);if (display == NULL) {fprintf(stderr, "无法打开X显示器\n");exit(1);}screen = DefaultScreen(display);window = XCreateSimpleWindow(display, RootWindow(display, screen), 10, 10, 400, 300, 1,BlackPixel(display, screen), WhitePixel(display, screen));/* 选择要接收的事件类型 */XSelectInput(display, window, ExposureMask);XMapWindow(display, window);while (1) {XNextEvent(display, &event);if (event.type == Expose) {DoPaint(display,window,400,300);}}XDestroyWindow(display, window);XCloseDisplay(display);return 0;
}

编译以上程序,运行结果如下,这个示例在我们所有的绘制都不是直接绘制到窗口上,而是绘制到Pixmap内存中,最后一次性将绘制结果通过XCopyArea拷贝到界面进行显示。这里使用XCopyArea需要注意的是Pixmap和Window需要具备相同的颜色深度。比如我的窗口支持的颜色深度是24位,那么我创建Pixmap时也需要是24位,否则使用XCopyArea会产生错误。

在这里插入图片描述

3.混合图片

接下来我们实现将一个蓝色块以50%透明度混合到红色背景块中。实现代码如下

#include <clocale>
#include <cstring>
#include <X11/Xlib.h>
#include <stdio.h>
#include <stdlib.h>
#include <X11/extensions/Xrender.h>void DoPaint(Display *display, Window window,int width,int height,int alpha = 128) {int screen = DefaultScreen(display);double fade = alpha*1.0/255.0;XRenderColor  alphaColor = {.alpha = (ushort)(0xffff*fade)};XRenderColor iAlphaColor = {.alpha = (ushort)(0xffff*(1-fade))};Picture aPicture = XRenderCreateSolidFill(display,&alphaColor);Picture iAPicture = XRenderCreateSolidFill(display,&iAlphaColor);Pixmap redPixmap = XCreatePixmap(display,window,width,height, DefaultDepth(display, screen));GC redGC = XCreateGC(display,redPixmap,0, nullptr);XSetForeground(display,redGC,0xff0000);XFillRectangle(display,redPixmap,redGC,0,0,width,height);XFreeGC(display,redGC);Pixmap bluePixmap = XCreatePixmap(display,window,width,height, DefaultDepth(display, screen));GC blueGC = XCreateGC(display,bluePixmap,0, nullptr);XSetForeground(display,blueGC,0x0000ff);XFillRectangle(display,bluePixmap,blueGC,0,0,width,height);XFreeGC(display,blueGC);Picture redPicture = XRenderCreatePicture(display,redPixmap, XRenderFindVisualFormat(display,DefaultVisual(display,screen)),0, nullptr);Picture bluePicture = XRenderCreatePicture(display,bluePixmap, XRenderFindVisualFormat(display,DefaultVisual(display,screen)),0, nullptr);Picture windowPicture = XRenderCreatePicture(display,window, XRenderFindVisualFormat(display,DefaultVisual(display,screen)),0, nullptr);XRenderComposite(display,PictOpSrc,redPicture,iAPicture,windowPicture,0,0,0,0,0,0,width,height);XRenderComposite(display,PictOpAdd,bluePicture,aPicture,windowPicture,0,0,0,0,0,0,width,height);XRenderFreePicture(display,windowPicture);XRenderFreePicture(display,bluePicture);XRenderFreePicture(display,redPicture);XFreePixmap(display,bluePixmap);XFreePixmap(display,redPixmap);XRenderFreePicture(display,iAPicture);XRenderFreePicture(display,aPicture);
}int main() {Display *display;Window window;int screen;XEvent event;display = XOpenDisplay(NULL);if (display == NULL) {fprintf(stderr, "无法打开X显示器\n");exit(1);}screen = DefaultScreen(display);window = XCreateSimpleWindow(display, RootWindow(display, screen), 10, 10, 400, 300, 1,BlackPixel(display, screen), WhitePixel(display, screen));/* 选择要接收的事件类型 */XSelectInput(display, window, ExposureMask);XMapWindow(display, window);while (1) {XNextEvent(display, &event);if (event.type == Expose) {DoPaint(display,window,400,300,128);}}XDestroyWindow(display, window);XCloseDisplay(display);return 0;
}

编译运行以上程序。结果如下

在这里插入图片描述

在做带有alpha通道透明度混合操作,使用通义和chatgpt都无法实现真正的混合效果。以上通过查询大量资料实现。另一种方式可以手工计算每个像素点混合后的颜色值。我们对手动混合以及XRender混合两种方式进行了测试,在使用需要相同效果,相同混合大小的情况下,Debug版本下手动混合的性能要比XRender低10倍左右。

4.渐变窗口

我们可以使用XRender渲染功能实现一个渐变的窗口

#include <X11/Xlib.h>
#include <X11/extensions/Xrender.h>
#include <stdio.h>int main() {// 连接到 X 服务器Display *display = XOpenDisplay(NULL);if (!display) {fprintf(stderr, "无法连接到 X 服务器\n");return 1;}int screen = DefaultScreen(display);Window root = RootWindow(display, screen);// 创建一个窗口Window window = XCreateSimpleWindow(display, root, 100, 100, 400, 300, 1,BlackPixel(display, screen),WhitePixel(display, screen));// 选择事件类型XSelectInput(display, window, ExposureMask | KeyPressMask);// 显示窗口XMapWindow(display, window);// 检查 XRender 扩展是否可用int render_event_base, render_error_base;if (!XRenderQueryExtension(display, &render_event_base, &render_error_base)) {fprintf(stderr, "XRender 扩展不可用\n");XCloseDisplay(display);return 1;}// 获取默认的视觉和格式XRenderPictFormat *format = XRenderFindVisualFormat(display, DefaultVisual(display, screen));if (!format) {fprintf(stderr, "无法找到合适的 XRender 格式\n");XCloseDisplay(display);return 1;}// 创建窗口的图片(Picture)Picture window_picture = XRenderCreatePicture(display, window, format, 0, NULL);// 定义线性渐变的起点和终点XLinearGradient gradient;gradient.p1.x = XDoubleToFixed(0);   // 起点 x 坐标gradient.p1.y = XDoubleToFixed(0);   // 起点 y 坐标gradient.p2.x = XDoubleToFixed(400); // 终点 x 坐标gradient.p2.y = XDoubleToFixed(300); // 终点 y 坐标// 定义渐变的颜色停止点XFixed stops[2];XRenderColor colors[2];// 第一个颜色:红色stops[0] = XDoubleToFixed(0.0);colors[0].red = 65535;   // 红色 (范围 0-65535)colors[0].green = 0;colors[0].blue = 0;colors[0].alpha = 65535; // 不透明// 第二个颜色:蓝色stops[1] = XDoubleToFixed(1.0);colors[1].red = 0;colors[1].green = 0;colors[1].blue = 65535;  // 蓝色colors[1].alpha = 65535; // 不透明// 创建线性渐变图案Picture gradient_picture = XRenderCreateLinearGradient(display, &gradient, stops, colors, 2);// 主事件循环XEvent event;while (1) {XNextEvent(display, &event);if (event.type == Expose) {// 每次窗口暴露时重新绘制渐变XRenderComposite(display, PictOpSrc, gradient_picture, None, window_picture,0, 0, 0, 0, 0, 0, 400, 300);} else if (event.type == KeyPress) {break; // 按下任意键退出}}// 清理资源XRenderFreePicture(display, gradient_picture);XRenderFreePicture(display, window_picture);XDestroyWindow(display, window);XCloseDisplay(display);return 0;
}

编译以上程序,运行结果如下,上面实现了从左上角到右下角红色到蓝色的渐变效果。

在这里插入图片描述

以上代码程序中

    // 定义线性渐变的起点和终点XLinearGradient gradient;gradient.p1.x = XDoubleToFixed(0);   // 起点 x 坐标gradient.p1.y = XDoubleToFixed(0);   // 起点 y 坐标gradient.p2.x = XDoubleToFixed(400); // 终点 x 坐标gradient.p2.y = XDoubleToFixed(300); // 终点 y 坐标

以上设置渐变起始和终点。在XRender中窗口中的点需要转换为XRender的数据。以上XDoubleToFixed的作用把窗口坐标点乘以65535

// 第一个颜色:红色stops[0] = XDoubleToFixed(0.0);colors[0].red = 65535;   // 红色 (范围 0-65535)colors[0].green = 0;colors[0].blue = 0;colors[0].alpha = 65535; // 不透明

stops[0]和colors[0]用于定义第一个颜色点的位置和颜色值。

// 第二个颜色:蓝色stops[1] = XDoubleToFixed(1.0);colors[1].red = 0;colors[1].green = 0;colors[1].blue = 65535;  // 蓝色colors[1].alpha = 65535; // 不透明

这里第二个颜色点的位置和颜色值。

Picture gradient_picture = XRenderCreateLinearGradient(display, &gradient, stops, colors, 2);

这里根据渐变设置创建一个Picture对象。

以上程序我们设置了两种渐变颜色,从红色到蓝色的渐变,XRender支持设置多个颜色渐变。可以扩充以上stops和colors元素数量,并正确给出颜色实现多颜色渐变。

水平渐变

上面实现的是一个从左上角到右下角的渐变。如果我们想要实现一个水平方向的渐变,即从左到右的颜色渐变。我们只需要稍微改下代码即可,把以下代码

    XLinearGradient gradient;gradient.p1.x = XDoubleToFixed(0);   // 起点 x 坐标gradient.p1.y = XDoubleToFixed(0);   // 起点 y 坐标gradient.p2.x = XDoubleToFixed(400); // 终点 x 坐标gradient.p2.y = XDoubleToFixed(300); // 终点 y 坐标

修改为

// 定义线性渐变的起点和终点XLinearGradient gradient;gradient.p1.x = XDoubleToFixed(0);   // 起点 x 坐标gradient.p1.y = XDoubleToFixed(0);   // 起点 y 坐标gradient.p2.x = XDoubleToFixed(400); // 终点 x 坐标gradient.p2.y = 0; // 终点 y 坐标

运行结果如下

在这里插入图片描述

垂直渐变

实现垂直渐变的代码如下:

// 定义线性渐变的起点和终点XLinearGradient gradient;gradient.p1.x = XDoubleToFixed(0);   // 起点 x 坐标gradient.p1.y = XDoubleToFixed(0);   // 起点 y 坐标gradient.p2.x = 0; // 终点 x 坐标gradient.p2.y = XDoubleToFixed(300); // 终点 y 坐标

以上程序运行结果如下

在这里插入图片描述

相关文章:

七、xlib窗口渲染

文章目录 1.渲染图片2.双缓冲3.混合图片4.渐变窗口 1.渲染图片 在上篇文章中的最后&#xff0c;我们使用libpng加载了一个png图片&#xff0c;并显示到窗口上&#xff0c;但是我们可以看到显示到窗口的图片周边有黑色的背景。原因是在我测试的操作系统下使用xlib创建的窗口默认…...

python中http.cookiejar和http.cookie的区别

在Python中&#xff0c;http.cookiejar和http.cookie&#xff08;通常指http.cookies模块&#xff09;是两个不同的模块&#xff0c;它们的主要区别如下&#xff1a; 1. 功能定位 http.cookiejar 用于管理HTTP客户端的Cookie&#xff0c;提供自动化的Cookie存储、发送和接收功…...

架构设计模式:构建健壮、可扩展的 Serverless 应用

架构设计模式:构建健壮、可扩展的 Serverless 应用 到目前为止,我们已经掌握了 Serverless 的基本概念,了解了 FaaS 和 BaaS 如何协同工作,学会了使用框架进行开发部署,并知道了如何监控和排查问题。现在,是时候从“能用”向“好用”迈进了。 仅仅将代码部署到 Lambda 函…...

2- PyTorch

文章目录 1. Overview2. 线性模型 1. Overview 在人的智能中&#xff0c;最经常做的事情是推理和预测&#xff0c;在机器学习中也是如此。我们在以往的算法课中&#xff0c;所接触的穷举、贪心、分治和动规等算法都是由人设计的&#xff0c;而在机器学习中&#xff0c;算法是由…...

MinIO:从入门到精通,解锁云原生存储的奥秘

一、引言&#xff1a;为什么 MinIO 正在重塑存储世界&#xff1f; 在云计算和大数据时代&#xff0c;传统存储系统面临扩展性差、成本高、兼容性不足等挑战。MinIO 凭借其 S3 兼容性、分布式架构、高性能存储 等特性&#xff0c;成为企业构建现代化存储基础设施的首选。 本文…...

【LeetCode 热题100】739:每日温度(详细解析)(Go语言版)

&#x1f321;️ LeetCode 739&#xff1a;每日温度&#xff08;详解 单调栈 多种思路对比&#xff09; &#x1f4cc; 题目描述 给定一个整数数组 temperatures&#xff0c;表示每天的温度&#xff0c;返回一个数组 answer&#xff0c;其中 answer[i] 是指在第 i 天之后&am…...

Linux学习笔记|GCC编译指令基础|静动态库|makefile

一、GCC 编译指令基础 基本编译命令 gcc -o code code.c和gcc code.c -o code&#xff1a;这两条命令功能相同&#xff0c;都是使用 GCC 编译器将code.c源文件编译成名为code的可执行文件。-o选项用于指定输出文件名&#xff0c;选项位置在源文件前后不影响最终结果。 编译过程…...

【LeetCode 热题100】17:电话号码的字母组合(详细解析)(Go语言版)

☎️ LeetCode 17. 电话号码的字母组合&#xff08;回溯 DFS 详解&#xff09; &#x1f4cc; 题目描述 给定一个仅包含数字 2-9 的字符串&#xff0c;返回所有它能表示的字母组合。答案可以按任意顺序返回。 数字到字母的映射如下&#xff08;与电话按键相同&#xff09;…...

C++学习:六个月从基础到就业——C++17:std::optional/variant/any

C学习&#xff1a;六个月从基础到就业——C17&#xff1a;std::optional/variant/any 本文是我C学习之旅系列的第四十七篇技术文章&#xff0c;也是第三阶段"现代C特性"的第九篇&#xff0c;主要介绍C17引入的三个重要工具类型&#xff1a;std::optional、std::varia…...

Go语言中函数 vs 方法

函数&#xff08;Function&#xff09;&#xff1a;不属于任何类型&#xff0c;是全局可调用的。 方法&#xff08;Method&#xff09;&#xff1a;绑定在某个类型上的函数&#xff0c;调用时依赖于这个类型的值或指针。 一、函数&#xff08;Function&#xff09; func 函数…...

代码随想录算法训练营第六十五天| 图论10—卡码网94. 城市间货物运输 I,95. 城市间货物运输 II

被学校课程轰炸了一周&#xff0c;回过头发现训练营已经要结束了&#xff0c;抓紧时间补完。不过算法这边也很难&#xff0c;感觉每天都是勉强理解在干什么的状态。 94. 城市间货物运输 I 94. 城市间货物运输 I SPFA算法&#xff0c;也是Bellman_ford 队列优化算法 优化原理…...

TDengine 在新能源领域的价值

能源数据的定义 能源数据是指记录和描述能源产业各个方面的信息&#xff0c;包括能源生产、供应、消费、储备、价格、排放以及相关政策和技术的数据。这些数据可以通过各种途径收集和整理&#xff0c;如能源企业的统计报表、政府部门的调查和监测、国际组织的发布数据等。 能…...

浅谈Frida 检测与绕过

目录 ptrace 占位与进程名检测端口检测与 D-Bus 协议通信扫描 /proc 目录&#xff08;maps、task、fd&#xff09;定位 so 中的 SVC syscall内存动态释放代码 1. ptrace 占位与进程名检测 检测方式 遍历运行进程列表&#xff0c;检查是否存在 frida-server 或相关进程名&…...

WaterStamp —— 一个实用的网页水印生成器开发记

我正在参加CodeBuddy「首席试玩官」内容创作大赛&#xff0c;本文所使用的 CodeBuddy 免费下载链接&#xff1a;腾讯云代码助手 CodeBuddy - AI 时代的智能编程伙伴 最近&#xff0c;我和 CodeBuddy 一起完成了一个名为 WaterStamp 的网页水印生成器项目。这个小工具主要用于给…...

【MySQL】存储过程,存储函数,触发器

目录 准备工作 一. 存储过程 1.1.什么是存储过程 1.2.创建存储过程 1.3.创建只显示大于等于指定值的记录的存储过程 1.4.显示&#xff0c;删除存储过程 二. 存储函数 2.1.什么是存储函数 2.2.使用存储函数 2.2.1.使用存储函数之前 2.2.2.使用存储函数计算标准体重 …...

python打卡第29天

知识点回顾 类的装饰器装饰器思想的进一步理解&#xff1a;外部修改、动态类方法的定义&#xff1a;内部定义和外部定义 作业&#xff1a;复习类和函数的知识点&#xff0c;写下自己过去29天的学习心得&#xff0c;如对函数和类的理解&#xff0c;对python这门工具的理解等&…...

vim - v

在 Vim 中&#xff0c;使用 可视模式&#xff08;Visual Mode&#xff09; 可以选中文本并进行复制、剪切、粘贴等操作。以下是详细的使用方法&#xff1a; 1. 进入可视模式 命令功能v字符可视模式&#xff08;按字符选择&#xff09;V&#xff08;大写&#xff09;行可视模式…...

Linux 线程(上)

前言&#xff1a;大家早上中午晚上好&#xff01;&#xff01;今天来学习一下linux系统下所谓的线程吧&#xff01;&#xff01;&#xff01; 一、重新理解进程&#xff0c;什么是进程&#xff1f; 1.1 图解 其中黑色虚线部分一整块就是进程&#xff0c;注意&#xff1a;一整…...

# 终端执行 java -jar example.jar 时(example.jar为项目jar包)报错:“没有主清单属性” 的解决方法

终端执行 java -jar example.jar 时&#xff08;example.jar为项目jar包&#xff09;报错&#xff1a;“没有主清单属性” 的解决方法 在Java中&#xff0c;一个JAR文件必须包含一个主清单属性&#xff08;Main-Class属性&#xff09;才能在命令行中直接运行。如果你在尝试运行…...

4:OpenCV—保存图像

将图像和视频保存到文件 在许多现实世界的计算机视觉应用中&#xff0c;需要保留图像和视频以供将来参考。最常见的持久化方法是将图像或视频保存到文件中。因此&#xff0c;本教程准备解释如何使用 OpenCV C将图像和视频保存到文件中。 将图像保存到文件 可以学习如何保存从…...

[C++面试] const相关面试题

1、非 const 的引用必须指向一个已存在的变量 int main() {int &a 20; // 错误const int &b 30; } 字面量 20 是临时值&#xff08;右值&#xff09;&#xff0c;没有明确的内存地址。非常量引用&#xff08;左值引用&#xff09;不能直接绑定到右值&#xff08;如…...

#Redis黑马点评#(六)Redis当中的消息队列

目录 Redis当中的消息队列 一 基于List 二 基于PubSub 三 基于Stream 单消费模式 消费者组 Redis当中的消息队列 消息队列&#xff0c;字面意思就是存放消息的队列。最简单的消息队列模型包括3个角色&#xff1a; 消息队列&#xff1a;存储和管理消息&#xff0c;也称为…...

Git基础原理和使用

Git 初识 一、版本管理痛点 在日常工作和学习中&#xff0c;我们经常遇到以下问题&#xff1a; - 通过不断复制文件来保存历史版本&#xff08;如报告-v1、报告-最终版等&#xff09; - 版本数量增多后无法清晰记住每个版本的修改内容 - 项目代码管理存在同样问题 二、版本控…...

Java程序员学AI(一)

一、前言 最近刷技术圈&#xff0c;满眼都是 GPT、DeepSeek、QWen 这些 AI 名词。看着同行们在群里聊 AI 写代码、做数据分析&#xff0c;我这个摸了 Java 老程序员突然慌了 —— 再不出手&#xff0c;怕是真要被时代落下了&#xff01; 作为一个 Java 死忠粉&#xff0c;学 …...

《Python星球日记》 第91天:端到端 LLM 应用(综合项目:医疗文档助手)

名人说:路漫漫其修远兮,吾将上下而求索。—— 屈原《离骚》 创作者:Code_流苏(CSDN)(一个喜欢古诗词和编程的Coder😊) 目录 一、项目概述与需求分析1. 项目背景2. 项目目标3. 技术栈概览二、数据准备与处理1. 文档收集策略2. 文本预处理流程3. 向量化与知识库构建三、模…...

目前主流的AI测试工具推荐

以下是目前备受关注的AI测试工具及平台&#xff0c;涵盖功能测试、视觉测试、性能测试及国产化解决方案等多个领域&#xff0c;结合其核心特性与适用场景进行综合推荐&#xff1a; 一、主流AI测试工具推荐 Testim 核心功能&#xff1a;基于AI的动态元素定位技术&#xff0c;…...

vscode优化使用体验篇(快捷键)

本文章持续更新中 最新更新时间为2025-5-18 1、方法查看方法 1.1当前标签跳到新标签页查看方法实现 按住ctrl 鼠标左键点击方法。 1.2使用分屏查看方法实现(左右分屏) 按住ctrl alt 鼠标左键点击方法。...

uniprot中PTM数据的下载

首先是PTM的介绍&#xff1a; 参考&#xff1a;https://en.wikipedia.org/wiki/Post-translational_modification 蛋白质的翻译后修饰&#xff08;PTM&#xff09;通过改变氨基酸残基的化学结构&#xff0c;显著影响其带电性质&#xff0c;从而调控蛋白质的功能、定位和相互作…...

【QGIS二次开发】地图编辑-04

系列目录&#xff1a; 【QGIS二次开发】地图显示与交互-01_qgis二次开发加载地图案例-CSDN博客 【QGIS二次开发】地图显示与交互-02_setlayerlabeling-CSDN博客 【QGIS二次开发】地图符号与色表-03-CSDN博客 4 地图编辑 4.1 添加点要素 功能演示&#xff1a; 运行程序后…...

Qt 信号和槽-核心知识点小结(11)

目录 小结表格索引 disconnect函数 lambda表达式 啥是耦合&#xff0c;啥是内聚 简介&#xff1a;这是Qt信号和槽的最后一篇文章&#xff0c;最主要的是总结该信号和槽的核心知识点。以及该核心知识点的文章索引&#xff08;表格太长了&#xff0c;手机可能看不完整&#…...

React响应事件中onClick={handleClick} 的结尾有没有小括号的区别

你可以通过在组件中声明 事件处理 函数来响应事件&#xff1a; function MyButton() {function handleClick() {alert(You clicked me!);}return (<button onClick{handleClick}>点我</button>);} 注意&#xff0c;onClick{handleClick} 的结尾没有小括号&#x…...

React-Query使用react-testing-library进行测试

1.测试react-query首先我们必须得拥有queryClient&#xff0c;所以我们初始化queryClient&#xff0c;因为默认是重试三次&#xff0c;这意味着如果想测试错误的查询&#xff0c;测试可能会超时。所以可以在初始化时关闭 const createWrapper () > {const queryClient new…...

软件设计师CISC与RISC考点分析——求三连

一、考点分值占比与趋势分析&#xff08;CISC与RISC&#xff09; 综合知识分值统计表 年份考题数量分值分值占比考察重点2018111.33%指令特征对比2019111.33%控制器实现方式2020222.67%寄存器数量/流水线技术2021111.33%寻址方式对比2022222.67%指令复杂度/译码方式2023111.3…...

GO语言(一期)常用关键字总结

GO语言&#xff08;主题一&#xff09;常用关键字总结 我们这里列出一些go语言关键字&#xff0c;方便各位友友们检查一下自己的学习效果&#xff0c;也方便友友们学习查询。 break default func interface select case defer go map …...

Ubuntu搭建NFS服务器的方法

0 工具 Ubuntu 18.041 Ubuntu搭建NFS服务器的方法 在Ubuntu下搭建NFS&#xff08;网络文件系统&#xff09;服务器可以让我们像访问本地文件一样访问Ubuntu上的文件&#xff0c;例如可以把开发板的根文件系统放到NFS服务器目录下方便调试。 1.1 安装nfs-kernel-server&#…...

京东商品详情API接口开发指南(含Java/Python实现)

接口概述 京东开放平台提供了商品详情查询接口&#xff0c;开发者可以通过SKUID获取商品的详细信息&#xff0c;包括标题、价格、图片、促销信息等。该接口需要申请API权限和认证密钥。 点击获取key和secret 接口特点 支持批量查询&#xff08;最多20个SKU&#xff09;返回J…...

二叉树构造:从前序、中序与后序遍历序列入手

目录 引言 从前序与中序遍历序列构造二叉树&#xff08;题目 105&#xff09; 解题思路 举例说明 从中序与后序遍历序列构造二叉树&#xff08;题目 106&#xff09; 解题思路 举例说明 总结 引言 二叉树的遍历与构造是算法领域中的经典问题。LeetCode 上的“从前序与中…...

GEE谷歌地球引擎批量下载逐日ERA5气象数据的方法

本文介绍在谷歌地球引擎&#xff08;Google Earth Engine&#xff0c;GEE&#xff09;中&#xff0c;批量下载逐日的ERA5土壤湿度数据&#xff08;或者是其他气象数据、遥感影像数据等&#xff09;的方法。 首先&#xff0c;明确一下本文的需求。我们希望在GEE中&#xff0c;下…...

C#接口(Interface)全方位讲解:定义、特性、应用与实践

引言 在面向对象编程&#xff08;OOP&#xff09;中&#xff0c;接口&#xff08;Interface&#xff09;是一种重要的结构&#xff0c;它定义了某一类对象或类应遵循的行为规范。接口强调“做什么&#xff08;What&#xff09;”&#xff0c;而非“怎么做&#xff08;How&…...

索引与数据结构、并行算法

3. 索引与数据结构 索引类比目录&#xff1a;类似于书籍目录&#xff0c;帮助我们快速定位信息。索引的核心目的&#xff1a;提升数据查找效率&#xff0c;优化增删改查性能。实际应用广泛&#xff1a;MySQL、Redis、搜索引擎、分布式系统、中间件等。 3.1. 索引设计中的需求…...

GC全场景分析

GC全场景分析 文章目录 GC全场景分析标记-清除法**标记 - 清除法核心流程与 STW 机制****标记 - 清除法四步流程****1. STW 启动&#xff08;暂停用户线程&#xff09;****2. 标记可达对象&#xff08;从根集合出发&#xff09;****3. 清除未标记对象&#xff08;回收堆内存&am…...

OSI七层模型和TCP/IP的五层(四层模型)

分层 1.什么是分层 我理解是对同一相同或者相似的事务或者操作功能进行分类&#xff0c;比如我们去餐厅吃饭&#xff0c;就可以分为好多层&#xff0c;客户层&#xff0c;服务员层&#xff0c;前台层&#xff0c;后厨层&#xff0c;每一层都专注自己的事情&#xff0c;客户层…...

MouseDown,MouseUp,LostMouseCapture的先后顺序

本文目标是实现如下功能: 按下一个按钮后置位某变量;鼠标松开后复位某个变量? 看似简单,但是一般来说会存在如下两种现象: 鼠标移出按钮:默认会丢失鼠标事件跟踪,即MouseLeftButtonUp事件并不会被触发。 焦点切换:Tab 键切换焦点会干扰按钮的事件捕获 本文通过几个…...

第8章 常用实用类

8.1 String类 在java.lang包&#xff08;默认引入&#xff09;中&#xff0c;可直接使用。 定义为final类&#xff0c;不能扩展String类&#xff0c;不可以继承&#xff0c;不可以有子类。 8.1.1 构造String对象 常量对象&#xff1a; 英文双引号括起来 String常量放入常…...

视差场(disparity field)

视差场&#xff08;disparity field&#xff09;是立体视觉中的一个重要概念&#xff0c;用于描述两幅立体图像之间像素的对应关系。以下是对视差场的详细解释&#xff1a; 1. 视差&#xff08;Disparity&#xff09;的定义 视差是指同一场景点在两幅立体图像中的像素位置差异…...

AI:OpenAI论坛分享—《AI重塑未来:技术、经济与战略》

AI&#xff1a;OpenAI论坛分享—《AI重塑未来&#xff1a;技术、经济与战略》 导读&#xff1a;2025年4月24日&#xff0c;OpenAI论坛全面探讨了 AI 的发展趋势、技术范式、地缘政治影响以及对经济和社会的广泛影响。强调了 AI 的通用性、可扩展性和高级推理能力&#xff0c;以…...

【已经解决诸多问题】Mamba安装

mamba被称为新一代的计算架构&#xff0c;因此在CV和时序领域存在诸多的方案开始采用这一新架构&#xff0c;但是这个架构的安装过程中存在诸多问题&#xff01;&#xff01;&#xff01;&#xff01;为了更好帮助大家理解我们给出一个统一的安装流程&#xff01;&#xff01;&…...

计算机的基本组成与性能

1. 冯诺依曼体系结构&#xff1a;计算机组成的金字塔 1.1. 计算机的基本硬件组成 1.CPU - 中央处理器&#xff08;Central Processing Unit&#xff09;。 2.内存&#xff08;Memory&#xff09;。 3.主板&#xff08;Motherboard&#xff09;。主板的芯片组&#xff08;Ch…...

“绿色邮政,智能九识”——呼和浩特邮政无人快递车发车,驶向智慧物流新时代!

5月12日&#xff0c;“绿色邮政&#xff0c;智能九识”呼和浩特邮政无人驾驶快递车发车。 此次投运的邮政无人驾驶快递车实力惊人&#xff1a;单车运量超1000件&#xff0c;时速达40公里&#xff0c;通过智能路径规划实现24小时作业&#xff0c;与传统运输相比&#xff0c;运转…...

AGI大模型(24):通过LangChain的接口来调用OpenAI对话

1 创建对话 使用langchain库中的ChatOpenAI类来创建一个对话模型。 from dotenv import load_dotenvload_dotenv()import os from langchain_openai import ChatOpenAIllm = ChatOpenAI(api_key=os.getenv("DEEPSEEK_API_KEY"),base_url="https://api.deepsee…...