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:

static const GUI_WIDGET_CREATE_INFO _aGUISWIPELISTTEST_MainWinDialogCreate[] = {
// Main Window
{ 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 },
// Texts and Labels
// USER START (Optionally insert additional widgets)
// USER END
};


//Main dialog creation
g_GUISwipeListTest.hWin = GUI_CreateDialogBox(_aGUISWIPELISTTEST_MainWinDialogCreate, GUI_COUNTOF(_aGUISWIPELISTTEST_MainWinDialogCreate), _cbDialogGUISWIPELISTTEST_MainWin, WM_GetDesktopWindowEx(0), 0, 0);


...


static void _cbDialogGUISWIPELISTTEST_MainWin(WM_MESSAGE *pMsg) 
{
  switch (pMsg->MsgId) {
  case WM_INIT_DIALOG:
  //
  // Initialization of 'Window'
  //
  hItem = pMsg->hWin;
  WINDOW_SetBkColor(hItem,GUI_CUSTOM_MAIN_BACKGROUND_COLOR);
  WM_EnableWindow(hItem);


  //
  // Subwindow initialization
  //	
  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));


  //Button inside child window


  hItem_Btn = 
  BUTTON_CreateEx(0,0,80,20,g_GUISwipeListTest.hChildWin, WM_CF_SHOW, 0, GUISWIPELISTTEST_ID_BTN_SUB_N0);
  WM_SetCallback (hItem_Btn, _cbGUISWIPELISTTEST_Btn_Sub_N0);
  break;


  case WM_MOTION:
  pInfo = (WM_MOTION_INFO *)pMsg->Data.p;


  switch (pInfo->Cmd) {
  case WM_MOTION_INIT:
  pInfo->Flags = WM_CF_MOTION_Y;
  break;
  }
  break;


  default:
  WM_DefaultProc(pMsg);
  break;
 }
}

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

Quote from cilmagemlu

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: main.c

#include "DIALOG.h"


#define ID_MAIN_0 (GUI_ID_USER + 0x00)
#define ID_TEXT_MAIN_0 (GUI_ID_USER + 0x01)
#define ID_SWIPELIST_MAIN_0 (GUI_ID_USER + 0x02)


#define ID_CHILD_0 (GUI_ID_USER + 0x03)
#define ID_TEXT_CHILD_0 (GUI_ID_USER + 0x04)
#define ID_BUTTON_CHILD_0 (GUI_ID_USER + 0x05)
#define ID_BUTTON_CHILD_1 (GUI_ID_USER + 0x06)
#define ID_BUTTON_CHILD_2 (GUI_ID_USER + 0x07)


static const GUI_WIDGET_CREATE_INFO _aMainDlg[] = {
  { WINDOW_CreateIndirect, "Window", ID_MAIN_0, 0, 0, 320, 240, 0, 0x0, 0 },
  { TEXT_CreateIndirect, "Text", ID_TEXT_MAIN_0, 0, 0, 320, 50, 0, 0x64, 0 },
  { SWIPELIST_CreateIndirect, "Swipelist", ID_SWIPELIST_MAIN_0, 40, 40, 242, 180 },
};


static const GUI_WIDGET_CREATE_INFO _aChildDlg[] = {
  { WINDOW_CreateIndirect, "Window", ID_CHILD_0, 40, 40, 240, 320, 0, 0x0, 0 },
  { TEXT_CreateIndirect, "Text", ID_TEXT_CHILD_0, 0, 0, 240, 50, 0, 0x64, 0 },
  { BUTTON_CreateIndirect, "Button", ID_BUTTON_CHILD_0, 20, 70, 200, 24, 0, 0x0, 0 },
  { BUTTON_CreateIndirect, "Button", ID_BUTTON_CHILD_1, 20, 170, 200, 25, 0, 0x0, 0 },
  { BUTTON_CreateIndirect, "Button", ID_BUTTON_CHILD_2, 20, 270, 200, 25, 0, 0x0, 0 },
};


WM_HWIN hMainDlg, hChildDlg;


static void _cbMainDlg(WM_MESSAGE * pMsg) {
	WM_HWIN hItem;
	switch (pMsg->MsgId) {
	case WM_INIT_DIALOG:
		WINDOW_SetBkColor(pMsg->hWin, GUI_GRAY);


		hItem = WM_GetDialogItem(pMsg->hWin, ID_TEXT_MAIN_0);
		TEXT_SetTextColor(hItem, GUI_MAKE_COLOR(0x00000000));
		TEXT_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
		TEXT_SetFont(hItem, GUI_FONT_32_ASCII);
		TEXT_SetText(hItem, "MAIN DIALOG");


		hItem = WM_GetDialogItem(pMsg->hWin, ID_SWIPELIST_MAIN_0);
		SWIPELIST_AddItem(hItem, " ", 321);
		SWIPELIST_SetBkColor(hItem, SWIPELIST_CI_BK_ITEM_UNSEL, GUI_WHITE);
		SWIPELIST_ItemAttachWindow(hItem, 0, hChildDlg, 1, 0);
		break;
	default:
		WM_DefaultProc(pMsg);
		break;
	}
}


static void _cbChildDlg(WM_MESSAGE * pMsg) {
	WM_HWIN hItem;


	switch (pMsg->MsgId) {
	case WM_INIT_DIALOG:
		WINDOW_SetBkColor(pMsg->hWin, GUI_WHITE);


		hItem = WM_GetDialogItem(pMsg->hWin, ID_TEXT_CHILD_0);
		TEXT_SetTextColor(hItem, GUI_MAKE_COLOR(0x00000000));
		TEXT_SetTextAlign(hItem, GUI_TA_HCENTER | GUI_TA_VCENTER);
		TEXT_SetFont(hItem, GUI_FONT_32_ASCII);
		TEXT_SetText(hItem, "CHILD WINDOW");
		break;
	default:
		WM_DefaultProc(pMsg);
		break;
	}
}


void MainTask(void) {


	GUI_Init();


	WM_MULTIBUF_Enable(1);


	WM_SetDesktopColor(GUI_BLACK);


	hChildDlg = GUI_CreateDialogBox(_aChildDlg, GUI_COUNTOF(_aChildDlg), _cbChildDlg, WM_HBKWIN, 0, 0);


	hMainDlg = GUI_CreateDialogBox(_aMainDlg, GUI_COUNTOF(_aMainDlg), _cbMainDlg, WM_HBKWIN, 0, 0);


	while (1) {
		GUI_Exec();
	}
}

Display More

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