C / C++ / MFC

CPoint offset_(0, m_nScrollPos);

// CaaaDlg dialog
class CaaaDlg : public CDialog
{
public:
// Public methods
protected:
// Implementation
private:
// Private stuff I've added
   void OnResized();
   CImage image1_;
   CImage image2_;
   CRect baseSize_;
   CPoint offset_;
};

CaaaDlg::CaaaDlg(CWnd* pParent /*=NULL*/)
	: CDialog(CaaaDlg::IDD, pParent),
     offset_(0, 0)
{
   // Load the icons in the constructor, so we only do it once.
   image1_.Load(path to image 1);
   image2_.Load(path to image 1);
	m_hIcon = AfxGetApp()->LoadIcon(IDR_MAINFRAME);
}

void CaaaDlg::OnPaint()
{
   if (IsIconic())
   {
      // Set the dialog's icon
   }
   else
   {
      // Get a DC
      PAINTSTRUCT ps;
      CDC* paintDC = BeginPaint(&ps);
      // Get a 'top of the dialog' rectangle into rcImage1
      CRect rcImage1(baseSize_);
      rcImage1.bottom /= 2;
      // Get a 'bottom of the dialog' rectangle into rcImage2
      CRect rcImage2;
      rcImage2.SubtractRect(baseSize_, rcImage1);
      // Offset the images by the scroll position
      rcImage1.OffsetRect(-offset_);
      rcImage2.OffsetRect(-offset_);
      // Draw the images
      image1_.StretchBlt(*paintDC, rcImage1, SRCCOPY);
      image2_.StretchBlt(*paintDC, rcImage2, SRCCOPY);
      EndPaint(&ps);
   }
}

void CaaaDlg::OnVScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)
{
   SCROLLINFO si = { sizeof(si), 0 };
   GetScrollInfo(SB_VERT, &si, SIF_ALL);
   // We'll get the new scroll position in newOffset
   CPoint newOffset(offset_);
   switch (nSBCode)
   {
   case SB_LINEDOWN:
      newOffset.y += si.nPage / 10;
      break;

   case SB_LINEUP:
      newOffset.y -= si.nPage / 10;
      break;
   case SB_PAGEDOWN:
      newOffset.y += si.nPage;
      break;

   case SB_THUMBTRACK:
   case SB_THUMBPOSITION:
      newOffset.y = nPos;
      break;

   case SB_PAGEUP:
      newOffset.y -= si.nPage;
      break;

   default:
      return;
   }

   // Limit the new scroll position according to the min 
   // and max possible values of the scroll position
   CRect currSize;
   GetClientRect(&currSize);
   const int maxOffset = baseSize_.Height() - currSize.Height();
   newOffset.y = max(min(newOffset.y, maxOffset), 0);

   // Scroll the window appropriately
   SetScrollPos(SB_VERT,newOffset.y,TRUE);
   ScrollWindow(0,offset_.y-newOffset.y);
   offset_ = newOffset;

   CDialog::OnVScroll(nSBCode, nPos, pScrollBar);
}

// Call this from OnInitDialong and the WM_SIZE handler
void CaaaDlg::OnResized()
{
   // Adjust the scrollbar according to the current size of the dialog
   CRect currSize;
   GetClientRect(&currSize);
   SCROLLINFO si;
   si.cbSize = sizeof(SCROLLINFO);
   si.fMask = SIF_DISABLENOSCROLL|SIF_ALL;
   si.nMin = 0;
   si.nMax = baseSize_.Height()-1;
   si.nPage = currSize.Height();
   CPoint oldOffset(offset_);
   // This is the important bit - if the dialog is made bigger 
   // when the scroll bar is all the way down, we will likely
   // need to alter the current scroll position.
   if(offset_.y + si.nPage > baseSize_.Height()) offset_.y = baseSize_.Height() - si.nPage;
   if(offset_.y < 0) offset_.y = 0;
   si.nTrackPos = si.nPos = offset_.y;
   SetScrollInfo(SB_VERT, &si, TRUE); 
   // If we did need to alter the current scroll position, scroll the window.
   if (oldOffset != offset_) 
   {
      SetScrollPos(SB_VERT,offset_.y,TRUE);
      ScrollWindow(0,oldOffset.y-offset_.y);
   }
}

venki502 wrote:

I want to know how to specify the rectange parameters in this function..

1. Create the check boxes in OnInitDialog:
   

   CRect rcCheck1(baseSize_);
   rcCheck1.bottom /= 2;
   CRect rcCheck2;
   rcCheck2.SubtractRect(baseSize_, rcCheck1);
   rcCheck1.left = rcCheck1.right - 100;
   rcCheck2.left = rcCheck2.right - 100;
   check1_.Create(_T("1"), WS_CHILD|WS_VISIBLE|BS_CHECKBOX, rcCheck1, this, 101);
   check2_.Create(_T("2"), WS_CHILD|WS_VISIBLE|BS_CHECKBOX, rcCheck2, this, 102);
   

2. Draw the images 100 pixels narrower (as I've made the checkboxes 100 pixels wide). I added the following two lines in OnPaint right before the OffsetRect method calls to do that:
   

   rcImage1.right -=100;
   rcImage2.right -=100;
   

venki502 wrote:

one horizontal line on images

dc.MoveTo(rcImage1.left+15, rcImage1.bottom);
dc.MoveTo(rcImage1.right-15, rcImage1.bottom);