各位大佬跪求解决-滑动条和图片刷新延迟问题

barrylee

是这样的：
有一个颜色滑动条控件，然后共有23种颜色可以调节，另外有一个图片显示空间，每一个颜色滑动条的值对应一个图片。我是大概这样刷新的case WM_TIMER：
if(is_pressed){
SLIDER_SetValue(WM_GetDialogItem(chwin,ID_SLIDER),value);
WM_InvalidateWindow(WM_GetDialogItem(chwin,ID_IMAGE));
}
这个是写在case WM_TIMER中的，只要滑动条的值发生变化，更新滑动条的位置然后刷新图片，但是这样就会导致滑动条刷新很慢，有延迟，如果托着滑动条走的话，就会滑动条不跟手。
有没有大佬给个优化建议，让更新实时一点。拜谢各位大佬。刚接触这个领域，真的不会。求帮助

eric2013

方便的话，贴下稍微完整的测试代码。

glory

这个需求完全参考示例就能满足你的DIALOG_SliderColor.c

1. #include <stddef.h>
   
2. #include "GUI.h"
   
3. #include "DIALOG.h"
   
4. 
   
5. /*********************************************************************
   
6. *
   
7. *       Defines
   
8. *
   
9. **********************************************************************
   
10. */
    
11. //
    
12. // Recommended memory to run the sample with adequate performance
    
13. //
    
14. #define RECOMMENDED_MEMORY (1024L * 15)
    
15. 
    
16. /*********************************************************************
    
17. *
    
18. *       Static data, SeggerLogo
    
19. *
    
20. **********************************************************************
    
21. */
    
22. /*********************************************************************
    
23. *
    
24. *       Bitmap SeggerLogo
    
25. */
    
26. static const GUI_COLOR ColorsSeggerLogoBlue16[] = {
    
27.      0x0000FF,0x000000,0x888888,0xFFFFFF
    
28.     ,0xFF0000,0xBBBBBB
    
29. };
    
30. 
    
31. static const GUI_LOGPALETTE PalSeggerLogoBlue16 = {
    
32.   6,        // number of entries
    
33.   1,         // Has transparency
    
34.   &ColorsSeggerLogoBlue16[0]
    
35. };
    
36. 
    
37. static const unsigned char acSeggerLogoBlue16[] = {
    
38.   ...
    
39. };
    
40. 
    
41. static const GUI_BITMAP bmSeggerLogoBlue = {
    
42. 138,                  // XSize
    
43.   65,                  // YSize
    
44.   69,                  // BytesPerLine
    
45.    4,                  // BitsPerPixel
    
46. acSeggerLogoBlue16,   // Pointer to picture data (indices)
    
47. &PalSeggerLogoBlue16  // Pointer to palette
    
48. };
    
49. 
    
50. /*********************************************************************
    
51. *
    
52. *       Static data, dialog resource
    
53. *
    
54. **********************************************************************
    
55. */
    
56. /*********************************************************************
    
57. *
    
58. *       Dialog resource
    
59. *
    
60. * Function description
    
61. *   This table conatins the info required to create the dialog.
    
62. *   It has been created manually, but could also be created by a GUI-builder.
    
63. */
    
64. static const GUI_WIDGET_CREATE_INFO _aDialogCreate[] = {
    
65.   { FRAMEWIN_CreateIndirect, "Adjust color", 0,         10,  40, 300, 160, FRAMEWIN_CF_MOVEABLE},
    
66.   { TEXT_CreateIndirect,     "Red:" ,  0,                5,  20,  35,  20, TEXT_CF_LEFT },
    
67.   { TEXT_CreateIndirect,     "Green:", 0,                5,  50,  35,  20, TEXT_CF_LEFT },
    
68.   { TEXT_CreateIndirect,     "Blue:",  0,                5,  80,  35,  20, TEXT_CF_LEFT },
    
69.   { TEXT_CreateIndirect,     "Preview",0,              205,   4,  81,  15, TEXT_CF_HCENTER },
    
70.   { SLIDER_CreateIndirect,   NULL,     GUI_ID_SLIDER0,  40,  20, 100,  20 },
    
71.   { SLIDER_CreateIndirect,   NULL,     GUI_ID_SLIDER1,  40,  50, 100,  20 },
    
72.   { SLIDER_CreateIndirect,   NULL,     GUI_ID_SLIDER2,  40,  80, 100,  20 },
    
73.   { EDIT_CreateIndirect,     NULL,     GUI_ID_EDIT0,   145,  20,  30,  20, 0, 3 },
    
74.   { EDIT_CreateIndirect,     NULL,     GUI_ID_EDIT1,   145,  50,  30,  20, 0, 3 },
    
75.   { EDIT_CreateIndirect,     NULL,     GUI_ID_EDIT2,   145,  80,  30,  20, 0, 3 },
    
76.   { BUTTON_CreateIndirect,   "OK",     GUI_ID_OK,       10, 110,  60,  20 },
    
77.   { BUTTON_CreateIndirect,   "Cancel", GUI_ID_CANCEL,  230, 110,  60,  20 },
    
78. };
    
