// Font Map
// 19.FZShuSong_30_ASTC.glyph                  : 3925440 : 1263360
// 20.FZShuSong_30_ASTC.xfont                  : 5188800 : 8832   
// 21.FZShuSong_36_ASTC.glyph                  : 5197632 : 2021376
// 22.FZShuSong_36_ASTC.xfont                  : 7219008 : 8832   

#define FONT_S_HANDLE  (1)   // Small Font
#define FONT_M_HANDLE  (2)   // Medium Font


int main(void)
{
   DisplayConfiguration();   // Setup Display, SPI at 16Mhz, 1024x600
    Gpu_CoCmd_FlashHelper_SwitchFullMode(phost);   // Switch Built-In flash to FULL MODE
   
   // Load XFont from Flash
   //Load font 30
   Gpu_CoCmd_FlashRead(phost, RAM_G + 1000000, 5188800, 8832);
   Gpu_Hal_WaitCmdfifo_empty(phost);

   //Load font 36
   Gpu_CoCmd_FlashRead(phost, RAM_G + 1000000 + 8832, 7219008, 8832);
   Gpu_Hal_WaitCmdfifo_empty(phost);
   
   while(1){
      // Screen PreCode
      Gpu_CoCmd_Dlstart(phost);
      App_WrCoCmd_Buffer(phost, CLEAR_COLOR_RGB(0, 0, 0));
      App_WrCoCmd_Buffer(phost,CLEAR(1,1,1));


      // Set Font Handle
      Gpu_CoCmd_SetFont2(phost, FONT_S_HANDLE, RAM_G + 1000000, 0);
      Gpu_CoCmd_SetFont2(phost, FONT_M_HANDLE, RAM_G + 1000000 + LANG_CN_XFONT_30_ASTC_SIZE, 0);

      App_WrCoCmd_Buffer(phost, COLOR_RGB(0xFF,0xCA,0x18));

      // Reset Font BitMap (to make sure the bitmap is at correct xfont in case previous SetBitMap for image in use)
      Gpu_CoCmd_SetBitmap(phost, RAM_G + 1000000, COMPRESSED_RGBA_ASTC_8x8_KHR, 32, 40);
      Gpu_CoCmd_SetBitmap(phost, RAM_G + 1000000 + LANG_CN_XFONT_30_ASTC_SIZE, COMPRESSED_RGBA_ASTC_10x5_KHR, 40, 40);


      Gpu_CoCmd_Text(phost, 30, 133/2, FONT_M_HANDLE, OPT_CENTERY, "设置流速");
      Gpu_CoCmd_Text(phost, 230, 133/2, FONT_M_HANDLE, OPT_CENTERY, "= 10 ml/min");


      Gpu_CoCmd_Text(phost, 30, 133/2 + 133, FONT_M_HANDLE, OPT_CENTERY, "实际流速");
      Gpu_CoCmd_Text(phost, 230, 133/2 + 133, FONT_M_HANDLE, OPT_CENTERY, "= 10 ml/min");

      Gpu_CoCmd_Text(phost, 30, 133/2 + 266, FONT_M_HANDLE, OPT_CENTERY, "输注量");
      Gpu_CoCmd_Text(phost, 230, 133/2 + 266, FONT_M_HANDLE, OPT_CENTERY, "= 0 ml");


      Gpu_CoCmd_Text(phost, 550, 133/2 + 133, FONT_M_HANDLE, OPT_CENTERY, "T = 33.8 °C");

      //Gpu_CoCmd_Text(phost, 550, 133/2 + 266, FONT_M_HANDLE, OPT_CENTERY, "P = 130 mmHg");

      //Gpu_CoCmd_FillWidth(phost, 50);
      // Gpu_CoCmd_Text(phost, 10, 100, FONT_M_HANDLE, 0, "值停力功加务动储修入\n关其匹升卡却器一上下\n不与中\n主和品分到制\n前传位低");


      // Screen PostCode
      App_WrCoCmd_Buffer(phost, DISPLAY());
      Gpu_CoCmd_Swap(phost);
      App_Flush_Co_Buffer(phost); //Download the commands into fifo
      while(EVE_busy()); // Gpu_Hal_WaitCmdfifo_empty(phost); //Wait till coprocessor completes the operation   

      // Delay(100ms)
   }

   return 0;
}

Yes, I regulary use two rects over each other to draw frames.
An alternative would be using LINE_STRIP, but then the width of the frame depends on LINE_WIDTH so you can't have rounded corners and thin frames with LINE_STRIP.

Try this in EVE Screen Editor:

Code: [Select]

CLEAR_COLOR_RGB(0,0,0)
CLEAR(1, 1, 1)
LINE_WIDTH(80)
BEGIN(RECTS)
COLOR_RGB(255,215,0)
TAG(100)
VERTEX2F(1600, 1600)
VERTEX2F(3200, 2240)
TAG(110)
VERTEX2F(1600, 2560)
VERTEX2F(3200, 3200)
COLOR_RGB(0,0,0)
TAG(110)
VERTEX2F(1632, 2592)
VERTEX2F(3168, 3168)
END()
TAG(100)
COLOR_RGB(0,0,0)
CMD_TEXT(150, 120, 28, OPT_CENTER, "MUTE")
TAG(110)
COLOR_RGB(255,215,0)
CMD_TEXT(150, 180, 28, OPT_CENTER, "NEXT")
TAG(0)

As for efficiency, this sequence uses 38 32bit words on the display-list.
The only way to get away with less would be to use images for the buttons.
In contrast, a single FLAT button with the text "MUTE" uses 16 or 20 32bit words, depending on the posistion of the screen, just the button without TAG or color commands.

Doing this in discrete commands also allows to split the display list in a part that is static and therefore only needs to be transferred once (see CMD_APPEND) and the part that is transferred for every refresh because it changes.

In this example the first rectangles could be moved to the static section.

You could easily add visual feedback to this by for example not drawing the second
rectangle when the button is touched and changing the color of the text to black.

   Init.
   touch.status = TOUCH_UNPRESSED;
   
   
   function

   touch.tag = Gpu_Hal_Rd8(phost, REG_TOUCH_TAG);
   
   switch(touch.status){
    case TOUCH_UNPRESSED:                       // When status is Unpressed
        if(tagID != 0){   // pressed            // Check if tagID id valid, not equal 0 mean a button is touched touched
            touch.status = TOUCH_PRESSED;       // Set the status to pressed
            touch.delay = 0;                    // Set the delay time to 0
        }
        break;                                  // break;
    case TOUCH_PRESSED:                         // When status is Pressed. Mean button is pressed or holding
        if(tagID == 0) {                        // this check if the tag id is 0
            touch.status = TOUCH_UNPRESSED;     // Set the touch to unpressed
        }
        else if(tagID != 0) {                    // if the tag is not 0. Mean that button is valid or button is holding
            touch.delay = 0;                    // set delay time to 0
        }
        else {                                   // touch is none
            if(++touch.delay > 10){              // increment delay time before set it to Unpressed
                touch.status = TOUCH_UNPRESSED;
            }
        }

        break;
    default:                                    // Should not be here but in case.
        touch.status = TOUCH_UNPRESSED;
        touch.delay = 0;
    }

uint32_t Touch_GetChange(void){
    // Checking between PRESSED / UNPRESSED
    if(touch.status != touch.prestat){
        touch.prestat = touch.status;
        return 1;
    }
    return 0;
}

// Main loop
if(Touch_GetChange()){
        UARTprintf("TouchChanged \r\n");
}

If button is pressed or holding
   tag is set but do nothing

If button is released/unpressed
   Trigger tag button function