htmlayout 最简单的实践，用于理解实现原理。

/ testHtmlayout.cpp : 定义应用程序的入口点。

//

#include "stdafx.h"

#include "testHtmlayout.h"

#include "include/htmlayout.h"

#pragma comment(lib,"lib/HTMLayout.lib")

#define MAX_LOADSTRING 100

// 全局变量:

HINSTANCE hInst;								// 当前实例

TCHAR szTitle[MAX_LOADSTRING];					// 标题栏文本

TCHAR szWindowClass[MAX_LOADSTRING];			// 主窗口类名

// 此代码模块中包含的函数的前向声明:

ATOM				MyRegisterClass(HINSTANCE hInstance);

BOOL				InitInstance(HINSTANCE, int);

LRESULT CALLBACK	WndProc(HWND, UINT, WPARAM, LPARAM);

INT_PTR CALLBACK	About(HWND, UINT, WPARAM, LPARAM);

int APIENTRY _tWinMain(HINSTANCE hInstance,

                     HINSTANCE hPrevInstance,

                     LPTSTR    lpCmdLine,

                     int       nCmdShow)

{

	UNREFERENCED_PARAMETER(hPrevInstance);

	UNREFERENCED_PARAMETER(lpCmdLine);

 	// TODO: 在此放置代码。

	MSG msg;

	HACCEL hAccelTable;

	// 初始化全局字符串

	LoadString(hInstance, IDS_APP_TITLE, szTitle, MAX_LOADSTRING);

	LoadString(hInstance, IDC_TESTHTMLAYOUT, szWindowClass, MAX_LOADSTRING);

	MyRegisterClass(hInstance);

	// 执行应用程序初始化:

	if (!InitInstance (hInstance, nCmdShow))

	{

		return FALSE;

	}

	hAccelTable = LoadAccelerators(hInstance, MAKEINTRESOURCE(IDC_TESTHTMLAYOUT));

	// 主消息循环:

	while (GetMessage(&msg, NULL, 0, 0))

	{

		if (!TranslateAccelerator(msg.hwnd, hAccelTable, &msg))

		{

			TranslateMessage(&msg);

			DispatchMessage(&msg);

		}

	}

	return (int) msg.wParam;

}

//

//  函数: MyRegisterClass()

//

//  目的: 注册窗口类。

//

//  注释:

//

//    仅当希望

//    此代码与添加到 Windows 95 中的“RegisterClassEx”

//    函数之前的 Win32 系统兼容时，才需要此函数及其用法。调用此函数十分重要，

//    这样应用程序就可以获得关联的

//    “格式正确的”小图标。

//

ATOM MyRegisterClass(HINSTANCE hInstance)

{

	WNDCLASSEX wcex;

	wcex.cbSize = sizeof(WNDCLASSEX);

	wcex.style			= CS_HREDRAW | CS_VREDRAW;

	wcex.lpfnWndProc	= WndProc;

	wcex.cbClsExtra		= 0;

	wcex.cbWndExtra		= 0;

	wcex.hInstance		= hInstance;

	wcex.hIcon			= LoadIcon(hInstance, MAKEINTRESOURCE(IDI_TESTHTMLAYOUT));

	wcex.hCursor		= LoadCursor(NULL, IDC_ARROW);

	wcex.hbrBackground	= (HBRUSH)(COLOR_WINDOW+1);

	wcex.lpszMenuName	= MAKEINTRESOURCE(IDC_TESTHTMLAYOUT);

	wcex.lpszClassName	= szWindowClass;

	wcex.hIconSm		= LoadIcon(wcex.hInstance, MAKEINTRESOURCE(IDI_SMALL));

	return RegisterClassEx(&wcex);

}

//

//   函数: InitInstance(HINSTANCE, int)

//

//   目的: 保存实例句柄并创建主窗口

//

//   注释:

//

//        在此函数中，我们在全局变量中保存实例句柄并

//        创建和显示主程序窗口。

//