79. 
    
80. /*********************************************************************
    
81. *
    
82. *       Static data, colors
    
83. *
    
84. **********************************************************************
    
85. */
    
86. static U8 _aColorSep[3] = {0, 127, 255};  // Red, green and blue components
    
87. 
    
88. /*********************************************************************
    
89. *
    
90. *       Static code
    
91. *
    
92. **********************************************************************
    
93. */
    
94. /*********************************************************************
    
95. *
    
96. *       _OnPaint
    
97. *
    
98. * Function description
    
99. *   This routine draws the color rectangles.
    
100. *   The widgets are drawn automatically.
     
101. */
     
102. static void _OnPaint(void) {
     
103.   //
     
104.   // Draw RGB values
     
105.   //
     
106.   GUI_SetColor(_aColorSep[0]);
     
107.   GUI_FillRect(180, 20, 199, 39);
     
108.   GUI_SetColor(_aColorSep[1] << 8);
     
109.   GUI_FillRect(180, 50, 199, 69);
     
110.   GUI_SetColor(((U32)_aColorSep[2]) << 16);
     
111.   GUI_FillRect(180, 80, 199, 99);
     
112.   //
     
113.   // Draw resulting color
     
114.   //
     
115.   GUI_SetColor(_aColorSep[0] | (((U32)_aColorSep[1]) << 8) | (((U32)_aColorSep[2]) << 16));
     
116.   GUI_FillRect(205, 20, 285, 99);
     
117. }
     
118. 
     
119. /*********************************************************************
     
120. *
     
121. *       _OnValueChanged
     
122. */
     
123. static void _OnValueChanged(WM_HWIN hDlg, int Id) {
     
124.   unsigned Index;
     
125.   unsigned v;
     
126.   WM_HWIN  hSlider;
     
127.   WM_HWIN  hEdit;
     
128. 
     
129.   Index = 0;
     
130.   v     = 0;
     
131.   if ((Id >= GUI_ID_SLIDER0) && (Id <= GUI_ID_SLIDER2)) {
     
132.     Index = Id - GUI_ID_SLIDER0;
     
133.     //
     
134.     // SLIDER-widget has changed, update EDIT-widget
     
135.     //
     
136.     hSlider = WM_GetDialogItem(hDlg, GUI_ID_SLIDER0 + Index);
     
137.     hEdit   = WM_GetDialogItem(hDlg, GUI_ID_EDIT0 + Index);
     
138.     v = SLIDER_GetValue(hSlider);
     
139.     EDIT_SetValue(hEdit, v);
     
140.   } else if ((Id >= GUI_ID_EDIT0) && (Id <= GUI_ID_EDIT2)) {
     
141.     Index = Id - GUI_ID_EDIT0;
     
142.     //
     
143.     // If EDIT-widget has changed, update SLIDER-widget
     
144.     //
     
145.     hSlider = WM_GetDialogItem(hDlg, GUI_ID_SLIDER0 + Index);
     
146.     hEdit   = WM_GetDialogItem(hDlg, GUI_ID_EDIT0 + Index);
     
147.     v = EDIT_GetValue(hEdit);
     
148.     SLIDER_SetValue(hSlider, v);
     
149.   }
     
150.   _aColorSep[Index] = v;
     
151.   //
     
152.   // At last invalidate dialog client window
     
153.   //
     
154.   WM_InvalidateWindow(WM_GetClientWindow(hDlg));
     
155. }
     
156. 
     
157. /*********************************************************************
     
158. *
     
159. *       _cbBkWindow
     
160. */
     
161. static void _cbBkWindow(WM_MESSAGE * pMsg) {
     
162.   int xPos;
     
163.   int yPos;
     
164. 
     
165.   xPos = LCD_GetXSize() / 2 - bmSeggerLogoBlue.XSize/2;
     
166.   yPos = LCD_GetYSize() / 2 - bmSeggerLogoBlue.YSize/2 ;
     
167.   switch (pMsg->MsgId) {
     
168.   case WM_PAINT:
     
169.     GUI_SetBkColor(GUI_BLUE);
     
170.     GUI_Clear();
     
171.     GUI_SetColor(GUI_WHITE);
     
172.     GUI_SetFont(&GUI_Font24_ASCII);
     
173.     GUI_DispStringHCenterAt("DIALOG_SliderColor - Sample", 160, 5);
     
174.     GUI_DrawBitmap(&bmSeggerLogoBlue, xPos, yPos );
     
175.   default:
     
176.     WM_DefaultProc(pMsg);
     
177.   }
     
178. }
     
179. 
     
180. /*********************************************************************
     
181. *
     
182. *       _cbCallback
     
183. */
     
