Просмотр исходного кода

1、CDockablePane动态添加按钮,与CDailog动态添加按钮的处理方式不相同;CDockablePane中添加按钮后,需要使用ON_UPDATE_COMMAND_UI或ON_UPDATE_COMMAND_UI_RANGE来激活按钮;
2、使用CMFCButton代替CButton类;

Jeff 5 лет назад
Родитель
Сommit
7f44389cc8

+ 55 - 6
VideoCapture/VideoCapture/IRControlWnd.cpp

@@ -60,6 +60,12 @@ CIRControlWnd::CIRControlWnd() noexcept
 
 CIRControlWnd::~CIRControlWnd()
 {
+	for (std::vector<BtnInfo>::iterator it = m_vtBtnInfo.begin(); it != m_vtBtnInfo.end(); it++ )
+	{
+		if (it->pBTN)
+			delete it->pBTN;
+		it->pBTN = NULL;
+	}
 }
 
 BEGIN_MESSAGE_MAP(CIRControlWnd, CDockablePane)
@@ -76,6 +82,8 @@ BEGIN_MESSAGE_MAP(CIRControlWnd, CDockablePane)
 	ON_WM_SETFOCUS()
 	ON_WM_SETTINGCHANGE()
 	ON_WM_PAINT()
+	ON_COMMAND_RANGE(BTNID, BTNID + 100, OnBtnClick)
+	ON_UPDATE_COMMAND_UI_RANGE(BTNID, BTNID+100, OnBtnUpdate)
 END_MESSAGE_MAP()
 
 /////////////////////////////////////////////////////////////////////////////
@@ -133,7 +141,7 @@ int CIRControlWnd::OnCreate(LPCREATESTRUCT lpCreateStruct)
 	Loadlayout(m_vtBtnInfo);
 #endif
 	// 设置最小窗体;
-	SetMinSize((350, 375));
+	SetMinSize((350, 420));
 
 	// 校正布局;
 	AdjustLayout();
@@ -224,8 +232,11 @@ void CIRControlWnd::SetPropListFont()
 void CIRControlWnd::Loadlayout(std::vector<BtnInfo>& vt)
 {
 	// 解析xml;
+	std::string path;
+	path.append(Global::g_szCurModuleDir);
+	path.append("layout.xml");
 	tinyxml2::XMLDocument doc;
-	if (tinyxml2::XML_SUCCESS != doc.LoadFile(_T("layout.xml")))
+	if (tinyxml2::XML_SUCCESS != doc.LoadFile(path.c_str()))
 	{
 		return;
 	}
@@ -267,8 +278,8 @@ void CIRControlWnd::Loadlayout(std::vector<BtnInfo>& vt)
 							btninfo.color = HexColor2RGB(data);
 						}		
 
-						btninfo.pBTN = new CButton();
-
+						btninfo.pBTN = new CMFCButton();
+	
 						pItem = pItem->NextSiblingElement();
 					}
 				}
@@ -278,10 +289,31 @@ void CIRControlWnd::Loadlayout(std::vector<BtnInfo>& vt)
 		}
 	}
 
+	int sx = 0, sy = 35;
 	int i = 0, id = 10000;
+	DWORD dwStyle = WS_CHILD | WS_VISIBLE  ;
 	for (auto it : vt)
 	{
-		
+		if (i != 0 && i % 4 == 0)
+		{//换行;
+			sy += it.height + 5;
+		}
+
+		sx = (i % 4) * it.width + (i % 4 + 1) * 5;
+
+		it.pBTN->Create(it.name.c_str(), dwStyle, CRect(sx, sy, sx + it.width, sy + it.height), this, BTNID + i);
+		// 设置透明false以显示背景色
+		it.pBTN->m_bTransparent = FALSE;
+		it.pBTN->m_bDontUseWinXPTheme = TRUE;
+		// 设置背景色;
+		it.pBTN->SetFaceColor(it.color, TRUE);
+		// 消除单击时黑色内圈;
+		it.pBTN->m_bDrawFocus = FALSE;
+		// 设置按钮扁平样式;
+		it.pBTN->m_nFlatStyle = CMFCButton::FlatStyle::BUTTONSTYLE_FLAT;
+		// 设置鼠标形状;
+		it.pBTN->SetMouseCursorHand();
+		i++;
 	}
 }
 
@@ -296,7 +328,24 @@ void CIRControlWnd::OnPaint()
 	CRect rc;
 	GetClientRect(rc);
 	CBrush   brush;
-	brush.CreateSolidBrush(GetSysColor(COLOR_WINDOW));
+	brush.CreateSolidBrush(0xFFEFD5);
 	dc.FillRect(&rc, &brush);
 #endif
 }
+
+void CIRControlWnd::OnBtnClick(UINT uId)
+{
+	CWnd* pWnd = GetFocus();
+	int id = pWnd->GetDlgCtrlID();
+	if ( id >= BTNID && id <= BTNID+100)
+	{
+		CString text;
+		pWnd->GetWindowText(text);
+		AfxMessageBox(text);
+	}
+}
+
+void CIRControlWnd::OnBtnUpdate(CCmdUI* pCmdUI)
+{
+	pCmdUI->Enable();
+}

+ 4 - 1
VideoCapture/VideoCapture/IRControlWnd.h

@@ -12,13 +12,14 @@
 #include "DlgIRControl.h"
 #pragma once
 