BOOL InitInstance(HINSTANCE hInstance, int nCmdShow)

{

   HWND hWnd;

   hInst = hInstance; // 将实例句柄存储在全局变量中

   hWnd = CreateWindow(szWindowClass, szTitle, WS_OVERLAPPEDWINDOW,

      CW_USEDEFAULT, 0, CW_USEDEFAULT, 0, NULL, NULL, hInstance, NULL);

   if (!hWnd)

   {

      return FALSE;

   }

   ShowWindow(hWnd, nCmdShow);

   UpdateWindow(hWnd);

   return TRUE;

}

//

//  函数: WndProc(HWND, UINT, WPARAM, LPARAM)

//

//  目的: 处理主窗口的消息。

//

//  WM_COMMAND	- 处理应用程序菜单

//  WM_PAINT	- 绘制主窗口

//  WM_DESTROY	- 发送退出消息并返回

//

//

LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam)

{

	int wmId, wmEvent;

	PAINTSTRUCT ps;

	HDC hdc;

	/*****************************************************/

	BOOL bHandle = NULL;

	HRESULT hr = HTMLayoutProcND(hWnd,message,wParam,lParam,&bHandle);

	if(bHandle)return hr;

	switch (message)

	{

	case WM_COMMAND:

		wmId    = LOWORD(wParam);

		wmEvent = HIWORD(wParam);

		// 分析菜单选择:

		switch (wmId)

		{

		case IDM_ABOUT:

			DialogBox(hInst, MAKEINTRESOURCE(IDD_ABOUTBOX), hWnd, About);

			break;

		case IDM_EXIT:

			DestroyWindow(hWnd);

			break;

		default:

			return DefWindowProc(hWnd, message, wParam, lParam);

		}

		break;

	case WM_PAINT:

		hdc = BeginPaint(hWnd, &ps);

		// TODO: 在此添加任意绘图代码...

		EndPaint(hWnd, &ps);

		break;

	case WM_DESTROY:

		PostQuitMessage(0);

		break;

	case WM_CREATE:

		/*****************************************************/

		HTMLayoutLoadFile(hWnd,L"windows/MainWindow.html");

		break;

	default:

		return DefWindowProc(hWnd, message, wParam, lParam);

	}

	return 0;

}

// “关于”框的消息处理程序。

INT_PTR CALLBACK About(HWND hDlg, UINT message, WPARAM wParam, LPARAM lParam)

{

	UNREFERENCED_PARAMETER(lParam);

	switch (message)

	{

	case WM_INITDIALOG:

		return (INT_PTR)TRUE;

	case WM_COMMAND:

		if (LOWORD(wParam) == IDOK || LOWORD(wParam) == IDCANCEL)

		{

			EndDialog(hDlg, LOWORD(wParam));

			return (INT_PTR)TRUE;

		}

		break;

	}

	return (INT_PTR)FALSE;

}

文件结构式图片不好上传我就不上了，，路径都是相对路径，个人根据自己的实际情况添加吧 “."代表本文件所在大文件夹，可以不用直接subdirectory 就可以。“..” 代表本文件的上一级目录。

学习htmlayout 最简单的实践 ，让自己的网页在 框架中加载。最初的我无法实现，看过许多以后才可以，因此挺高兴的。 后续会添加 消息处理。

html代码：

<html>

	<meta  />

	<head>

		<style>

			div >*

			{

				margin:10px;

			}

		</style>

	</head>

	<body>

		<div #title align="center">

			<h1> Hello world!</h1>

		</div>

		<div>

			<button #myFirstButton> testbutton </button>

			<widget type="select-dropdown">

				<option>choice1</option>

				<option>choice2</option>

				<option>choice3</option>

				<option>choice4</option>

			</widget>

			<widget type="text-area" style="border:solid 1px black">

				this is a test;

			</widget>

			<widget type="tree">

				<option>choice1</option>

				<option>choice2</option>

				<option>choice3</option>

				<option>choice4</option>

			</widget>

		</div>

	</body>

</html>