使用Libcef+Duilib创建自己的Chrome内核浏览器

前言：

编译Chrome开源代码是一件很恐怖的事情，代码庞大，还需要各种工具配合。在windows上快速开发chrome内核网页程序，Libcef是一个很好的选择。最近趁空闲时间，写了一个简单的浏览器，很多功能都没有完善，不知道以后还会不会继续写了，PC端确实是萎了。

1、Libcef 的使用

在前面的几篇文章中大概介绍了下Libcef的使用，很多时候我们都会遇到各种问题，建议去看看它的接口函数声明，里面的注释写的非常清楚。

libCEF中C++与JavaScript的交互调

Windows上使用CEF嵌入基于chrome内核浏览器小例

2、大概的要点

程序运行截图

首先需要解决的是浏览器的Tab控件，扩展Duilib控件，每一个Tab控件就是一个容器里面存放着一系列Item，根据Item的个数和Tab的尺寸来计算每一个Item 节点的宽度。

对于单个节点Item控件，里面又有一个子Button控件，也就是关闭按钮。对于这个Item的消息进行处理，包括选中、双击、关闭，把这些消息都转发到父控件Tab中去处理。Tab控件同一管理这些控件的哪一个是选中状态。

然后是Libcef控件的创建，Tab中点击Add按钮后，需要创建网页控件并加载到当前窗口中去。整个父窗口在大小发生变化时，又要通知里面所有的Libcef子窗口随之变化。

然后就是关闭时，要让所有的Libcef子进程都能正常退出，就必须按照Libef文档说的那样，在退出时调用CefQuitMessageLoop()。

3、部分源代码

Duilib扩展Tab控件

#pragma once
#include "ScrollTabUI.h"


class CScrollOptionUI :
	public CContainerUI
{
public:
	CScrollOptionUI(void);
	~CScrollOptionUI(void);
	void	SetParent(CScrollTabUI* pTab)	{ m_pParent = pTab; }
protected:
	virtual void Init();
	virtual void PaintText(HDC hDC);
	virtual void SetPos(RECT rc);
	virtual void DoEvent(TEventUI& event);
	bool	OnBtnClose(void* pParam);
private:
	CButtonUI*		m_pBtnExit;
	CScrollTabUI*	m_pParent;
};

#include "StdAfx.h"
#include "ScrollOptionUI.h"


#define BTN_CLOSE_WIDTH		14
#define BTN_CLOSE_HEIGHT	14

CScrollOptionUI::CScrollOptionUI(void)
	: m_pBtnExit(NULL)
	, m_pParent(NULL)
{
}


CScrollOptionUI::~CScrollOptionUI(void)
{
}

void CScrollOptionUI::Init()
{
	m_pBtnExit = new CButtonUI;
	CDuiString strAttr;
	strAttr.Format(L"float=\"true\" pos=\"%d,%d,%d,%d\" normalimage=\"close_nor.png\" hotimage=\"close_hot.png\" pushedimage=\"close_push.png\"",
		m_cxyFixed.cx-BTN_CLOSE_WIDTH, 0, m_cxyFixed.cx, BTN_CLOSE_HEIGHT);
	m_pBtnExit->ApplyAttributeList(strAttr);
	Add(m_pBtnExit);
	m_pBtnExit->OnNotify += MakeDelegate(this, &CScrollOptionUI::OnBtnClose);
}

void CScrollOptionUI::PaintText( HDC hDC )
{
	RECT rc = m_rcItem;
	rc.left += 4;
	rc.right-= 10;
	CRenderEngine::DrawText(hDC, m_pManager, rc, m_sText, 0xFF666666, 0,  DT_LEFT|DT_VCENTER|DT_SINGLELINE|DT_END_ELLIPSIS);
}

void CScrollOptionUI::SetPos( RECT rc )
{
	CContainerUI::SetPos(rc);
	RECT rcExit = {rc.right-BTN_CLOSE_WIDTH-1, rc.top+1, rc.right-1, rc.top+BTN_CLOSE_HEIGHT+1};
	m_pBtnExit->SetPos(rcExit);
}

void CScrollOptionUI::DoEvent( TEventUI& event )
{
	if( event.Type == UIEVENT_BUTTONDOWN && m_pParent )
	{
		m_pParent->SelectItem(this);
	}
	else if ( event.Type == UIEVENT_DBLCLICK && m_pParent )
	{
		m_pParent->OnOptionDbClick(this);
	}
	CContainerUI::DoEvent(event);
}

bool CScrollOptionUI::OnBtnClose( void* pParam )
{
	TNotifyUI* pNotifyUI = (TNotifyUI*)pParam;
	if(pNotifyUI->sType == DUI_MSGTYPE_CLICK && m_pParent ) 
	{
		m_pParent->DeleteItem(this);
	}
	return true;
}

#pragma once

class CScrollTabUI;
class CScrollTabCallback
{
public:
	virtual void	OnScrollTabCloseItem(CScrollTabUI* pTab, const int nDelIndex, const int nSelIndex) = 0;
	virtual void	OnScrollTabSelectChange(CScrollTabUI* pTab, const int nUnSelIndex, const int nSelIndex) = 0;
	virtual void	OnScrollTabAddItem(CScrollTabUI* pTab) = 0;
	virtual void	OnScrollTabDbClick(CScrollTabUI* pTab, const int nIndex) = 0;
};


