Partially show child window with scrolling function

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

    • Partially show child window with scrolling function

      Hi all,

      I'm trying to setup a vertical scrolling child window inside its parent window.
      This child window Y dimension should be greater than the parent window so it will be partially visible according the current scrolling position.
      The child window contains BUTTON and TEXT objects that have to move according to the current scrolling position

      At the moment I've managed to create a small child window with an own button and the code looks like that:

      Source Code

      1. static const GUI_WIDGET_CREATE_INFO _aGUISWIPELISTTEST_MainWinDialogCreate[] = {
      2. // Main Window
      3. { WINDOW_CreateIndirect, "GUISWIPELISTTEST Window", GUISWIPELISTTEST_ID_MAIN_WIN, GUISWIPELISTTEST_WINDOW_XPOS, GUISWIPELISTTEST_WINDOW_YPOS, GUISWIPELISTTEST_WINDOW_XSIZE + 100, GUISWIPELISTTEST_WINDOW_YSIZE + 100, 0, 0, 0 },
      4. // Texts and Labels
      5. // USER START (Optionally insert additional widgets)
      6. // USER END
      7. };
      9. //Main dialog creation
      10. g_GUISwipeListTest.hWin = GUI_CreateDialogBox(_aGUISWIPELISTTEST_MainWinDialogCreate, GUI_COUNTOF(_aGUISWIPELISTTEST_MainWinDialogCreate), _cbDialogGUISWIPELISTTEST_MainWin, WM_GetDesktopWindowEx(0), 0, 0);
      12. ...
      14. static void _cbDialogGUISWIPELISTTEST_MainWin(WM_MESSAGE *pMsg)
      15. {
      16. switch (pMsg->MsgId) {
      17. case WM_INIT_DIALOG:
      18. //
      19. // Initialization of 'Window'
      20. //
      21. hItem = pMsg->hWin;
      22. WINDOW_SetBkColor(hItem,GUI_CUSTOM_MAIN_BACKGROUND_COLOR);
      23. WM_EnableWindow(hItem);
      25. //
      26. // Subwindow initialization
      27. //
      28. g_GUISwipeListTest.hChildWin = WM_CreateWindowAsChild(GUISWIPELISTTEST_FOOTER_LINE_XPOS, 20, GUISWIPELISTTEST_FOOTER_LINE_XSIZE, 150, pMsg->hWin, WM_CF_SHOW | WM_CF_HASTRANS | WM_CF_MEMDEV_ON_REDRAW, _cbSUBWINDOW_N0, sizeof(WM_HWIN));
      30. //Button inside child window
      32. hItem_Btn =
      33. BUTTON_CreateEx(0,0,80,20,g_GUISwipeListTest.hChildWin, WM_CF_SHOW, 0, GUISWIPELISTTEST_ID_BTN_SUB_N0);
      34. WM_SetCallback (hItem_Btn, _cbGUISWIPELISTTEST_Btn_Sub_N0);
      35. break;
      37. case WM_MOTION:
      38. pInfo = (WM_MOTION_INFO *)pMsg->Data.p;
      40. switch (pInfo->Cmd) {
      41. case WM_MOTION_INIT:
      42. pInfo->Flags = WM_CF_MOTION_Y;
      43. break;
      44. }
      45. break;
      47. default:
      48. WM_DefaultProc(pMsg);
      49. break;
      50. }
      51. }
      Display All

      The child window has its own callback and so its own button, the visualization and the touch response is fine.

      So my questions are:
      - If I make a larger (in terms of Y-axis) child window how can I make it only partially according to the current Y-scrolling?
      - How can I make the child window scroll only on the Y-axis without moving all the window? Where do I have to write the WM_MOTION case? In both parent and child window?

      (And also if I made some mistake and this is not the proper way to do the trick...)

      Thank you!
      Mark
      Images

      • scrolling_child_window.png

        18.5 kB, 800×600, viewed 1,244 times

    • Hello,

      an unusual way, but clearly effective if you want to scroll a child dialog with a swipe. I'd make a swipelist in a main dialog, then add an empty item and attach a child dialog to that item. Otherwise you will have to create an additional window, then attach a child dialog to it and transmit motion messages to it whereas the swipelist already has the necessary functionality.

      C Source Code: main.c

      1. #include "DIALOG.h"
      3. #define ID_MAIN_0 (GUI_ID_USER + 0x00)
      4. #define ID_TEXT_MAIN_0 (GUI_ID_USER + 0x01)
      5. #define ID_SWIPELIST_MAIN_0 (GUI_ID_USER + 0x02)
      7. #define ID_CHILD_0 (GUI_ID_USER + 0x03)
      8. #define ID_TEXT_CHILD_0 (GUI_ID_USER + 0x04)
      9. #define ID_BUTTON_CHILD_0 (GUI_ID_USER + 0x05)
      10. #define ID_BUTTON_CHILD_1 (GUI_ID_USER + 0x06)
      11. #define ID_BUTTON_CHILD_2 (GUI_ID_USER + 0x07)
      13. static const GUI_WIDGET_CREATE_INFO _aMainDlg[] = {
      14. { WINDOW_CreateIndirect, "Window", ID_MAIN_0, 0, 0, 320, 240, 0, 0x0, 0 },
      15. { TEXT_CreateIndirect, "Text", ID_TEXT_MAIN_0, 0, 0, 320, 50, 0, 0x64, 0 },
      16. { SWIPELIST_CreateIndirect, "Swipelist", ID_SWIPELIST_MAIN_0, 40, 40, 242, 180 },
      17. };
      19. static const GUI_WIDGET_CREATE_INFO _aChildDlg[] = {
      20. { WINDOW_CreateIndirect, "Window", ID_CHILD_0, 40, 40, 240, 320, 0, 0x0, 0 },
      21. { TEXT_CreateIndirect, "Text", ID_TEXT_CHILD_0, 0, 0, 240, 50, 0, 0x64, 0 },
      22. { BUTTON_CreateIndirect, "Button", ID_BUTTON_CHILD_0, 20, 70, 200, 24, 0, 0x0, 0 },
      23. { BUTTON_CreateIndirect, "Button", ID_BUTTON_CHILD_1, 20, 170, 200, 25, 0, 0x0, 0 },
      24. { BUTTON_CreateIndirect, "Button", ID_BUTTON_CHILD_2, 20, 270, 200, 25, 0, 0x0, 0 },
      25. };
      27. WM_HWIN hMainDlg, hChildDlg;
      29. static void _cbMainDlg(WM_MESSAGE * pMsg) {
      30. WM_HWIN hItem;
      31. switch (pMsg->MsgId) {
      32. case WM_INIT_DIALOG:
      33. WINDOW_SetBkColor(pMsg->hWin, GUI_GRAY);
      35. hItem = WM_GetDialogItem(pMsg->hWin, ID_TEXT_MAIN_0);
      36. TEXT_SetTextColor(hItem, GUI_MAKE_COLOR(0x00000000));
      37. TEXT_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
      38. TEXT_SetFont(hItem, GUI_FONT_32_ASCII);
      39. TEXT_SetText(hItem, "MAIN DIALOG");
      41. hItem = WM_GetDialogItem(pMsg->hWin, ID_SWIPELIST_MAIN_0);
      42. SWIPELIST_AddItem(hItem, " ", 321);
      43. SWIPELIST_SetBkColor(hItem, SWIPELIST_CI_BK_ITEM_UNSEL, GUI_WHITE);
      44. SWIPELIST_ItemAttachWindow(hItem, 0, hChildDlg, 1, 0);
      45. break;
      46. default:
      47. WM_DefaultProc(pMsg);
      48. break;
      49. }
      50. }
      52. static void _cbChildDlg(WM_MESSAGE * pMsg) {
      53. WM_HWIN hItem;
      55. switch (pMsg->MsgId) {
      56. case WM_INIT_DIALOG:
      57. WINDOW_SetBkColor(pMsg->hWin, GUI_WHITE);
      59. hItem = WM_GetDialogItem(pMsg->hWin, ID_TEXT_CHILD_0);
      60. TEXT_SetTextColor(hItem, GUI_MAKE_COLOR(0x00000000));
      61. TEXT_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
      62. TEXT_SetFont(hItem, GUI_FONT_32_ASCII);
      63. TEXT_SetText(hItem, "CHILD WINDOW");
      64. break;
      65. default:
      66. WM_DefaultProc(pMsg);
      67. break;
      68. }
      69. }
      71. void MainTask(void) {
      73. GUI_Init();
      75. WM_MULTIBUF_Enable(1);
      77. WM_SetDesktopColor(GUI_BLACK);
      79. hChildDlg = GUI_CreateDialogBox(_aChildDlg, GUI_COUNTOF(_aChildDlg), _cbChildDlg, WM_HBKWIN, 0, 0);
      81. hMainDlg = GUI_CreateDialogBox(_aMainDlg, GUI_COUNTOF(_aMainDlg), _cbMainDlg, WM_HBKWIN, 0, 0);
      83. while (1) {
      84. GUI_Exec();
      85. }
      86. }
      Display All
      Regards,

      Anthony

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

    • cilmagemlu wrote:

      Hello,

      an unusual way, but clearly effective if you want to scroll a child dialog with a swipe. I'd make a swipelist in a main dialog, then add an empty item and attach a child dialog to that item. Otherwise you will have to create an additional window, then attach a child dialog to it and transmit motion messages to it whereas the swipelist already has the necessary functionality.

      C Source Code: main.c

      1. #include "DIALOG.h"
      3. #define ID_MAIN_0 (GUI_ID_USER + 0x00)
      4. #define ID_TEXT_MAIN_0 (GUI_ID_USER + 0x01)
      5. #define ID_SWIPELIST_MAIN_0 (GUI_ID_USER + 0x02)
      7. #define ID_CHILD_0 (GUI_ID_USER + 0x03)
      8. #define ID_TEXT_CHILD_0 (GUI_ID_USER + 0x04)
      9. #define ID_BUTTON_CHILD_0 (GUI_ID_USER + 0x05)
      10. #define ID_BUTTON_CHILD_1 (GUI_ID_USER + 0x06)
      11. #define ID_BUTTON_CHILD_2 (GUI_ID_USER + 0x07)
      13. static const GUI_WIDGET_CREATE_INFO _aMainDlg[] = {
      14. { WINDOW_CreateIndirect, "Window", ID_MAIN_0, 0, 0, 320, 240, 0, 0x0, 0 },
      15. { TEXT_CreateIndirect, "Text", ID_TEXT_MAIN_0, 0, 0, 320, 50, 0, 0x64, 0 },
      16. { SWIPELIST_CreateIndirect, "Swipelist", ID_SWIPELIST_MAIN_0, 40, 40, 242, 180 },
      17. };
      19. static const GUI_WIDGET_CREATE_INFO _aChildDlg[] = {
      20. { WINDOW_CreateIndirect, "Window", ID_CHILD_0, 40, 40, 240, 320, 0, 0x0, 0 },
      21. { TEXT_CreateIndirect, "Text", ID_TEXT_CHILD_0, 0, 0, 240, 50, 0, 0x64, 0 },
      22. { BUTTON_CreateIndirect, "Button", ID_BUTTON_CHILD_0, 20, 70, 200, 24, 0, 0x0, 0 },
      23. { BUTTON_CreateIndirect, "Button", ID_BUTTON_CHILD_1, 20, 170, 200, 25, 0, 0x0, 0 },
      24. { BUTTON_CreateIndirect, "Button", ID_BUTTON_CHILD_2, 20, 270, 200, 25, 0, 0x0, 0 },
      25. };
      27. WM_HWIN hMainDlg, hChildDlg;
      29. static void _cbMainDlg(WM_MESSAGE * pMsg) {
      30. WM_HWIN hItem;
      31. switch (pMsg->MsgId) {
      32. case WM_INIT_DIALOG:
      33. WINDOW_SetBkColor(pMsg->hWin, GUI_GRAY);
      35. hItem = WM_GetDialogItem(pMsg->hWin, ID_TEXT_MAIN_0);
      36. TEXT_SetTextColor(hItem, GUI_MAKE_COLOR(0x00000000));
      37. TEXT_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
      38. TEXT_SetFont(hItem, GUI_FONT_32_ASCII);
      39. TEXT_SetText(hItem, "MAIN DIALOG");
      41. hItem = WM_GetDialogItem(pMsg->hWin, ID_SWIPELIST_MAIN_0);
      42. SWIPELIST_AddItem(hItem, " ", 321);
      43. SWIPELIST_SetBkColor(hItem, SWIPELIST_CI_BK_ITEM_UNSEL, GUI_WHITE);
      44. SWIPELIST_ItemAttachWindow(hItem, 0, hChildDlg, 1, 0);
      45. break;
      46. default:
      47. WM_DefaultProc(pMsg);
      48. break;
      49. }
      50. }
      52. static void _cbChildDlg(WM_MESSAGE * pMsg) {
      53. WM_HWIN hItem;
      55. switch (pMsg->MsgId) {
      56. case WM_INIT_DIALOG:
      57. WINDOW_SetBkColor(pMsg->hWin, GUI_WHITE);
      59. hItem = WM_GetDialogItem(pMsg->hWin, ID_TEXT_CHILD_0);
      60. TEXT_SetTextColor(hItem, GUI_MAKE_COLOR(0x00000000));
      61. TEXT_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
      62. TEXT_SetFont(hItem, GUI_FONT_32_ASCII);
      63. TEXT_SetText(hItem, "CHILD WINDOW");
      64. break;
      65. default:
      66. WM_DefaultProc(pMsg);
      67. break;
      68. }
      69. }
      71. void MainTask(void) {
      73. GUI_Init();
      75. WM_MULTIBUF_Enable(1);
      77. WM_SetDesktopColor(GUI_BLACK);
      79. hChildDlg = GUI_CreateDialogBox(_aChildDlg, GUI_COUNTOF(_aChildDlg), _cbChildDlg, WM_HBKWIN, 0, 0);
      81. hMainDlg = GUI_CreateDialogBox(_aMainDlg, GUI_COUNTOF(_aMainDlg), _cbMainDlg, WM_HBKWIN, 0, 0);
      83. while (1) {
      84. GUI_Exec();
      85. }
      86. }
      Display All
      Hello Anthony,

      thank you for your answer.

      It looks like a good idea, I've struggled a little with the SWIPELIST_ItemAttachWindow function that was not working properly due to wrong object dimension (couldn't attach the window because it was too large) but I managed to make it work after fixing it!
      Thank you!

      Best regards,
      Mark