OpenHarmony开源社区
直播中

cszzlsw

9年用户 202经验值
擅长:嵌入式技术
私信 关注
[经验]

【小凌派RK2206开发板试用体验】测评第三帖:手势操作菜单

小凌派手势操作菜单

1.前言:
接上篇,https://bbs.elecfans.com/jishu_2278344_1_1.html
当手势传感器案例可以和OLED运行之后,我们就可以想办法更好玩一些了,想要好玩一些的话当然就是用手势操作菜单了.具体的效果可以看帖子上面的视频来感受.


2.制作中文字体
如果要实现手势菜单.就不能使用以前的方式来操作中文了,除非你能记住所有的中文字的位置,那这种情况下要如果进行呢,请看法宝:
  1. typedef struct  Chinese_Font_data{
  2.     char text[3];
  3.     uint8_t data[32];

  5. }Chinese_Font_data;

  7. typedef struct ChineseFont{
  8.    
  9.     uint8_t font_size;
  10.     uint8_t font_data_len;
  11.     // uint8_t keep;
  12.     Chinese_Font_data *font_data;

  14. }ChineseFont;
这里创建两个结构体,结构体里面就是存的字体信息和字体数据,那内容是啥样的呢,这里举几个例子:

  2. Chinese_Font_data xingkai_data_16[]={

  4. /*---------------子----------------*/
  5. {"子",
  6. {0x00,0x00,0x00,0x00,0x01,0xF0,0x0F,0x70,0x00,0x60,0x01,0xC0,0x01,0xFE,0x3F,0xFE,
  7. 0x78,0xC0,0x00,0xC0,0x00,0xC0,0x00,0xC0,0x00,0xC0,0x07,0xC0,0x03,0x80,0x01,0x00}},

  9. /*---------------菜----------------*/
  10. {"菜",
  11. {0x00,0x00,0x06,0x70,0x06,0x7C,0x3F,0xFC,0x12,0xC0,0x03,0xC0,0x07,0x30,0x0D,0xE0,
  12. 0x05,0x70,0x3F,0xF8,0x17,0xC0,0x0D,0x60,0x19,0x38,0x71,0x1F,0x03,0x00,0x01,0x00}},

  14. /*---------------单----------------*/
  15. {"单",
  16. {0x00,0x00,0x06,0x70,0x07,0x60,0x02,0x70,0x0F,0xF8,0x0D,0xF8,0x0F,0xF0,0x07,0xF0,
  17. 0x07,0xA0,0x01,0xFE,0x7F,0xFC,0x01,0x80,0x01,0x80,0x01,0x80,0x01,0x80,0x01,0x80}},

  19. /*---------------选----------------*/
  20. {"选",
  21. {0x00,0x00,0x00,0x60,0x00,0x60,0x19,0xE0,0x09,0xF8,0x01,0xF0,0x02,0x7C,0x3F,0xF8,
  22. 0x3A,0xA0,0x19,0xA0,0x19,0x24,0x0A,0x3E,0x7F,0x1C,0x01,0xFF,0x00,0x3C,0x00,0x00}},

  24. /*---------------项----------------*/
  25. {"项",
  26. {0x00,0x00,0x00,0x00,0x00,0x1E,0x01,0xFC,0x0E,0x60,0x3C,0xFC,0x0C,0x8C,0x0C,0xAC,
  27. 0x0E,0xAC,0x3F,0xAC,0x71,0xEC,0x01,0xFC,0x00,0xDC,0x01,0x8C,0x02,0x04,0x00,0x00}},
  28. }

