Drawing a transparent text with a framed font

    This site uses cookies. By continuing to browse this site, you are agreeing to our Cookie Policy.

    • Drawing a transparent text with a framed font

      Hello to everyone,

      I'm trying to draw some transparent text on the background that filled with a vertical gradient. I'd like to have a text with transparent and gray framed characters, so the background could be seen through it. But instead of transparency I've got black characters.

      Here is some code from the simulator (also in attach):

      C Source Code: main.c

      1. #include "GUI.h"
      2. #include "DIALOG.h"
      4. #define RECOMMENDED_MEMORY (1024L * 5)
      5. GUI_RECT pRect;
      7. void MainTask(void) {
      9. GUI_Init();
      11. WM_MULTIBUF_Enable(1);
      13. if (GUI_ALLOC_GetNumFreeBytes() < RECOMMENDED_MEMORY) {
      14. GUI_ErrorOut("Not enough memory available.");
      15. return;
      16. }
      18. // Fill the screen with a gray color
      19. GUI_SetBkColor(GUI_GRAY);
      20. GUI_Clear();
      22. // Set the recrangle area for text in the middle of the screen (320 * 240)
      23. pRect.x0 = 120;
      24. pRect.y0 = 110;
      25. pRect.x1 = 200;
      26. pRect.y1 = 130;
      28. // Fill the text area with the red -> blue vertical gradient
      29. GUI_DrawGradientV(pRect.x0, pRect.y0, pRect.x1, pRect.y1, GUI_RED, GUI_BLUE);
      31. // Set the framed font
      32. GUI_SetFont(GUI_FONT_20F_ASCII);
      34. // Set the frame color of the characters
      35. GUI_SetBkColor(GUI_GRAY);
      37. // Set the transparency of the characters
      38. GUI_SetColor(GUI_TRANSPARENT);
      40. // Enable alpha channel
      41. GUI_EnableAlpha(1);
      43. // Draw text in the middle of the text area
      44. GUI_DispStringInRect("EmWin", &pRect, GUI_TA_HCENTER | GUI_TA_VCENTER);
      46. // Disable alpha channel
      47. GUI_EnableAlpha(0);
      49. while(1)
      50. {
      51. }
      53. }
      Display All
      Here's what I got:



      Further if I call GUI_SetColor(GUI_TRANSPARENT) after GUI_EnableAlpha(1) then the text become completely unvisible including frame:


      Where is my mistake?

      Thanks for your time,

      Alex.
      Files

      • sources.zip

        (7.56 kB, downloaded 747 times, last: )

    • Hi,

      This is a perfect example for a usecase of memory devices.

      Try the code below, I guess that is what you want. The problem is that emWin will write the transparent pixels (the string) to the background which leads to fully transparent pixel in the frame buffer, it does not mix the color. Due to this the result is a black pixel.
      With the memory device the pixels will also set to fully transparent, but when drawing the memory device it does not touch the background when setting fully transparent pixels.

      C Source Code

      1. #include "GUI.h"
      2. #include "DIALOG.h"
      5. void MainTask(void) {
      6. GUI_RECT pRect;
      7. GUI_HMEM hMem;
      9. GUI_Init();
      10. WM_MULTIBUF_Enable(1);
      11. // Fill the screen with a gray color
      12. GUI_SetBkColor(GUI_GRAY);
      13. GUI_Clear();
      14. // Set the recrangle area for text in the middle of the screen (320 * 240)
      15. pRect.x0 = 120;
      16. pRect.y0 = 110;
      17. pRect.x1 = 200;
      18. pRect.y1 = 130;
      19. //
      20. // Draw the background
      21. //
      22. GUI_DrawGradientV(pRect.x0, pRect.y0, pRect.x1, pRect.y1, GUI_RED, GUI_BLUE);
      23. //
      24. // Create a memory device
      25. //
      26. hMem = GUI_MEMDEV_CreateFixed32(pRect.x0, pRect.y0, pRect.x1, pRect.y1);
      27. GUI_MEMDEV_Select(hMem); // Select the device
      28. GUI_DrawGradientV(pRect.x0, pRect.y0, pRect.x1, pRect.y1, GUI_RED, GUI_BLUE); // Draw the same gradient
      30. GUI_SetFont(GUI_FONT_20F_ASCII); // Set the font
      31. GUI_SetBkColor(GUI_GRAY); // Set a bk color (frame)
      32. GUI_SetColor(GUI_TRANSPARENT); // Set fg color
      33. GUI_DispStringInRect("EmWin", &pRect, GUI_TA_HCENTER | GUI_TA_VCENTER); // Draw the string
      34. GUI_MEMDEV_Select(0); // De-select device
      35. GUI_MEMDEV_Write(hMem); // Write the device were it was created
      36. GUI_MEMDEV_Delete(hMem);
      37. while(1) {
      38. GUI_Delay(100);
      39. }
      40. }
      Display All
      You might also check the API description for GUI_MEMDEV_PunchOutDevice(). This might be also a solution.

      Regards,
      Sven
      Please read the forum rules before posting.

      Keep in mind, this is *not* a support forum.
      Our engineers will try to answer your questions between their projects if possible but this can be delayed by longer periods of time.
      Should you be entitled to support you can contact us via our support system: segger.com/ticket/
      Or you can contact us via e-mail.

    • Hello, Sven,

      Yes, indeed I thought so that its about memory devices. I tested GUI_MEMDEV_PunchOutDevice() and in case of text it might give interesting effects, for example, gradient on the frame...

      Thank you for your example.