RA8889显示波形问题

liurui067

当前使用的硬件是开发板RT8889CNN03+RT32F103

现在想做一个类似示波器的波形显示
想问有没有这种控件或者什么实现方式

BWSU

可以看一下你想做什么样的界面？有没有效果图？我们再提供建议。
画曲线的话 一般是通过描点，这是基本的函数，算好坐标直接绘制。
但可能需要开图层，进行处理防止闪烁之类的问题。

liurui067

我简单做了个DEMO，波形是能显示处理出来，但是波形滚动起来会有闪烁，不知道是什么问题。
一开始用了A、B两个缓冲区来做，以为闪烁是在显示B缓冲区时操作bte copy导致的，就又加了两个缓冲区，
来保证显示其中一个缓冲区时，不会涉及当前缓冲区的操作，但还是有闪烁。
以下是我的main函数

1. int main(void)
   
2. {
   
3.         /* System Clocks Configuration */
   
4.         RCC_Configuration();
   
5.         delay_init(72);   
   
6.         GPIO_Configuration();       
   
7.         NVIC_Configuration();       
   
8.         SPI_Peripheral_Init();
   
9.     TIM2_Init();
   
10.         /* Enable the FSMC Clock */
    
11.         RCC_AHBPeriphClockCmd(RCC_AHBPeriph_FSMC, ENABLE);
    
12.         delay_ms(1);
    
13.         FSMC_LCD_Init_H();       
    
14. 
    
15.     for(i = 0; i<71; i++)
    
16.     {
    
17.         coordinateX[i] = 50 + i*10;
    
18.         coordinateY[i] = i;
    
19.     }
    
20.         /*RA8889初始化出现彩虹条*/
    
21.         RA8889_Initial();
    
22.     Enable_Vsync_Interrupt();
    
23.     // Page_Render_001();
    
24. 
    
25.     /*用黑色背景填充 缓冲区A*/
    
26.     BTE_Solid_Fill(bufferA_addr, canvas_image_width, 0, 0, RGB565_black, LCD_width, LCD_legth);
    
27.     /*用黑色背景填充 缓冲区B*/
    
28.         BTE_Solid_Fill(bufferB_addr, canvas_image_width, 0, 0, RGB565_black, LCD_width, LCD_legth);
    
29.     /*用黑色背景填充 缓冲区C*/
    
30.     BTE_Solid_Fill(bufferC_addr, canvas_image_width, 0, 0, RGB565_black, LCD_width, LCD_legth);
    
31.     /*用黑色背景填充 缓冲区D*/
    
32.     BTE_Solid_Fill(bufferD_addr, canvas_image_width, 0, 0, RGB565_black, LCD_width, LCD_legth);
    
33.     Canvas_Image_Start_address(bufferA_addr);
    
34.     random_num = rand() % 100;
    
35.     Draw_Line(RGB565_blue, 0, random_num, 7, 100);
    
36.     while(1)
    
37.     {
    
38. 
    
39.         if(updateCurve == 1)
    
40.         {
    
41.             updateCurve = 0;
    
42. 
    
43.             last_random = random_num;
    
44.             random_num = rand() % 100;
    
45.             // random_num = cntX*5;
    
46.             if(cntX%4 == 0)
    
47.             {
    
48.                 /*把缓冲区A复制到缓冲区B*/
    
49.                 BTE_Memory_Copy(
    
50.                     bufferA_addr, //S0 数据源地址，当前显示区
    
51.                     800*2,   //S0行宽
    
52.                     0, 0,  //S0窗口左上角
    
53.                     0,0,0,0, //S1未使用
    
54.                     bufferB_addr, //D 目标地址，后台缓冲区
    
55.                     800*2,  //D行宽
    
56.                     8, 0, //D窗口左上角
    
57.                     0x0c,   //ROP = S0 直接复制
    
58.                     500,100  //拷贝尺寸
    
59.                 );
    
60.                 /*在缓冲区B画新线*/
    
61.                 Canvas_Image_Start_address(bufferB_addr);
    
62.                 Draw_Line(RGB565_blue, 0, random_num, 7, last_random);
    
63.                 Check_Vsync_finished();
    
64.                 /*显示缓冲区A*/
    
65.                 Main_Image_Start_Address(bufferA_addr);
    
66.                 /*清缓冲区D*/
    
67.                 BTE_Solid_Fill(bufferD_addr, canvas_image_width, 0, 0, RGB565_black, LCD_width, LCD_legth);
    
68.             }
    
69.             else if(cntX%4 == 1)
    
70.             {
    
71.                 /*把缓冲区B右移到缓冲区C*/
    
72.                 BTE_Memory_Copy(
    
73.                     bufferB_addr, //S0 数据源地址，当前显示区
    
74.                     800*2,   //S0行宽
    
75.                     0, 0,  //S0窗口左上角
    
76.                     0,0,0,0, //S1未使用
    
77.                     bufferC_addr, //D 目标地址，后台缓冲区
    
78.                     800*2,  //D行宽
    
79.                     8, 0, //D窗口左上角
    
80.                     0x0c,   //ROP = S0 直接复制
    
81.                     500,100  //拷贝尺寸
    
82.                 );
    
83.                 /*在缓冲区C画*/
    
84.                 Canvas_Image_Start_address(bufferC_addr);
    
85.                 Draw_Line(RGB565_blue, 0, random_num, 7, last_random);
    
86.                 Check_Vsync_finished();
    
87.                 /*显示缓冲区B*/
    
88.                 Main_Image_Start_Address(bufferB_addr);
    
89.                 /*清缓冲区A*/
    
90.                 BTE_Solid_Fill(bufferA_addr, canvas_image_width, 0, 0, RGB565_black, LCD_width, LCD_legth);
    
91.             }
    
92.             else if(cntX%4 == 2)
    
93.             {
    
94.                 /*把缓冲区C 复制到缓冲区D*/
    
95.                 BTE_Memory_Copy(
    
96.                     bufferC_addr, //S0 数据源地址，当前显示区
    
97.                     800*2,   //S0行宽
    
98.                     0, 0,  //S0窗口左上角
    
99.                     0,0,0,0, //S1未使用
    
100.                     bufferD_addr, //D 目标地址，后台缓冲区
     
101.                     800*2,  //D行宽
     
102.                     8, 0, //D窗口左上角
     
103.                     0x0c,   //ROP = S0 直接复制
     
104.                     500,100  //拷贝尺寸
     
105.                 );
     
106.                 /*在缓冲区D画*/
     
107.                 Canvas_Image_Start_address(bufferD_addr);
     
108.                 Draw_Line(RGB565_blue, 0, random_num, 7, last_random);
     
109.                 Check_Vsync_finished();
     
110.                 /*显示缓冲区C*/
     
111.                 Main_Image_Start_Address(bufferC_addr);
     
112.                 /*清缓冲区B*/
     
113.                 BTE_Solid_Fill(bufferB_addr, canvas_image_width, 0, 0, RGB565_black, LCD_width, LCD_legth);
     
114.             }
     
115.             else if(cntX%4 == 3)
     
116.             {
     
117.                 /*把缓冲区D 复制到缓冲区A*/
     
118.                 BTE_Memory_Copy(
     
119.                     bufferD_addr, //S0 数据源地址，当前显示区
     
120.                     800*2,   //S0行宽
     
121.                     0, 0,  //S0窗口左上角
     
122.                     0,0,0,0, //S1未使用
     
123.                     bufferA_addr, //D 目标地址，后台缓冲区
     
124.                     800*2,  //D行宽
     
125.                     8, 0, //D窗口左上角
     
126.                     0x0c,   //ROP = S0 直接复制
     
127.                     500,100  //拷贝尺寸
     
128.                 );
     
129.                 /*在缓冲区A画*/
     
130.                 Canvas_Image_Start_address(bufferA_addr);
     
131.                 Draw_Line(RGB565_blue, 0, random_num, 7, last_random);
     
132.                 Check_Vsync_finished();
     
133.                 /*显示缓冲区D*/
     
134.                 Main_Image_Start_Address(bufferD_addr);
     
135.                 /*清缓冲区C*/
     
136.                 BTE_Solid_Fill(bufferC_addr, canvas_image_width, 0, 0, RGB565_black, LCD_width, LCD_legth);
     
137.             }
     
138.             cntX++;
     
139.             if(cntX == 4)
     
140.             {
     
141.                 cntX = 0;
     
142.             }
     
143.         }
     
144.         }
     
145. }

