LISTBOX - Is there a way to display two-lined item

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

    • LISTBOX - Is there a way to display two-lined item

      Hi,

      I would like to know that there is any way to express more than one lined listbox item.

      For example,

      "Meet with Henry
      2019/11/30"

      Thank you,

      Regards,
      Ashley

    • Hello,

      it is possible with using owner draw function where you can display multilined strings at dedicated item.

      C Source Code

      1. #include "DIALOG.h"
      3. LISTBOX_Handle hLstbx;
      5. int _LISTBOX_CustomDraw(const WIDGET_ITEM_DRAW_INFO * pDrawItemInfo) {
      6. GUI_RECT ItemRect;
      7. GUI_COLOR TextColor;
      9. switch (pDrawItemInfo->Cmd) {
      10. case WIDGET_ITEM_GET_YSIZE:
      11. // Change ysize for two lined item
      12. if (pDrawItemInfo->ItemIndex == 2)
      13. return LISTBOX_OwnerDraw(pDrawItemInfo) * 2;
      14. else
      15. return LISTBOX_OwnerDraw(pDrawItemInfo);
      16. break;
      17. case WIDGET_ITEM_DRAW:
      18. // Display two lined text at the item
      19. if (pDrawItemInfo->ItemIndex == 2) {
      20. LISTBOX_OwnerDraw(pDrawItemInfo);
      22. ItemRect.x0 = pDrawItemInfo->x0;
      23. ItemRect.y0 = pDrawItemInfo->y0;
      24. ItemRect.x1 = pDrawItemInfo->x1;
      25. ItemRect.y1 = pDrawItemInfo->y1;
      27. if (LISTBOX_GetItemDisabled(pDrawItemInfo->hWin, pDrawItemInfo->ItemIndex) == 1) {
      28. TextColor = LISTBOX_GetTextColor(pDrawItemInfo->hWin, LISTBOX_CI_DISABLED);
      29. }
      30. else {
      31. if (LISTBOX_GetSel(pDrawItemInfo->hWin) == pDrawItemInfo->ItemIndex) {
      32. if (WM_HasFocus(pDrawItemInfo->hWin))
      33. TextColor = LISTBOX_GetTextColor(pDrawItemInfo->hWin, LISTBOX_CI_SELFOCUS);
      34. else
      35. TextColor = LISTBOX_GetTextColor(pDrawItemInfo->hWin, LISTBOX_CI_SEL);
      36. }
      37. else
      38. TextColor = LISTBOX_GetTextColor(pDrawItemInfo->hWin, LISTBOX_CI_UNSEL);
      39. }
      41. GUI_SetColor(TextColor);
      42. GUI_DispStringInRect("Two lined\nitem3", &ItemRect, LISTBOX_GetTextAlign(pDrawItemInfo->hWin));
      43. }
      44. else
      45. return LISTBOX_OwnerDraw(pDrawItemInfo);
      46. break;
      47. default:
      48. return LISTBOX_OwnerDraw(pDrawItemInfo);
      49. break;
      50. }
      52. return 0;
      53. }
      55. void MainTask(void) {
      57. GUI_Init();
      59. WM_MULTIBUF_Enable(1);
      61. WM_SetDesktopColor(GUI_DARKGRAY);
      63. hLstbx = LISTBOX_CreateEx(50, 50, 100, 54, WM_HBKWIN, WM_CF_SHOW, 0, GUI_ID_LISTBOX0, NULL);
      64. LISTBOX_AddString(hLstbx, "One lined item 1");
      65. LISTBOX_AddString(hLstbx, "One lined item 2");
      66. LISTBOX_AddString(hLstbx, ""); // -> to be two lined, display the text in owner draw function
      67. LISTBOX_SetOwnerDraw(hLstbx, _LISTBOX_CustomDraw);
      69. while (1) {
      70. GUI_Delay(50);
      71. }
      72. }
      Display All
      Alex.

      The post was edited 4 times, last by LexaGB ().

    • I use dialog which creates a LISTBOX widget from resource table entry.(GUI_CreateDialogBox) to hold several widget.
      And I was wondering there is a way to draw multi-lined item by setting some configuration.

      I will try owner drawing as you say.
      Thank you very much~

      The post was edited 2 times, last by Ashley ().

    • Hello,

      there is no difference how you are doing: whether you create a widget from resource table or create it manually.

      Resource table just calls the same creating API function with some basic parameters of a widget.

      So there is no configuration to do items with multilined text immediately when creating a listbox.

      My sample code just was easier to do creating a listbox directly using API.

      The main thing was to reveal the owner draw mechanism that would work in all the cases.

      Alex.

      The post was edited 2 times, last by LexaGB ().

    • Upd:

      you can do a little easier: set multilined string when call API function: LISTBOX_AddString(hLstbx, "Two lined\nitem 3");

      and then handle only command WIDGET_ITEM_GET_YSIZE in your owner draw function to change the ysize of the item.


      Alex.