184. static void _cbCallback(WM_MESSAGE * pMsg) {
     
185.   WM_HWIN hDlg;
     
186.   WM_HWIN hItem;
     
187.   int     i;
     
188.   int     NCode;
     
189.   int     Id;
     
190. 
     
191.   hDlg = pMsg->hWin;
     
192.   switch (pMsg->MsgId) {
     
193.     case WM_PAINT:
     
194.       _OnPaint();
     
195.       return;
     
196.     case WM_INIT_DIALOG:
     
197.       for (i = 0; i < 3; i++) {
     
198.         hItem = WM_GetDialogItem(hDlg, GUI_ID_SLIDER0 + i);
     
199.         SLIDER_SetRange(hItem, 0, 255);
     
200.         SLIDER_SetValue(hItem, _aColorSep[i]);
     
201.         //
     
202.         // Init EDIT-widgets
     
203.         //
     
204.         hItem = WM_GetDialogItem(hDlg, GUI_ID_EDIT0 + i);
     
205.         EDIT_SetDecMode(hItem, _aColorSep[i],   0, 255, 0, 0);
     
206.       }
     
207.       break;
     
208.     case WM_KEY:
     
209.       switch (((WM_KEY_INFO*)(pMsg->Data.p))->Key) {
     
210.         case GUI_KEY_ESCAPE:
     
211.           ;
     
212.           break;
     
213.         case GUI_KEY_ENTER:
     
214.           GUI_EndDialog(hDlg, 0);
     
215.           break;
     
216.       }
     
217.       break;
     
218.     case WM_NOTIFY_PARENT:
     
219.       Id    = WM_GetId(pMsg->hWinSrc);      // Id of widget
     
220.       NCode = pMsg->Data.v;                 // Notification code
     
221.       switch (NCode) {
     
222.         case WM_NOTIFICATION_RELEASED:      // React only if released
     
223.           if (Id == GUI_ID_OK) {            // OK Button
     
224.             GUI_EndDialog(hDlg, 0);
     
225.           }
     
226.           if (Id == GUI_ID_CANCEL) {        // Cancel Button
     
227.             GUI_EndDialog(hDlg, 1);
     
228.           }
     
229.           break;
     
230.         case WM_NOTIFICATION_VALUE_CHANGED: // Value has changed
     
231.           _OnValueChanged(hDlg, Id);
     
232.           break;
     
233.       }
     
234.       break;
     
235.     default:
     
236.       WM_DefaultProc(pMsg);
     
237.   }
     
238. }
     
239. 
     
240. /*********************************************************************
     
241. *
     
242. *       Public code
     
243. *
     
244. **********************************************************************
     
245. */
     
246. /*********************************************************************
     
247. *
     
248. *       MainTask
     
249. */
     
250. void MainTask(void) {
     
251.   WM_SetCreateFlags(WM_CF_MEMDEV);  // Use memory devices on all windows to avoid flicker
     
252.   GUI_Init();
     
253.   //
     
254.   // Check if recommended memory for the sample is available
     
255.   //
     
256.   if (GUI_ALLOC_GetNumFreeBytes() < RECOMMENDED_MEMORY) {
     
257.     GUI_ErrorOut("Not enough memory available.");
     
258.     return;
     
259.   }
     
260.   GUI_CURSOR_Show();
     
261.   WM_SetCallback(WM_HBKWIN, _cbBkWindow);  
     
262.   while (1) {
     
263.     GUI_ExecDialogBox(_aDialogCreate, GUI_COUNTOF(_aDialogCreate), &_cbCallback, 0, 0, 0);
     
264.     GUI_Delay(1000);
     
265.   }
     
266. }

复制代码

barrylee

eric2013 发表于 2021-11-15 12:56
方便的话，贴下稍微完整的测试代码。

#define ID_SLIDER_color  (GUI_ID_USER+0x02)
#define ID_IMAGE  (GUI_ID_USER+0x3)
static uint8_t slide_ispressed;
static uint8_t value;
static const GUI_WIDGET_CREATE_INFO _aDialogCreate[]={
...
{SLIDE_CreateIndirect "Slider",ID_SLIDER_color,.....},
{IMAGE_CreateIndirect "Slider",ID_IMAGE  ,.....},
...
}
static void _CcbClient(WM_MESSAGE *pMsg){
...
switch(pMsg->MsgId){
...
case WM_TIMER:
if(slide_ispressed){
value//滑动条的值
SLIDER_SetValue(WM_GetDialogItem(chwin,ID_SLIDER_color ),value);
WM_InvalidateWindow(WM_GetDialogItem(chwin,ID_IMAGE ));

}

}

拖动滑动条，对应的颜色图片进行刷新，因为图片刷新会慢，所以导致拖动滑块时有卡顿，就是手指滑过去了，滑动条那个点才过来。

barrylee

glory 发表于 2021-11-15 13:01
这个需求完全参考示例就能满足你的DIALOG_SliderColor.c

感谢回复，我看一下

eric2013

barrylee 发表于 2021-11-15 13:43
#define ID_SLIDER_color  (GUI_ID_USER+0x02)
#define ID_IMAGE  (GUI_ID_USER+0x3)
static uint8_t s ...

代码太简单，没法测试。