STM32CubeMX FreeRTOS u8g2图片菜单制作-阿里云开发者社区

一、制作图片数组

找显示的图标，下面的网站里面是只有黑白的图

Svg Vector Icons & PNG / PSD / EPS / PNM / Free Downloads - OnlineWebFonts.COM

先添加白板背景，在设置图片尺寸在线添加图片背景

oled显示分辨率为128*64 图片尺寸不能大于这个

制作好的图片

然后就是取模了Arduino中文社区

修改下数组名字，数组放在用户头文件下面自定义代码区间

// width: 48, height: 48
const unsigned char startp[]= { 0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,
0x00,0x00,0x00,0xe0,0x07,0x00,0x00,0x00,0x00,0xfc,0x3f,0x00,0x00,0x00,0x00,0x0f,0xf0,
0x00,0x00,0x00,0x80,0x03,0xc0,0x01,0x00,0x00,0xc0,0x00,0x00,0x03,0x00,0x00,0x60,0xf8,
0x0f,0x06,0x00,0x00,0x30,0x3c,0x3c,0x0c,0x00,0x00,0x30,0x07,0xe0,0x0c,0x00,0x00,0x98,
0x0f,0xc0,0x19,0x00,0x00,0x98,0x3f,0xfc,0x19,0x00,0x00,0xd8,0x66,0x6e,0x1b,0x00,0x00,
0xd8,0x7c,0x36,0x1b,0x00,0x00,0x30,0x78,0x1e,0x0c,0x00,0x00,0x60,0x00,0x00,0x06,0x00,
0x00,0xc0,0x03,0xc0,0x03,0x00,0x00,0xe0,0xff,0xff,0x07,0x00,0x00,0xe0,0xff,0xff,0x07,
0x00,0x00,0x30,0xff,0xff,0x0c,0x00,0x00,0x38,0xf8,0x1f,0x1c,0x00,0x00,0x38,0x00,0x00,
0x1c,0x00,0x00,0x38,0x00,0x00,0x1c,0x00,0x00,0x38,0x00,0x00,0x1c,0x00,0x00,0x3c,0x00,
0x00,0x3c,0x00,0x00,0x3c,0x00,0x00,0x3c,0x00,0x00,0x3c,0x00,0x00,0x34,0x00,0x00,0x2c,
0x00,0x00,0x34,0x00,0x00,0x2c,0x00,0x00,0x34,0x00,0x00,0x6c,0x00,0x00,0x36,0x00,0x00,
0x6c,0x00,0x00,0x36,0x00,0x00,0x6c,0x00,0x00,0x36,0x00,0x00,0x4c,0x00,0x00,0x32,0x00,
0x00,0xcc,0x00,0x00,0x33,0x00,0x00,0xcc,0x00,0x00,0x33,0x00,0x00,0x8c,0x00,0x00,0x31,
0x00,0x00,0x8c,0x01,0x80,0x31,0x00,0x00,0xc8,0x01,0x80,0x13,0x00,0x00,0xd8,0x03,0xc0,
0x1b,0x00,0x00,0x58,0x06,0x60,0x1a,0x00,0x00,0x70,0x0c,0x30,0x0e,0x00,0x00,0x20,0x18,
0x18,0x04,0x00,0x00,0x00,0xf0,0x0f,0x00,0x00,0x00,0x00,0xc0,0x03,0x00,0x00,0x00,0x00,
0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00 };

这样一个图片数组就取模成功了

直接主函数调用显示

    u8g2_ClearBuffer(&u8g2);//清空缓存
    u8g2_DrawXBMP(&u8g2,40,0,48,48,startp);//显示图片数组
    u8g2_SendBuffer(&u8g2);//发送缓存到oled

整个任务代码，包含显示进度条，i加的值可以调节进度条的速度