class CScrollTabUI
	: public CContainerUI
{
public:
	CScrollTabUI(void);
	~CScrollTabUI(void);
	CControlUI*	AddTabItem(LPCTSTR lpText, bool bReset=false);
	void	SelectItem(CControlUI* pItem);
	void	DeleteItem(CControlUI* pItem);
	void	DeleteItem(const int nIndex);
	void	SetItemText(const int nIndex, LPCTSTR lpText);
	int		GetItemCount()const								{ return m_pTabItems.size();	}
	void	SetCallback(CScrollTabCallback* pCallback)		{ m_pCallback = pCallback;		}
	void	OnOptionDbClick(CControlUI* pOption);
protected:
	virtual void	SetAttribute(LPCTSTR pstrName, LPCTSTR pstrValue);
	virtual void	Init();
	virtual void	SetPos(RECT rc);
	void	ResetTabPos();
	int		GetTabItemIndex(CControlUI* pItem);
	bool	OnBtnClickAdd(void* pParam);
private:
	int		m_nNorWidth;
	int		m_nMinWidth;
	int		m_nCurWidth;
	int		m_nSelIndex;
	DWORD	m_dwTabSelColor;
	DWORD	m_dwTabNorColor;
	CButtonUI* m_pBtnAdd;
	vector<CControlUI*> m_pTabItems;
	CScrollTabCallback*	m_pCallback;
};

#include "StdAfx.h"
#include "ScrollTabUI.h"
#include "ScrollOptionUI.h"


CScrollTabUI::CScrollTabUI(void)
	: m_nNorWidth(100)
	, m_nCurWidth(0)
	, m_nMinWidth(30)
	, m_dwTabSelColor(0xffffffff)
	, m_dwTabNorColor(0xfff0f0f0)
	, m_nSelIndex(-1)
	, m_pBtnAdd(NULL)
	, m_pCallback(NULL)
{
}


CScrollTabUI::~CScrollTabUI(void)
{
}

CControlUI* CScrollTabUI::AddTabItem( LPCTSTR lpText, bool bReset/*=false*/ )
{
	CScrollOptionUI* pTabItem = new CScrollOptionUI;
	if ( NULL == pTabItem )
		return NULL;
	CDuiString strAttr;
	strAttr.Format(L"float=\"true\" bordercolor=\"#FF999999\" bordersize=\"1\" borderround=\"2,2\" text=\"%s\" tooltip=\"%s\"",
		lpText, lpText);
	pTabItem->ApplyAttributeList(strAttr);
	pTabItem->SetParent(this);
	if ( !Add(pTabItem) )
	{
		delete pTabItem;
		return NULL;
	}
	if ( m_pTabItems.empty() )
		m_nSelIndex = 0;
	m_pTabItems.push_back(pTabItem);
	if ( bReset )
		ResetTabPos();
	return pTabItem;
}

void CScrollTabUI::SelectItem( CControlUI* pItem )
{
	if ( m_nSelIndex>=0 && m_nSelIndex<m_pTabItems.size() )
	{
		CControlUI* pCurItem = m_pTabItems[m_nSelIndex];
		if ( pCurItem )
			pCurItem->SetBkColor(m_dwTabNorColor);
	}
	pItem->SetBkColor(m_dwTabSelColor);
	int nUnSelIndex = m_nSelIndex;
	m_nSelIndex = GetTabItemIndex(pItem);
	if ( m_pCallback )
		m_pCallback->OnScrollTabSelectChange(this, nUnSelIndex, m_nSelIndex);
}

void CScrollTabUI::SetAttribute( LPCTSTR pstrName, LPCTSTR pstrValue )
{
	if ( wcscmp(pstrName, L"TabWidth") == 0 )
	{
		m_nNorWidth = _ttoi(pstrValue);
		return ;
	}
	if ( wcscmp(pstrName, L"MinTabWidth") == 0 )
	{
		m_nMinWidth = _ttoi(pstrValue);
		return ; 
	}
	if ( wcscmp(pstrName, L"TabSelColor") == 0 )
	{
		if( *pstrValue == _T('#')) pstrValue = ::CharNext(pstrValue);
		LPTSTR pstr = NULL;
		m_dwTabSelColor = _tcstoul(pstrValue, &pstr, 16);
		return ; 
	}
	if ( wcscmp(pstrName, L"TabNorColor") == 0 )
	{
		if( *pstrValue == _T('#')) pstrValue = ::CharNext(pstrValue);
		LPTSTR pstr = NULL;
		m_dwTabNorColor = _tcstoul(pstrValue, &pstr, 16);
		return ; 
	}
	CContainerUI::SetAttribute(pstrName, pstrValue);
}