+#define BTNID 11000
 typedef struct __BTN_INFO__
 {
 	std::string name;
 	int width;
 	int height;
 	DWORD color;
-	CButton *pBTN;
+	CMFCButton *pBTN;
 }BtnInfo, *pBtnInfo;
 
 class CIRControlToolBar : public CMFCToolBar
@@ -83,5 +84,7 @@ public:
 	std::vector<BtnInfo> m_vtBtnInfo;
 	void Loadlayout(std::vector<BtnInfo> &vt);
 	afx_msg void OnPaint();
+	afx_msg void OnBtnClick(UINT uId);
+	afx_msg void OnBtnUpdate(CCmdUI* pCmdUI);
 };
 

+ 2 - 2
VideoCapture/VideoCapture/MainFrm.cpp

@@ -303,7 +303,7 @@ BOOL CMainFrame::CreateDockingWindows()
 
 	// 创建遥控器窗口
 	CString strPropertiesWnd = _T("遥控器");
-	if (!m_wndIRControl.Create(strPropertiesWnd, this, CRect(0, 0, 375, 350), TRUE, ID_VIEW_PROPERTIESWND,
+	if (!m_wndIRControl.Create(strPropertiesWnd, this, CRect(0, 0, 420, 350), TRUE, ID_VIEW_PROPERTIESWND,
 		WS_CHILD | WS_VISIBLE | WS_CLIPSIBLINGS | WS_CLIPCHILDREN | CBRS_RIGHT | CBRS_FLOAT_MULTI ))
 	{
 		TRACE0("未能创建“遥控器”窗口\n");
@@ -659,7 +659,7 @@ void CMainFrame::OnGetMinMaxInfo(MINMAXINFO* lpMMI)
 	// TODO: 在此添加消息处理程序代码和/或调用默认值
 // 	lpMMI->ptMinTrackSize.x = 640;
 // 	lpMMI->ptMinTrackSize.y = 480;
-	lpMMI->ptMinTrackSize.x = 800;
+	lpMMI->ptMinTrackSize.x = 860;
 	lpMMI->ptMinTrackSize.y = 640;
 
 	CFrameWndEx::OnGetMinMaxInfo(lpMMI);

+ 5 - 3
VideoCapture/VideoCapture/VideoCapture.cpp

@@ -102,9 +102,11 @@ BOOL CVideoCaptureApp::InitInstance()
 	TCHAR szDir[MAX_PATH] = { 0 };
 	TCHAR szExt[MAX_PATH] = { 0 };
 	::GetModuleFileName(NULL, Global::g_szCurModulePath, sizeof(Global::g_szCurModulePath) / sizeof(TCHAR));
-	_tsplitpath_s(Global::g_szCurModulePath, szDrive, szDir, Global::g_szFna, szExt);
-	_tcscpy_s(Global::g_szCurModuleDir, szDrive);
-	_tcscat_s(Global::g_szCurModuleDir, szDir);
+// 	_tsplitpath_s(Global::g_szCurModulePath, szDrive, szDir, Global::g_szFna, szExt);
+// 	_tcscpy_s(Global::g_szCurModuleDir, szDrive);
+// 	_tcscat_s(Global::g_szCurModuleDir, szDir);
+	::GetCurrentDirectory(MAX_PATH, Global::g_szCurModuleDir);
+	_tcscat_s(Global::g_szCurModuleDir, _T("\\"));
 #endif
 
 	Global::WriteTextLog("程序启动");

+ 121 - 121
VideoCapture/VideoCapture/layout.xml

@@ -3,362 +3,362 @@
 	<!-- POS:位置;NAME:名称;SIZE:大小;COLOR:颜色;-->
 	<ITEM>
 		<NAME>POWER</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">FF6666</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>MUTE</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">FF1493</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>0</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">87CEFA</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>1</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">87CEFA</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>2</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">87CEFA</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>3</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">87CEFA</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>4</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">87CEFA</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>5</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">87CEFA</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>6</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">87CEFA</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>7</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">87CEFA</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>8</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">87CEFA</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>9</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">87CEFA</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>V+</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">00BFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>UP</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">00FF7F</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>C+</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">00BFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>HOME</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">FF6666</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>LEFT</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">00FF7F</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>OK</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">FFD700</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>RIGHT</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">00FF7F</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>RETURN</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>V-</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">00BFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>DOWN</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">00FF7F</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>C-</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">00BFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>EXIT</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>SETTING</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>MENU</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>TV</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>SOURCE</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>FAV</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>INFO</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>LIST</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>PRE-CH</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>EPG</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>GUID</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>SUBTITILE</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>TEXT</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>LANG</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>ZOOM+</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>ZOOM-</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>REC</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>RED</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>GREEN</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>BLUE</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>YELLOW</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>PLAY</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>PAUSE</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>STOP</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>NEXT</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>SLEEP</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>FAST-BACK</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>FAST-FORWAR</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>PREVIOUS</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>APP</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>CH-LIST</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>OPTION</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>POWERL</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>SMART</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>SUBTUTLE</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>YOUTUBE</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
 	<ITEM>
 		<NAME>ZOOM</NAME>
-		<WIDTH>88</WIDTH>
+		<WIDTH>98</WIDTH>
 		<HEIGHT>28</HEIGHT>
-		<COLOR name="ivory">FFFFF0</COLOR>
+		<COLOR name="ivory">F0FFFF</COLOR>
 	</ITEM>
-</CommandList>
+</ButtonList>