void StartTask(void const * argument)
{
  /* USER CODE BEGIN StartTask */
  /* Infinite loop */
  char percentageText[20];
  u8g2Init(&u8g2);//just use once in one task
 
  for(;;)
  { 
    vTaskSuspend(menuTaskHandle);//挂起菜单任务句柄
        //显示图片
    u8g2_ClearBuffer(&u8g2);
    u8g2_DrawXBMP(&u8g2,40,0,48,48,startp);
    u8g2_SendBuffer(&u8g2);
    
    // Simulate loading process, increasing by 1% each time
    for (int i = 10; i <= 100; i += 1) {        //i from 10 start cover actual rounded
        // Draw percentage text
        u8g2_SetFont(&u8g2, u8g2_font_ncenB08_tr);
        snprintf(percentageText, sizeof(percentageText), "%d%%", i);
        u8g2_DrawStr(&u8g2, 95, 59, percentageText);
 
        // Draw rounded progress bar background
        u8g2_DrawRFrame(&u8g2, 10, 50, 80, 10, 3);
 
        // Calculate actual progress bar length
        uint8_t progressBarLength = (i*80)/ 100;
 
        // Draw actual rounded progress bar
        u8g2_DrawRBox(&u8g2, 10, 50,progressBarLength, 10, 3);
        u8g2_SendBuffer(&u8g2);
        osDelay(20);
    }
 
    // clear data update screen 立即关闭显示
    u8g2_ClearBuffer(&u8g2);
    u8g2_SendBuffer(&u8g2);
    u8g2_UpdateDisplay(&u8g2);     
 
    vTaskResume(menuTaskHandle);//恢复菜单任务
    vTaskDelete(startTaskHandle);//删除自己
 
  }
  /* USER CODE END StartTask */
}

freertos.c中初始化任务

/* USER CODE BEGIN PTD */
 
u8g2_t u8g2; // a structure which will contain all the data for one display
 
 
int fputc(int ch,FILE *f)
{
    HAL_UART_Transmit(&huart1,(uint8_t*)&ch,1,0xFFFF);
    return ch;
}
          
void ui_show(uint8_t x,uint8_t y){
  
    u8g2_DrawXBMP(&u8g2,1,1,30,30,clockp);
    u8g2_DrawXBMP(&u8g2,33,1,30,30,wifip);
    u8g2_DrawXBMP(&u8g2,65,1,30,30,tempp);
    u8g2_DrawXBMP(&u8g2,97,1,30,30,humip);
    u8g2_DrawXBMP(&u8g2,1,33,30,30,misicp);
    u8g2_DrawXBMP(&u8g2,33,33,30,30,smockp);
    u8g2_DrawXBMP(&u8g2,65,33,30,30,lightp);
    u8g2_DrawXBMP(&u8g2,97,33,30,30,waterp);
    u8g2_DrawRFrame(&u8g2, x, y, 32, 32, 2);
    u8g2_SendBuffer(&u8g2);
}
 
 int run_str(int *now,int *trag,const int speed,const int c_speed)
{
  int temp = 0;
  if (*now > *trag)
  {
    temp = ((*now - *trag) > c_speed) ? speed : c_speed;
    *now -= temp;
  }
  else if (*now < *trag)
  {
    temp = ((*trag - *now) > c_speed) ? speed : c_speed;
    *now += temp;
  }
  else 
  {
    return 1;
  }
  return 0;
}
/* USER CODE END PTD */

菜单任务