void CScrollTabUI::Init()
{
	m_pBtnAdd = new CButtonUI;
	CDuiString strAttr = L"float=\"true\" pos=\"0,0,0,0\" normalimage=\"file='tab_add.png' source='0,0,25,34' dest='0,0,25,30' \" \
					hotimage=\"file='tab_add.png' source='25,0,50,34' dest='0,0,25,30' \" pushedimage=\"file='tab_add.png' source='50,0,75,34' dest='0,0,25,30' \" \
					disabledimage=\"file='tab_add.png' source='75,0,100,34' dest='0,0,25,30' \" tooltip=\"新建\" ";
	m_pBtnAdd->ApplyAttributeList(strAttr);
	Add(m_pBtnAdd);
	m_pBtnAdd->OnNotify += MakeDelegate(this, &CScrollTabUI::OnBtnClickAdd);
}

void CScrollTabUI::DeleteItem( CControlUI* pItem )
{
	int nDelIndex = GetTabItemIndex(pItem);
	if ( nDelIndex == -1 )
		return ;
	DeleteItem(nDelIndex);
}

void CScrollTabUI::DeleteItem( const int nIndex )
{
	if ( nIndex<0 || nIndex>=m_pTabItems.size() )
		return ;
	Remove(m_pTabItems[nIndex]);
	m_pTabItems.erase(m_pTabItems.begin()+nIndex);
	int nCount = m_pTabItems.size();
	if ( nCount>0 )
	{
		if ( nIndex<m_nSelIndex )
			m_nSelIndex--;
		else if ( nIndex == m_nSelIndex )
		{
			m_nSelIndex = nCount-1;
			CControlUI* pItem = m_pTabItems[m_nSelIndex];
			if ( pItem )
				pItem->SetBkColor(m_dwTabSelColor);
		}
		ResetTabPos();
	}
	else
		m_nSelIndex = -1;
	if ( m_pCallback )
		m_pCallback->OnScrollTabCloseItem(this, nIndex, m_nSelIndex);
}

void CScrollTabUI::ResetTabPos()
{
	int nCount = m_pTabItems.size();
	if ( nCount == 0 )
	{
		RECT rcItem = {m_rcItem.left, m_rcItem.top, 25, m_rcItem.bottom};
		m_pBtnAdd->SetPos(rcItem);
		return ;
	}
	int nWidth = m_rcItem.right - m_rcItem.left-25;
	int nHeight= m_rcItem.bottom - m_rcItem.top;
	if ( nWidth/nCount < m_nMinWidth )
		return ;
	if ( nCount*m_nNorWidth <= nWidth )
		m_nCurWidth = m_nNorWidth;
	else
		m_nCurWidth = nWidth/nCount;
	RECT rcItem;
	for( size_t i=0; i<m_pTabItems.size(); ++i )
	{
		rcItem.left	= m_nCurWidth*i + m_rcItem.left;
		rcItem.top	= 0 + m_rcItem.top;
		rcItem.right= rcItem.left + m_nCurWidth;
		rcItem.bottom = rcItem.top + nHeight;
		CControlUI* pItem = m_pTabItems[i];
		pItem->SetPos(rcItem);
		if ( m_nSelIndex == i )
			pItem->SetBkColor(m_dwTabSelColor);
		else
			pItem->SetBkColor(m_dwTabNorColor);
	}
	rcItem.left = rcItem.right;
	rcItem.right = rcItem.left + 25;
	m_pBtnAdd->SetPos(rcItem);
}

void CScrollTabUI::SetItemText( const int nIndex, LPCTSTR lpText )
{
	int nCount = m_pTabItems.size();
	if ( 0 == nCount || nCount <= nIndex )
		return ;
	CControlUI* pItem = m_pTabItems[nIndex];
	if ( pItem )
	{
		pItem->SetText(lpText);
		pItem->SetToolTip(lpText);
	}
}

int CScrollTabUI::GetTabItemIndex( CControlUI* pItem )
{
	int nIndex = -1;
	for ( size_t i=0; i<m_pTabItems.size(); ++i )
	{
		if ( m_pTabItems[i] == pItem )
		{
			nIndex = i;
			break;
		}
	}
	return nIndex;
}

bool CScrollTabUI::OnBtnClickAdd( void* pParam )
{
	TNotifyUI* pNotifyUI = (TNotifyUI*)pParam;
	if(pNotifyUI->sType != DUI_MSGTYPE_CLICK) 
		return true;
	if ( m_pCallback )
		m_pCallback->OnScrollTabAddItem(this);
	return true;
}

void CScrollTabUI::SetPos( RECT rc )
{
	CContainerUI::SetPos(rc);
	ResetTabPos();
}

void CScrollTabUI::OnOptionDbClick(CControlUI* pOption)
{
	if ( m_pCallback )
		m_pCallback->OnScrollTabDbClick(this, m_nSelIndex);
}

子控件的消息都反射给父控件去处理，父控件同一管理所有子控件（计算宽度、设置选中、取消选中）。

4、未完成的

下载管理没做，应该对下载回调进行处理，用自己封装的下载库来处理进度，并加下载管理窗口；

浏览记录，对用户输入网址进行匹配；

收藏夹，导入其他浏览器的收藏夹；

菜单项，各种设置。