Программирование на Visual C++

Урок IX

Проектирование диалоговой панели

Сейчас мы визуально спроектируем диалоговую панель. Для этого вначале выбирете закладку "Resourse View" и раскройте пункт FourUp Resource. Выполните слдеующие действия

Щелкните два раза по надписи IDD_FOURUP_DIALOG. Справа появится окно проектирования диалоговой панели.
Для того , чтобы спроектировать диалоговую панель вам понадобиться ресурсы, т.е. иконки карт, рисунки.
Добавьте все иконки и рисунки в свой проект с помощью WorkSpace. Откройте закладку с ресурсами, найде пункт Icons, и вызовите контексное меню, там найдите Insert..., появится такое диалоговое окно:
Щеклкните на кнопку Import, и в появившевля окне выбора файла найдите иконки, которые вы скачали с этого сайта, добавьте их попорядку.ъ
Теперь нужно поменять имена иконок, выделите иконку и вызовете контексное меню Propertions.
В пункте ID вы будете менять индетификатор иконки.

Измените названия иконок согласно их именам, которые вы можете посмотреть в том же окне в пункте File Name.

Название	Индетификатор
Misc34.ico	IDI_HEART
Misc35.ico	IDI_CLUB
Misc36.ico	IDI_DIAMOND
Misc37.ico	IDI_SPADE
Icon1.ico	IDR_MAINFRAME

Добавьте в ресурсы папку Bitmap, отметьте ресурсы, вызовите контексное меню, выбирете там Insert..., в появившемся диалоговом окне выбирите Bitmap и нажмите кнопку Import. выбирете картинку Bitres1.bmp и Bitres2.bmp.

С помощью панели Controls расставьте элементы, управления как показано на рис. 2.0 и согласно таблице 2.0.

Таблица 2.0

Объект	Свойство	Установка
Dialog Box	ID	IDD_FOURUP_DIALOG
	Caption	The FourUp Program
	Font	System, Size 10, страница Styles
Picture	ID	IDC_STATIC
	Type	Icon
	Image	IDR_MAINFRAME
Picture	ID	IDC_STAT
	Type	Bitmap
	Image	IDB_BITMAP1
Group Box	ID	IDC_AMT_LEFT
	Caption	Amount Remaning $ 100.
Picture	ID	IDC_CARD1
	Type	Icon
	Image	IDI_HEART
Picture	ID	IDC_CARD2
	Type	Icon
	Image	IDI_CLUB
Picture	ID	IDC_CARD3
	Type	Icon
	Image	IDI_DIAMOND
Picture	ID	IDC_CARD4
	Type	Icon
	Image	IDI_SPADE
Group Box	ID	IDC_STATIC
	Caption	Payouts
Static Text	ID	IDC_STATIC
	Caption	2 pair \t\t\t\t3.00
Static Text	ID	IDC_STATIC
	Caption	3 of kids \t\t\t6.00
Static Text	ID	IDC_STATIC
	Caption	4 of kids \t\t\t9.00
Push Button	ID	IDC_DEALCARDS
	Caption	&Deal - $ 2.00
Push Button	ID	IDCANCEL
	Caption	&Cash Out

Вначале вы добавили две иконки, это заголовки нашей игры, так для красоты, потом вы добавили элемент Group Box и изменили индетификатор, так как нам не просто нужен статический заголовок, а нам нужно там показывать кол-во денег на счету.
Потом вы добавили 4 иконки и присвоили каждой свой индетификатор, при нажатии на кнопку Deal Cards, иконки будут меняться.
Статический текст показывает кол-во выигрыша в зависимости от выпадших карт.
При нажатии на кнопку Cash Out выводится окно сообщения с кол-вом денег на счету, заметьте, что мы исправили индетификатор кнопки на стандартный, уже существующий, это значит, что мы просто перекроем сообщение и перед тем, как завершиться программа выдадим сообщение.
Теперь начнем с того, что добавим четыре переменные типа HICON и загруэим в них иконки.
C помощю WorkSpace добавьте в класс CFourUpDlg четыре переменные с типом HICON и названиями m_Club, m_Diamond, m_Spade, m_Heart.
Теперь добавьте следующий код в конец конструктора класса CFourUpDlg следущие строки:
m_Club = AfxGetApp()->LoadIcon(IDI_CLUB);
m_Diamond = AfxGetApp()->LoadIcon(IDI_DIAMOND);
m_Heart = AfxGetApp()->LoadIcon(IDI_HEART);
m_Spade = AfxGetApp()->LoadIcon(IDI_SPADE);
Эти операторы загружают параметры иконок в переменные-объекты, с помощью которых мы будем менять иконки.
Теперь свяжем элементы управления иконками с переменными, которыми мы будем менять сами иконки.
Откройте ClassWizard на закладке Member Variables и добавьте иконкам IDC_CARD1 - IDC_CARD4, переменные категории Control с именами соответственно m_Card1 -m_Card4.
Добавьте элементу IDC_AMT_LEFT переменную с названием m_Amt_Left категории Control.
Добавьте в класс CFourUpDlg переменную m_Amt_Remaining с типом double, эта переменная будет хранить значение выйгрыша.
Теперь нужно связать код с событием BN_CLICKED кнопки Deal Cards, при нажатии на нее должны сдаваться карты, подсчитываться выйгрыш.

Связывание элементов управления с событиями
<-Назад | Дальше->

На главную

Научно-популярный образовательный ресурс