Giới thiệu về List Control

Create

Hàm này dùng để thiết lập những thông tin ban đầu cho ImageList như : kích cỡ của hình ảnh (chiều rộng, chiều cao), số màu của hình ảnh, kích cỡ ban đầu, và trong tương lai của ImageList.

BOOL Create( int cx, int cy,UINT nFlags, int nInitial, int nGrow );
    

Add

Thêm một hình ảnh vào trong ImageList.

   
        int Add( 
         CBitmap* pbmImage,
         CBitmap* pbmMask
        );
        int Add(
         CBitmap* pbmImage,
         COLORREF crMask
        );
        int Add
         HICON hIcon
        );

Một số hàm khác cần được quan tâm khác trong lớp CImageList : GetImageCount, GetImageInfo, Copy, Read, Remove, Replace, Write.

srand

Phải khởi tạo bộ tạo ngẫu nhiên trước khi thực hiện lấy một số ngẫu nhiên bằng hàm srand().

srand( (unsigned)time(NULL));
    

rand()

Hàm rand() dùng để lấy một số ngẫu nhiên tạo được. Giá trị trả về là một số nguyên 32 bit.

Tạo biến

Tạo Member Variable cho ListControl

Thêm vào trong lớp CTrucXanhDlg một biến kiểu CimageList có tên là m_ilChua.

Thêm hình vào trong ImageList

Đoạn code dưới đây sẽ đưa vào trong ImageList có tên là m_ilChua16 hình ảnh bitmap có kích cỡ 32x32 và ở dạng 16 màu (ILC_COLOR4).

m_ilChua.Create(32,32,ILC_COLOR4, 16,20); //Tạo imagelist 
        int i;
        CBitmap bm;
        //Thêm vào trong ImageList
        for (i = 0; i <16 ; i++)
        {
           bm.LoadBitmap(IDB_BITMAP1 + i);
           m_ilChua.Add(&bm, 
           RGB(0,0,255)); bm.Detach();
         }

Trong đoạn code trên đây có một điểm cần lưu ý :

bm.LoadBitmap(IDB_BITMAP1 + i);// i = 0..15

Đoạn code trên chỉ thực hiện đúng khi các hình ảnh phải có giá trị ID liên tục. (Muốn được các ID liên tục, chúng ta phải Inserthoặc Importnó vào trong Project cùng một lúc hoặc sẽ vào trong tập tin Resource.hchỉnh sửa các giá trị ID của nó lại sao cho chúng được liên tục).

Gắn ImageList vào trong ListControl

Sử dụng hàm SetImageList để gắn một ImageList đã có sẵn vào một ListControl.

m_ListCtrl.SetImageList(&m_ilChua,LVSIL_NORMAL);

Thêm các mục trong ListControl có hình

Sử dụng hàm InsertItem để chèn một mục vào trong ListControl.

        CString str;
        for (i = 0; i <10; i++)
          {
            str.Format("Muc %d", i+1);
            m_ListCtrl.InsertItem(i,str,i+1);
           }

Đoạn code trên đây minh hoạ việc chèn vào trong ListControl 10 mục. Mỗi mục sẽ có nhãn là “Muc”+[STT]. Mỗi mục sẽ có một hình tương ứng theo số thứ tự trong ImageList.

Thực hiện chương trình

Thêm các đoạn code sau vào trong hàm OnInitDialog của lớp CTrucXanhDlg

// TODO: Add extra initialization here 
m_ilChua.Create(32,32,ILC_COLOR4, 16,20); 
int i;
CBitmap bm;
for (i = 0; i <16 ; i++)
 {
  bm.LoadBitmap(IDB_BITMAP1 + i); 
  m_ilChua.Add(&bm, 
  RGB(0,0,255)); bm.Detach();
 }
  m_ListCtrl.SetImageList(& m_ilChua,LVSIL_NORMAL); 
  CString str;
  for (i = 0; i <10; i++)
     {
       str.Format("Muc %d", i+1);
       m_ListCtrl.InsertItem(i,str,i+1);
      }

chúng ta sẽ được chương trình có hình ảnh dưới đây :

Nhấn kép vào trong một item

Dùng ClassWizard để thêm một hàm xử lý sự kiện NM_DBLCLK cho ListControl.

Đoạn code sau đây minh hoạ việc thay đổi hình ảnh và nội dung của một mục được chọn (nSelected).

POSITION p = m_ListCtrl.GetFirstSelectedItemPosition();
int nSelected = m_ListCtrl.GetNextSelectedItem(p);
m_ListCtrl.DeleteItem(nSelected); // Xoá
m_ListCtrl.InsertItem(nSelected,"Hello",15);//Thêm vào