为OLED屏增加GUI支持6：进度条控件

环境：

主机:WIN10

开发环境:MDK5.13

MCU:STM32F103

源代码：

gui_widget_progbar.h

1. /** 

2. * Copyright (c), 2015-2025 

3. * @file gui_widget_progbar.h 

4. * @brief 文本控件头文件 

5. * @author jdh 

6. * @date 2015/11/22 

7. */  

8.   

9. #ifndef _GUI_WIDGET_PROGBAR_H_  

10. #define _GUI_WIDGET_PROGBAR_H_  

11.   

12. /********************************************************************* 

13. *                           头文件 

14. **********************************************************************/  

15.   

16. #include "gui_interface.h"  

17.   

18. /********************************************************************* 

19. *                           宏定义 

20. **********************************************************************/  

21.   

22. /** 

23. * @brief 文本长度.单位:字节 

24. */  

25.   

26. #define LEN_WIDGET_TEXT             32  

27.   

28. /********************************************************************* 

29. *                           数据结构 

30. **********************************************************************/  

31.   

32. /** 

33. * @brief 进度条数据结构 

34. */  

35.   

36. typedef struct _Widget_Progbar  

37. {  

38.     //x轴位置  

39.     uint16_t x;  

40.     //y轴位置  

41.     uint16_t y;  

42.     //水平尺寸  

43.     uint16_t xsize;  

44.     //垂直尺寸  

45.     uint16_t ysize;  

46. }*Widget_Progbar_Handle;  

47.   

48. /********************************************************************* 

49. *                           函数 

50. **********************************************************************/  

51.   

52. /** 

53. * @brief 创建控件 

54. * @param x:左上角x坐标 

55. * @param y:左上角y坐标 

56. * @param xsize:水平尺寸 

57. * @param ysize:垂直尺寸 

58. * @retval 控件句柄 

59. */  

60.   

61. Widget_Progbar_Handle gui_widget_progbar_create(uint16_t x,uint16_t y,uint16_t xsize,uint16_t ysize);  

62.   

63. /** 

64. * @brief 设置进度 

65. * @param value:百分比,0-100 

66. */  

67.   

68. void gui_widget_progbar_set_value(Widget_Progbar_Handle handle,uint8_t value);  

69.   

70. #endif  

gui_widget_progbar.c

1. /** 

2. * Copyright (c), 2015-2025 

3. * @file gui_widget_progbar.c 

4. * @brief 进度条控件主文件 

5. * @author jdh 

6. * @date 2015/11/22 

7. */  

8.   

9. /********************************************************************* 

10. *                           头文件 

11. **********************************************************************/  

12.   

13. #include "gui_widget_progbar.h"  

14. #include "gui_2d_lib.h"  

15. #include "stdlib.h"  

16.   

17. /********************************************************************* 

18. *                           静态变量 

19. **********************************************************************/  

20.   

21. /** 

22. * @brief 百分比 

23. */  

24.   

25. static uint8_t Percent = 0;  

26.   

27. /********************************************************************* 

28. *                           静态函数 

29. **********************************************************************/  

30.   

31. /** 

32. * @brief 控件显示 

33. * @param handle:控件句柄 

34. */  

35.   

36. static void show(Widget_Progbar_Handle handle);  

37.   

38. /********************************************************************* 

39. *                           函数 

40. **********************************************************************/  

41.   

42. /** 

43. * @brief 创建控件 

44. * @param x:左上角x坐标 

45. * @param y:左上角y坐标 

46. * @param xsize:水平尺寸 

47. * @param ysize:垂直尺寸 

48. * @retval 控件句柄 

49. */  

50.   

51. Widget_Progbar_Handle gui_widget_progbar_create(uint16_t x,uint16_t y,uint16_t xsize,uint16_t ysize)  

52. {  

53.     Widget_Progbar_Handle handle;  

54.       

55.     //控件初始化  

56.     handle = malloc(sizeof(*handle));  

57.     handle->x = x;  

58.     handle->y = y;  

59.     handle->xsize = xsize;  

60.     handle->ysize = ysize;  

61.       

62.     //显示  

63.     show(handle);  

64.       

65.     return handle;  

66. }  

67.   

68. /** 

69. * @brief 设置进度 

70. * @param value:百分比,0-100 

71. */  

72.   

73. void gui_widget_progbar_set_value(Widget_Progbar_Handle handle,uint8_t value)  

74. {  

75.     if (Percent == value)  

76.     {  

77.         return;  

78.     }  

79.       

80.     if (value < Percent)  

81.     {  

82.         //清除区域  

83.         gui_fill_rect(handle->x,handle->y,handle->x + handle->xsize,handle->y + handle->ysize,0);  

84.         //显示  

85.         gui_draw_rect(handle->x,handle->y,handle->x + handle->xsize,handle->y + handle->ysize);  

86.     }  

87.       

88.     //显示  

89.     gui_fill_rect(handle->x + handle->xsize * Percent / 100,handle->y,  

90.                   handle->x + handle->xsize * value / 100,handle->y + handle->ysize,1);  

91.     Percent = value;  

92. }  

93.   

94. /** 

95. * @brief 控件显示 

96. * @param handle:控件句柄 

97. */  

98.   

99. static void show(Widget_Progbar_Handle handle)  

100. {  

101.     //清除区域  

102.     gui_fill_rect(handle->x,handle->y,handle->x + handle->xsize,handle->y + handle->ysize,0);  

103.     //显示  

104.     gui_draw_rect(handle->x,handle->y,handle->x + handle->xsize,handle->y + handle->ysize);  

105.     Percent = 0;  

106. }  

107.   

测试代码：

1. //进度条  

2. static Widget_Progbar_Handle Widget_Progbar;  

3. Widget_Progbar = gui_widget_progbar_create(9,39,111,8);  

4. gui_widget_progbar_set_value(Widget_Progbar,50);  

效果图：