复制代码

liurui067

这是当前的波形图

liurui067

updateCurve标志 是开了一个定时器，每50ms置1

weran

liurui067 发表于 2026-6-26 16:04
这是当前的波形图

这种画直线就可以了，闪烁是重复显示后清除造成得的，两个图层就可以A图层显示B图层缓存操作，B图层操作完复制覆盖到A图层显示。

weran

参考代码：
void App_Demo_Waveform(void)                                                        //波形绘图演示
{
        unsigned int i,j,h,counter;

        unsigned int point1y,point2y;                        //波形1连接点
        unsigned int point21y,point22y;                //波形2连接点
        unsigned int point31y,point32y;                //波形3连接点
        point2y = 0; //initial value
        point22y = 0; //initial value
        point32y = 0; //initial value

  #define grid_width 601                        //波形显示区宽
  #define grid_height  401                //波形显示区高
  #define grid_gap 50                                        //刻度间隔
   
        Select_Main_Window_16bpp();
        Main_Image_Start_Address(0);                               
        Main_Image_Width(800);                                                       
        Main_Window_Start_XY(0,0);

        Canvas_Image_Start_address(0);//Layer1
        Canvas_image_width(800);
        Active_Window_XY(0,0);
        Active_Window_WH(800,600);

        BTE_Solid_Fill(0,800,0,0,Blue,LCD_width,LCD_height);
        BTE_Solid_Fill(0,800,0,456,Blue2,LCD_width,24);
       
        Select_Font_Height_WxN_HxN_ChromaKey_Alignment(24,1,1,1,0);
        Print_Internal_Font_String(0,Line18,800,24,color65k_white,Blue2, "                     Application Demo Waveform");
        Print_Internal_Font_String(0,Line19,800,24,color65k_white,Blue2, "          BTE Memory Copy & Geometric Draw Demo Waveform");
        Active_Window_XY(0,0);
        Active_Window_WH(LCD_width,LCD_height);
        Graphic_Mode();
       
        BTE_Solid_Fill(800*480*2,800,0,0,Black,LCD_width,LCD_height);        //Layer2填充黑色
        Canvas_Image_Start_address(800*480*2);        //当前画布切到Layer2

        //在Layer2绘制600*400的刻度盘
        for(i=0;i<=grid_width;i+=grid_gap)
        {
                Draw_Line(color65k_grayscale12,i,0,i,grid_height-1);
        }
        for(i=0;i<=grid_height;i+=grid_gap)
        {
                Draw_Line(color65k_grayscale12,0,i,grid_width-1,i);
        }

        //将Layer2的刻度盘复制到Layer1
        BTE_Memory_Copy(800*480*2,800,0,0,0,0,0,0,0,800,100,20,12,601,401);
        Canvas_Image_Start_address(0);        //当前画布切到Layer1

        h=0;
        do{
                        for(i=0;i<600;i+=2)
                        {
                                //复制Layer2的表盘到Layer1，每次复制区块大小2x401
                                BTE_S0_Window_Start_XY(i,0);
                                BTE_Destination_Window_Start_XY(100+i,20);  
                                BTE_Window_Size(2,401);
                                BTE_Enable();
                                Check_BTE_Busy();

                                point1y = point2y;
                                point2y = rand()%90;
               
                                point21y = point22y;
                                point22y = rand()%99;
       
                                point31y = point32y;
                                point32y = rand()%67;
                 
                                Draw_Line(color65k_yellow,i+100,point1y+80,i+1+100,point2y+80);                                //绘制波形1
                                Draw_Line(color65k_purple,i+100,point21y+200,i+1+100,point22y+200);                //绘制波形2
                                Draw_Line(color65k_green,i+100,point31y+300,i+1+100,point32y+300);                //绘制波形3
            }
          }
                while(h++<30);
}