3.中文字体的显示
处理完这个之后,就可以编写中文显示的方法了:

  2. void ssd1306_DrawChinese(char *ch, ChineseFont *font,SSD1306_COLOR color)
  3. {
  4.     // printf("%d %dn",sizeof(xingkai_16),(sizeof(xingkai_16[0])));
  5.     // printf("%d,, draw chinese:%sn",xingkai_16_font_len,ch);
  6.     if(font == &xingkai_16){

  8.         for(int ch_idx=0;ch_idx
  9.             // printf("%d === %sn",i,font[i].text);
  10.             Chinese_Font_data *font_data =&font->font_data[ch_idx];
  11.             if(strncmp(ch,font_data->text,sizeof(font_data->text))==0){
  12.   
  13.                 {
  14.                     int x=SSD1306.CurrentX,y=SSD1306.CurrentY;
  15.                     int w=font->font_size,h=font->font_size;
  16.                     int stride = 0;
  17.                     if (x + w > SSD1306_WIDTH || y + h > SSD1306_HEIGHT || w * h == 0) {
  18.                         printf("%dx%d @ %d,%d out of range or invalid!rn", w, h, x, y);
  19.                         return;
  20.                     }

  22.                     w = (w <= SSD1306_WIDTH ? w : SSD1306_WIDTH);
  23.                     h = (h <= SSD1306_HEIGHT ? h : SSD1306_HEIGHT);
  24.                     stride = (stride == 0 ? w : stride);

  26.                     uint8_t rows = font->font_data_len * 8 / stride;
  27.                     for (uint8_t i = 0; i < rows; i++) {
  28.                         uint32_t base = i * stride / 8;
  29.                         for (uint8_t j = 0; j < w; j++) {
  30.                             uint32_t idx = base + (j / 8);
  31.                             uint8_t byte = idx < font->font_data_len ? font_data->data[idx] : 0;
  32.                             uint8_t bit  = byte & (0x80 >> (j % 8));
  33.                             ssd1306_DrawPixel(x + j, y + i, bit ? !color : color);
  34.                         }
  35.                     }
  36.                 }

  38.                 // ssd1306_DrawRegion(SSD1306.CurrentX,SSD1306.CurrentY,font->font_size,
  39.                 // font->font_size, font_data->data,font->font_data_len,0);
  40.                 SSD1306.CurrentX += font->font_size;

  42.                 break;
  43.             }
  44.         }

  46.     }

  48.    
  49. }

  51. void ssd1306_Text(char *string,uint8_t string_len,uint8_t font_size,uint8_t mode)
  52. {
  53.     int i=0;

  55.     // printf("Text:%x %x %x %x %x %x %d %d %dn",string[0],string[1],string[2],string[3],string[4],string[5],
  56.     //                             string[3],string[4],string[5]);
  57.    printf("ssd1306_Text %d:%sn",string_len,string);
  58.     while(i
  59.         if(string[i] < 0)
  60.         {
  61.             // printf("[%d ]%d %x for chinesen",i,string[i],string[i]);
  62.             ssd1306_DrawChinese(&string[i],&xingkai_16,mode);
  63.             
  64.             
  65.             i+=3;
  66.         }
  67.         else
  68.         {
  69.             // printf("[%d ]%d %x for charn",i,string[i],string[i]);
  70.             ssd1306_DrawChar(string[i],Font_7x10,!mode);
  71.             i+=1;
  72.         }
  73.     }
  74. }

这里面的一个逻辑就是判断字符是中文还是英文,如果是中文的话char值是小于0的,但是不是一个字符能表示,中文使用UTF-8,最多会使用3个字符表示一个中文字,所以当出现中文的时候,char数组里长度需要增加3,如果是英文字的话就只需要1个字符了.
这工作完成之后就可以测试中文和英文数字等的的显示了,随便写几个中文字,调用接口显示:
  1. ssd1306_Text("1.你好 2.Hello",strlen("你好世界"),16,0);
可以观察显示,不得不提一句,这地方花费了大量的时间在编译上,因为编译系统不完善.不能支持增量编译,希望厂家团队尽快解决.

4.制作菜单框架
其实这里演示的菜单框架比较简单,因为菜单会有子菜单项,所以需要用多叉树的结构来表现,请看法宝:
  1. typedef struct Menu{
  2.     // char name[8];
  3.     char text[14];
  4.     char state;
  5.     void *param;
  6.     uint8_t sub_len;
  7.     struct Menu **subMenu;
  8.     void (*enterFunc)(struct Menu *menu);
  9.     void (*exitFunc)(struct Menu *menu);

  11. }Menu;