void MenuTask(void const * argument)
{
  /* USER CODE BEGIN MenuTask */
  /* Infinite loop */
    char tempText[20];
    char humiText[20];
    char displayText[10]; 
    int x=0,x_t=0,y=0,flag=0;
    int sedmu=0;
    uint8_t temp=55,humi=55;
    //MyMessage receivemessage;
  for(;;)
  { osDelay(20);  
    // 接收消息从消息队列
//   if (xQueueReceive(xQueue, &receivemessage, portMAX_DELAY) == pdPASS&&sedmu==0) {
    // receivedMessage 包含了发送的消息数据
//    u8g2_ClearBuffer(&u8g2);
//主页菜单    
//    // Show humi and temp
//    u8g2_SetFont(&u8g2, u8g2_font_ncenB08_tr);
//    snprintf(tempText, sizeof(tempText), "Smock: %d",temp);
//    u8g2_DrawStr(&u8g2, 4, 10, tempText);
//    snprintf(humiText, sizeof(humiText), "Power: %d",humi);
//    u8g2_DrawStr(&u8g2, 68, 10, humiText);
//    snprintf(tempText, sizeof(tempText), "Light: %d",temp);
//    u8g2_DrawStr(&u8g2, 8, 61, tempText);
//    snprintf(humiText, sizeof(humiText), "Water: %d",humi);
//    u8g2_DrawStr(&u8g2, 70, 61, humiText);
//     
//    u8g2_DrawFrame(&u8g2, 0, 0, 128, 64); 
//     // 绘制线条
//    u8g2_DrawLine(&u8g2, 0, 13, 128, 13);
//    u8g2_DrawLine(&u8g2, 64, 0, 64, 13);
//     // 绘制线条
//    u8g2_DrawLine(&u8g2, 0, 51, 128, 51);
//    u8g2_DrawLine(&u8g2, 64, 64, 64, 51);  
//     
//    u8g2_DrawXBMP(&u8g2,16,18,30,30,humip);  
//    u8g2_SetFont(&u8g2, u8g2_font_10x20_mf);     
//    snprintf(humiText, sizeof(humiText), "%d%%", humi);
//    u8g2_DrawStr(&u8g2, 54, 40, humiText);
//    u8g2_SendBuffer(&u8g2);
//   }
 
//列表菜单
      if(HAL_GPIO_ReadPin(GPIOA,GPIO_PIN_3)==0){
        osDelay(20);
        if(HAL_GPIO_ReadPin(GPIOA,GPIO_PIN_3)==0){
          flag ++;
          if(flag>3)
          {flag=0;}
        }
      }
      if(HAL_GPIO_ReadPin(GPIOA,GPIO_PIN_4)==0){
        osDelay(20);
        if(HAL_GPIO_ReadPin(GPIOA,GPIO_PIN_4)==0){
          flag--;
          if(flag<0)
          {flag=3;}
        
        }
      }
    
    switch(flag){
        case 1:x=0,x_t=13;u8g2_ClearBuffer(&u8g2);run_str(&x,&x_t,1,0);break;
        case 2:x=13,x_t=26;u8g2_ClearBuffer(&u8g2);run_str(&x,&x_t,1,0);break;
        case 3:x=26,x_t=0;u8g2_ClearBuffer(&u8g2);run_str(&x,&x_t,1,0);break;
        
        default: break;
    }
    u8g2_SetFont(&u8g2, u8g2_font_ncenB08_tr);
    u8g2_DrawStr(&u8g2, 10, 12, "Clock");
    u8g2_DrawStr(&u8g2,10,24, "Hour");
    u8g2_DrawStr(&u8g2,10,36, "Min");
    u8g2_DrawRFrame(&u8g2, 0, x, 128, 14,3);    
    u8g2_SendBuffer(&u8g2);
 
//图形菜单
//    if(HAL_GPIO_ReadPin(GPIOA,GPIO_PIN_3)==0){
//      osDelay(18);
//      if(HAL_GPIO_ReadPin(GPIOA,GPIO_PIN_3)==0){
//        sedmu=1;
//      }
//    }
//    if(HAL_GPIO_ReadPin(GPIOA,GPIO_PIN_3)==0){
//      osDelay(200);
//      if(HAL_GPIO_ReadPin(GPIOA,GPIO_PIN_3)==0){
//        sedmu=0;
//      }
//    }
 
//      u8g2_ClearBuffer(&u8g2);
//      int i=1,j=3;
//      if(HAL_GPIO_ReadPin(GPIOA,GPIO_PIN_3)==0){
//        osDelay(20);
//        if(HAL_GPIO_ReadPin(GPIOA,GPIO_PIN_3)==0){
//          flag ++;
//          if(flag>8)
//          {flag=0;}
//        }
//      }
//      if(HAL_GPIO_ReadPin(GPIOA,GPIO_PIN_4)==0){
//        osDelay(20);
//        if(HAL_GPIO_ReadPin(GPIOA,GPIO_PIN_4)==0){
//          flag--;
//          if(flag<0)
//          {flag=8;}
//        
//        }
//      }
//      switch(flag){
//        case 1:x=0,x_t=32;y=0;u8g2_ClearBuffer(&u8g2);run_str(&x,&x_t,i,j);break;
//        case 2:x=32,x_t=64;y=0;u8g2_ClearBuffer(&u8g2);run_str(&x,&x_t,i,j);break;
//        case 3:x=64,x_t=96;y=0;u8g2_ClearBuffer(&u8g2);run_str(&x,&x_t,i,j);break;
//        case 4:x=96,x_t=0;y=0;u8g2_ClearBuffer(&u8g2);run_str(&x,&x_t,i,j);break;
//        case 5:x=0,x_t=32;y=32;u8g2_ClearBuffer(&u8g2);run_str(&x,&x_t,i,j);break;
//        case 6:x=32,x_t=64;y=32;u8g2_ClearBuffer(&u8g2);run_str(&x,&x_t,i,j);break;
//        case 7:x=64,x_t=96;y=32;u8g2_ClearBuffer(&u8g2);run_str(&x,&x_t,i,j);break;
//        case 8:x=96,x_t=0;y=32;u8g2_ClearBuffer(&u8g2);run_str(&x,&x_t,i,j);break;
//        default: break;
//      }
//      ui_show(x,y);
 
 
 
 
  }
  /* USER CODE END MenuTask */
}

主页菜单

图形菜单

列表菜单

STM32CubeMX FreeRTOS u8g2图片菜单制作

热门文章

最新文章

相关课程

相关电子书