,然后就制作菜单的数据,这里举例:
  1. #include "menu.h"
  2. #include

  4. Menu hoguo={
  5.     .text="火锅",

  7. };

  9. Menu BBQ={
  10.     .text="BBQ",
  11. };

  13. Menu western={
  14.     .text="西餐",
  15. };

  17. extern Menu mainMenu;
  18. Menu *eating_subs[]={&mainMenu,&hoguo,&BBQ,&western};


  21. Menu eating={
  22.     .text="聚餐",
  23.     .sub_len = 3,
  24.     .subMenu=eating_subs
  25. };

  27. Menu comedy={
  28.     .text="喜剧片",
  29.     .sub_len=0,
  30. };

  32. Menu Thriller={
  33.     .text="惊悚片"
  34. };

  36. extern Menu movie;

  38. Menu *movie_subs[]={&mainMenu, &comedy,
  39.         &Thriller};

  41. Menu movie={
  42.     .text="看电影",
  43.     .sub_len = 3,
  44.     .subMenu=movie_subs
  45. };


  48. Menu yunnan={
  49.     .text="云南",
  50.     .sub_len=0,
  51. };

  53. Menu beijing={
  54.     .text="北京"
  55. };
  56. Menu xizang={
  57.     .text="西藏"
  58. };
  59. extern Menu trip;

  61. Menu *trip_subs[]={&mainMenu,&yunnan, &beijing,
  62.         &xizang};


  65. Menu trip={
  66.     .text="旅游",
  67.     .sub_len = 4,
  68.     .subMenu=trip_subs


  71. };

  73. Menu kge={
  74.     .text="唱K",
  75.     .sub_len=0,
  76. };

  78. Menu anmo={
  79.     .text="按摩"
  80. };
  81. Menu xizao={
  82.     .text="洗澡"
  83. };
  84. extern Menu relex;

  86. Menu *releax_subs[]={&mainMenu,&kge, &anmo,
  87.         &xizao};
  88. Menu relax={
  89.     .text="放松",
  90.     .sub_len = 4,
  91.     .subMenu=releax_subs


  94. };

  96. Menu *mainMenu_subs[5]={NULL,&eating,&trip,&movie,&relax};

  98. Menu mainMenu={
  99.    
  100.         .text = "娱乐活动",
  101.         .sub_len = 5,
  102.         .subMenu=mainMenu_subs
  103.    
  104. };
菜单项制作好了之后,可以放到UI里去渲染

5.UI线程渲染菜单


  3.                 ssd1306_SetCursor(32, 0);

  5.                 ssd1306_Text(currentMenu->text,strlen(currentMenu->text),16,0);



  9.                 int show_idx=1;

  11.                 if(select_idx > max_sub){

  13.                         show_idx+=(select_idx-max_sub);

  15.                         // continue;

  17.                 }

  19.                 int cursor=1;

  21.                 for(int i=show_idx;isub_len;i++)

  23.                 {

  25.                        

  27.                        

  29.                         ssd1306_SetCursor(0, 16*(cursor++));

  31.                         Menu *currentSub=currentMenu->subMenu[i];

  33.                         if(currentSub){



  37.                                 char text[24]={0};

  39.                                 sprintf(text,"%d.%s",i,currentSub->text);

  41.                                 printf("text = %sn",text);

  43.                                 ssd1306_Text(text,strlen(text),16,select_idx==i);

  45.                         }

  47.                        

  49.                 }



  53.                 ssd1306_UpdateScreen();       
这里的逻辑就是把菜单标题和子菜单都显示出来

6.结合手势传感器传的数据
把手势传感器的数据接收到,然后做相应的逻辑处理,这里有一个问题,就是目前菜单因为屏幕的原因,只能显示3个菜单,所以需要做一个机制,当选择的菜单超过当前长度的时候往下滑一格,
代码如下:


  3. static void *OLedTask(const char *arg)

  5. {

  7.         (void)arg;

  9.         uint32_t ret=0;

  11.        

  13.         ssd1306_Init();

  15.         printf("OLedTask queueId=%dn",queueId);



  19.         //ssd1306_DrawString("Hello HARMonyOS!", Font_7x10, White);



  23.         int text_area_width = 64;

  25.         int text_area_height = 64;



  29.         int text_per_line_num = text_area_height / font_width;



  33.         int mod = hope_num % text_per_line_num;

  35.         int text_line_num = hope_num / text_per_line_num;

  37.         if (mod)

  39.         {

  41.                 text_line_num += 1;

  43.         }

  45.         printf("title_addr=%p,dir_addr=%pn", title_arr,dir_arr);

  47.         int text_alredy_show = 0;



  51.         int x = 0;

  53.         int y = 0;

  55.         int select_idx = 1;



  59.         ssd1306_Fill(Black);

  61.         ssd1306_SetCursor(0, 0);



  65.         Menu *currentMenu = &mainMenu;

  67.         int max_sub=3;

  69.         int start=0;

  71.        

  73.         while(1){

  75.                 uint32_t flag = 0;

  77.                 uint32_t rLen =4;

  79.                 if(start){

  81.                                

  83.                         ret = LOS_QueueReadCopy(queueId,

  85.                                                                         &flag,

  87.                                                                         &rLen,

  89.                                                                         LOS_WAIT_FOREVER);

  91.                         // LOS_Msleep(OLED_INTERVAL_TIME_US);

  93.                         printf("READ ret = %d,FLAG =%02xn",ret,flag);

  95.                 }

  97.                 start =1;



  101.                 ssd1306_Fill(Black);

  103.                 ssd1306_SetCursor(0, 0);

  105.                

  107.                 int idx=0;

  109.                 for(;idx<9;idx++){

  111.                         if(flag&(1<

  113.                                 break;

  115.                         }

  117.                 }

  119.                 printf("idx=%d,select_idx=%dn",idx,select_idx);



  123.                 switch(idx){

  125.                         case 0:

  127.                         if(select_idx > 1){

  129.                                 select_idx--;

  131.                         }

  133.                         break;

  135.                         case 1:

  137.                         if(select_idx < currentMenu->sub_len-1){

  139.                                 select_idx++;

  141.                         }

  143.                         break;

  145.                         case 2:

  147.                         {

  149.                                 Menu *currentSub=currentMenu->subMenu[0];

  151.                                 if(currentSub){

  153.                                         currentMenu=currentSub;

  155.                                         select_idx = 1;

  157.                                         start = 0;

  159.                                         continue;

  161.                                 }



  165.                         }break;

  167.                         case 3:

  169.                         {

  171.                                         Menu *currentSub=currentMenu->subMenu[select_idx];

  173.                                         if(currentSub){

  175.                                                 currentMenu=currentSub;

  177.                                                 select_idx = 1;

  179.                                                 start = 0;

  181.                                                 continue;

  183.                                         }



  187.                         }break;

  189.                        

  191.                         break;



  195.                 }

  197.                 printf(">>idx=%d,select_idx=%dn",idx,select_idx);

  199.                

  201.                 ssd1306_SetCursor(32, 0);

  203.                 ssd1306_Text(currentMenu->text,strlen(currentMenu->text),16,0);



  207.                 int show_idx=1;

  209.                 if(select_idx > max_sub){

  211.                         show_idx+=(select_idx-max_sub);

  213.                         // continue;

  215.                 }

  217.                 int cursor=1;

  219.                 for(int i=show_idx;isub_len;i++)

  221.                 {

  223.                        

  225.                        

  227.                         ssd1306_SetCursor(0, 16*(cursor++));

  229.                         Menu *currentSub=currentMenu->subMenu[i];

  231.                         if(currentSub){



  235.                                 char text[24]={0};

  237.                                 sprintf(text,"%d.%s",i,currentSub->text);

  239.                                 printf("text = %sn",text);

  241.                                 ssd1306_Text(text,strlen(text),16,select_idx==i);

  243.                         }

  245.                        

  247.                 }



  251.                 ssd1306_UpdateScreen();       

  253.         }

这里需要一个currentMenu的指针来指示当前显示的是哪个菜单.

7.总结
到这里手势传感器的评测就完结了,感谢电子发烧友和小凌派厂家,有机会使用到最新的开发板和新潮的手势传感器,可以实现自己的想法.
希望大家都能完成自己的作品.
后续有创意会跟大家分享.

更多回帖

0 0 0

相关帖子

小凌派 OpenHarmony 手势操作
发帖
电子发烧友APP
|投诉反馈|电子发烧友网
© 2021 bbs.elecfans.com
湘ICP备2023018690号
×
20
完善资料，
赚取积分