toolbar 中动态生成Toolbutton的问题

lwx 2000-01-14 06:34:00
toolbar在设计期间已有-Toolbutton bnt1,
欲在运行期间动态生成-Toolbutton bnt2,
并使bnt2在bnt1之后,即bnt1的index为0,
btn2的index 为1,

请赐教!!
...全文
195 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
Venne 2000-01-15
  • 打赏
  • 举报
 回复
他们都说完了。
delphi_fan 2000-01-14
  • 打赏
  • 举报
 回复
with TToolButton.Create(Self) do
begin
Parent := ToolBar1;
...
end;
Index是只读属性，自动编号的，没法改，按顺序加吧。
kxy 2000-01-14
  • 打赏
  • 举报
 回复
procedure TForm1.Button2Click(Sender: TObject);
var
AToolButton : TToolButton;
begin
AToolButton := TToolButton.Create(Toolbar1);
AToolButton.Parent := Toolbar1;
end;
C++MFC教程
Visual C++MFC入门教程 目录 +-- 第一章 VC入门 |------ 1.1 如何学好VC |------ 1.2 理解Windows消息机制 |------ 1.3 利用Visual C++/MFC开发Windows程序的优势 |------ 1.4 利用MFC进行开发的通用方法介绍 |------ 1.5 MFC中常用类，宏，函数介绍 +-- 第二章 图形输出 |------ 2.1 和GUI有关的各种对象 |------ 2.2 在窗口中输出文字 |------ 2.3 使用点，刷子，笔进行绘图 |------ 2.4 在窗口中绘制设备相关位图，图标，设备无关位图 |------ 2.5 使用各种映射方式 |------ 2.6 多边形和剪贴区域 +-- 第三章 文档视结构 |------ 3.1 文档 视图 框架窗口间的关系和消息传送规律 |------ 3.2 接收用户输入 |------ 3.3 使用菜单 |------ 3.4 文档，视，框架之间相互作用 |------ 3.5 利用序列化进行文件读写 |------ 3.6 MFC中所提供的各种视类介绍 +-- 第四章 窗口控件 |------ 4.1 Button |------ 4.2 Static Box |------ 4.3 Edit Box |------ 4.4 Scroll Bar |------ 4.5 List Box/Check List Box |------ 4.6 Combo Box/Combo Box Ex |------ 4.7 Tree Ctrl |------ 4.8 List Ctrl |------ 4.9 Tab Ctrl |------ 4.A Tool Bar |------ 4.B Status Bar |------ 4.C Dialog Bar |------ 4.D 利用AppWizard创建并使用ToolBar StatusBar Dialog Bar |------ 4.E General Window |------ 4.F 关于WM_NOTIFY的使用方法 +-- 第五章 对话框 |------ 5.1 使用资源编辑器编辑对话框 |------ 5.2 创建有模式对话框 |------ 5.3 创建无模式对话框 |------ 5.4 在对话框中进行消息映射 |------ 5.5 在对话框中进行数据交换和数据检查 |------ 5.6 使用属性对话框 |------ 5.7 使用通用对话框 |------ 5.8 建立以对话框为基础的应用 |------ 5.9 使用对话框作为子窗口 +-- 第六章 网络通信开发 |------ 6.1 WinSock介绍 |------ 6.2 利用WinSock进行无连接的通信 +------ 6.3 利用WinSock建立有连接的通信 　 第一章 VC入门 1.1 如何学好VC 这个问题很多朋友都问过我，当然流汗是必须的，但同时如果按照某种思路进行有计划的学习就会起到更好的效果。万事开头难，为了帮助朋友们更快的掌握VC开发，下面我将自己的一点体会讲一下： 1、需要有好的C/C++基础。正所谓“磨刀不误砍柴工”，最开始接触VC时不要急于开始Windows程序开发，而是应该进行一些字符界面程序的编写。这样做的目的主要是增加对语言的熟悉程度，同时也训练自己的思维和熟悉一些在编程中常犯的错误。更重要的是理解并能运用C++的各种特性，这些在以后的开发中都会有很大的帮助，特别是利用MFC进行开发的朋友对C++一定要能熟练运用。 2、理解Windows的消息机制，窗口句柄和其他GUI句柄的含义和用途。了解和MFC各个类功能相近的API函数。 3、一定要理解MFC中消息映射的作用。 4、训练自己在编写代码时不使用参考书而是使用Help Online。 5、记住一些常用的消息名称和参数的意义。 6、学会看别人的代码。 7、多看书，少买书，买书前一定要慎重。 8、闲下来的时候就看参考书。 9、多来我的主页。^O^ 后面几条是我个人的一点意见，你可以根据需要和自身的情况选用适用于自己的方法。 此外我将一些我在选择参考书时的原则： 对于初学者：应该选择一些内容比较全面的书籍，并且书籍中的内容应该以合理的方式安排，在使用该书时可以达到循序渐进的效果，书中的代码要有详细的讲解。尽量买翻译的书，因为这些书一般都比较易懂，而且语言比较轻松。买书前一定要慎重如果买到不好用的书可能会对自己的学习积极性产生击。 对于已经掌握了VC的朋友：这种程度的开发者应该加深自己对系统原理，技术要点的认识。需要选择一些对原理讲解的比较透彻的书籍，这样一来才会对新技术有更多的了解，最好书中对技术的应用有一定的阐述。尽量选择示范代码必较精简的书，可以节约银子。 此外最好涉猎一些辅助性的书籍。 1.2 理解Windows消息机制 Windows系统是一个消息驱动的OS，什么是消息呢？我很难说得清楚，也很难下一个定义（谁在嘘我），我下面从不同的几个方面讲解一下，希望大家看了后有一点了解。 1、消息的组成：一个消息由一个消息名称（UINT），和两个参数（WPARAM，LPARAM）。当用户进行了输入或是窗口的状态发生改变时系统都会发送消息到某一个窗口。例如当菜单转中之后会有WM_COMMAND消息发送，WPARAM的高字中（HIWORD(wParam)）是命令的ID号，对菜单来讲就是菜单ID。当然用户也可以定义自己的消息名称，也可以利用自定义消息来发送通知和传送数据。 2、谁将收到消息：一个消息必须由一个窗口接收。在窗口的过程（WNDPROC）中可以对消息进行分析，对自己感兴趣的消息进行处理。例如你希望对菜单选择进行处理那么你可以定义对WM_COMMAND进行处理的代码，如果希望在窗口中进行图形输出就必须对WM_PAINT进行处理。 3、未处理的消息到那里去了：M$为窗口编写了默认的窗口过程，这个窗口过程将负责处理那些你不处理消息。正因为有了这个默认窗口过程我们才可以利用Windows的窗口进行开发而不必过多关注窗口各种消息的处理。例如窗口在被拖动时会有很多消息发送，而我们都可以不予理睬让系统自己去处理。 4、窗口句柄：说到消息就不能不说窗口句柄，系统通过窗口句柄来在整个系统中唯一标识一个窗口，发送一个消息时必须指定一个窗口句柄表明该消息由那个窗口接收。而每个窗口都会有自己的窗口过程，所以用户的输入就会被正确的处理。例如有两个窗口共用一个窗口过程代码，你在窗口一上按下鼠标时消息就会通过窗口一的句柄被发送到窗口一而不是窗口二。 5、示例：下面有一段伪代码演示如何在窗口过程中处理消息 LONG yourWndProc(HWND hWnd,UINT uMessageType,WPARAM wP,LPARAM) { switch(uMessageType) { //使用SWITCH语句将各种消息分开 case(WM_PAINT): doYourWindow(...);//在窗口需要重新绘制时进行输出 break; case(WM_LBUTTONDOWN): doYourWork(...);//在鼠标左键被按下时进行处理 break; default: callDefaultWndProc(...);//对于其它情况就让系统自己处理 break; } } 接下来谈谈什么是消息机制：系统将会维护一个或多个消息队列，所有产生的消息都回被放入或是插入队列中。系统会在队列中取出每一条消息，根据消息的接收句柄而将该消息发送给拥有该窗口的程序的消息循环。每一个运行的程序都有自己的消息循环，在循环中得到属于自己的消息并根据接收窗口的句柄调用相应的窗口过程。而在没有消息时消息循环就将控制权交给系统所以Windows可以同时进行多个任务。下面的伪代码演示了消息循环的用法： while(1) { id=getMessage(...); if(id == quit) break; translateMessage(...); } 当该程序没有消息通知时getMessage就不会返回，也就不会占用系统的CPU时间。 下图为消息投递模式 在16位的系统中系统中只有一个消息队列，所以系统必须等待当前任务处理消息后才可以发送下一消息到相应程序，如果一个程序陷如死循环或是耗时操作时系统就会得不到控制权。这种多任务系统也就称为协同式的多任务系统。Windows3.X就是这种系统。而32位的系统中每一运行的程序都会有一个消息队列，所以系统可以在多个消息队列中转换而不必等待当前程序完成消息处理就可以得到控制权。这种多任务系统就称为抢先式的多任务系统。Windows95/NT就是这种系统。 1.3 利用Visual C++/MFC开发Windows程序的优势 MFC借助C++的优势为Windows开发开辟了一片新天地，同时也借助ApplicationWizzard使开发者摆脱离了那些每次都必写基本代码，借助ClassWizard和消息映射使开发者摆脱了定义消息处理时那种混乱和冗长的代码段。更令人兴奋的是利用C++的封装功能使开发者摆脱Windows中各种句柄的困扰，只需要面对C++中的对象，这样一来使开发更接近开发语言而远离系统。（但我个人认为了解系统原理对开发很有帮助） 正因为MFC是建立在C++的基础上，所以我强调C/C++语言基础对开发的重要性。利用C++的封装性开发者可以更容易理解和操作各种窗口对象；利用C++的派生性开发者可以减少开发自定义窗口的时间和创造出可重用的代码；利用虚拟性可以在必要时更好的控制窗口的活动。而且C++本身所具备的超越C语言的特性都可以使开发者编写出更易用，更灵活的代码。 在MFC中对消息的处理利用了消息映射的方法，该方法的基础是宏定义实现，通过宏定义将消息分派到不同的成员函数进行处理。下面简单讲述一下这种方法的实现方法： 代码如下 BEGIN_MESSAGE_MAP(CMainFrame, CFrameWnd) //{{AFX_MSG_MAP(CMainFrame) ON_WM_CREATE() //}}AFX_MSG_MAP ON_COMMAND(ID_FONT_DROPDOWN, DoNothing) END_MESSAGE_MAP() 经过编译后，代码被替换为如下形式（这只是作讲解，实际情况比这复杂得多）： //BEGIN_MESSAGE_MAP(CMainFrame, CFrameWnd) CMainFrame::newWndProc(...) { switch(...) { //{{AFX_MSG_MAP(CMainFrame) // ON_WM_CREATE() case(WM_CREATE): OnCreate(...); break; //}}AFX_MSG_MAP // ON_COMMAND(ID_FONT_DROPDOWN, DoNothing) case(WM_COMMAND): if(HIWORD(wP)==ID_FONT_DROPDOWN) { DoNothing(...); } break; //END_MESSAGE_MAP() } } newWndProc就是窗口过程只要是该类的实例生成的窗口都使用该窗口过程。 所以了解了Windows的消息机制在加上对消息映射的理解就很容易了解MFC开发的基本思路了。 1.4 利用MFC进行开发的通用方法介绍 以下是我在最初学习VC时所常用的开发思路和方法，希望能对初学VC的朋友有所帮助和启发。 1、开发需要读写文件的应用程序并且有简单的输入和输出可以利用单文档视结构。 2、开发注重交互的简单应用程序可以使用对话框为基础的窗口，如果文件读写简单这可利用CFile进行。 3、开发注重交互并且文件读写复杂的的简单应用程序可以利用以CFormView为基础视的单文档视结构。 4、利用对话框得到用户输入的数据，在等级提高后可使用就地输入。 5、在对多文档要求不强烈时尽量避免多文档视结构，可以利用分隔条产生单文档多视结构。 6、在要求在多个文档间传递数据时使用多文档视结构。 7、学会利用子窗口，并在自定义的子窗口包含多个控件达到封装功能的目的。 8、尽量避免使用多文档多视结构。 9、不要使用多重继承并尽量减少一个类中封装过多的功能。 1.5 MFC中常用类，宏，函数介绍 常用类 CRect：用来表示矩形的类，拥有四个成员变量：top left bottom right。分别表是左上角和右下角的坐标。可以通过以下的方法构造： CRect( int l, int t, int r, int b ); 指明四个坐标 CRect( const RECT& srcRect ); 由RECT结构构造 CRect( LPCRECT lpSrcRect ); 由RECT结构构造 CRect( POINT point, SIZE size ); 有左上角坐标和尺寸构造 CRect( POINT topLeft, POINT bottomRight ); 有两点坐标构造 下面介绍几个成员函数： int Width( ) const; 得到宽度 int Height( ) const; 得到高度 CSize Size( ) const; 得到尺寸 CPoint& TopLeft( ); 得到左上角坐标 CPoint& BottomRight( ); 得到右下角坐标 CPoint CenterPoint( ) const; 得当中心坐标 此外矩形可以和点（CPoint）相加进行位移，和另一个矩形相加得到“并”操作后的矩形。 CPoint：用来表示一个点的坐标，有两个成员变量：x y。 可以和另一个点相加。 CString：用来表示可变长度的字符串。使用CString可不指明内存大小，CString会根据需要自行分配。下面介绍几个成员函数： GetLength 得到字符串长度 GetAt 得到指定位置处的字符 operator + 相当于strcat void Format( LPCTSTR lpszFormat, ... ); 相当于sprintf Find 查找指定字符，字符串 Compare 比较 CompareNoCase 不区分大小写比较 MakeUpper 改为小写 MakeLower 改为大写 CStringArray：用来表示可变长度的字符串数组。数组中每一个元素为CString对象的实例。下面介绍几个成员函数： Add 增加CString RemoveAt 删除指定位置CString对象 RemoveAll 删除数组中所有CString对象 GetAt 得到指定位置的CString对象 SetAt 修改指定位置的CString对象 InsertAt 在某一位置插入CString对象 常用宏 RGB TRACE ASSERT VERIFY 常用函数 CWindApp* AfxGetApp(); HINSTANCE AfxGetInstanceHandle( ); HINSTANCE AfxGetResourceHandle( ); int AfxMessageBox( LPCTSTR lpszText, UINT nType = MB_OK, UINT nIDHelp = 0 );用于弹出一个消息框 第二章 图形输出 2.1 和GUI有关的各种对象 在Windows中有各种GUI对象（不要和C++对象混淆），当你在进行绘图就需要利用这些对象。而各种对象都拥有各种属性，下面分别讲述各种GUI对象和拥有的属性。 字体对象CFont用于输出文字时选用不同风格和大小的字体。可选择的风格包括：是否为斜体，是否为粗体，字体名称，是否有下划线等。颜色和背景色不属于字体的属性。关于如何创建和使用字体在2.2 在窗口中输出文字中会详细讲解。 刷子CBrush对象决定填充区域时所采用的颜色或模板。对于一个固定色的刷子来讲它的属性为颜色，是否采用网格和网格的类型如水平的，垂直的，交叉的等。你也可以利用8*8的位图来创建一个自定义模板的刷子，在使用这种刷子填充时系统会利用位图逐步填充区域。关于如何创建和使用刷子在2.3 使用刷子，笔进行绘图中会详细讲解。 画笔CPen对象在画点和画线时有用。它的属性包括颜色，宽度，线的风格，如虚线，实线，点划线等。关于如何创建和使用画笔在2.3 使用刷子，笔进行绘图中会详细讲解。 位图CBitmap对象可以包含一幅图像，可以保存在资源中。关于如何使用位图在2.4 在窗口中绘制设备相关位图，图标，设备无关位图中会详细讲解。 还有一种特殊的GUI对象是多边形，利用多边形可以很好的限制作图区域或是改变窗口外型。关于如何创建和使用多边形在2.6 多边形和剪贴区域中会详细讲解。 在Windows中使用GUI对象必须遵守一定的规则。首先需要创建一个合法的对象，不同的对象创建方法不同。然后需要将该GUI对象选入DC中，同时保存DC中原来的GUI对象。如果选入一个非法的对象将会引起异常。在使用完后应该恢复原来的对象，这一点特别重要，如果保存一个临时对象在DC中，而在临时对象被销毁后可能引起异常。有一点必须注意，每一个对象在重新创建前必须销毁，下面的代码演示了这一种安全的使用方法： OnDraw(CDC* pDC) { CPen pen1,pen2; pen1.CreatePen(PS_SOLID,2,RGB(128,128,128));//创建对象 pen2.CreatePen(PS_SOLID,2,RGB(128,128,0));//创建对象 CPen* pPenOld=(CPen*)pDC->SelectObject(&pen1);//选择对象进DC drawWithPen1... (CPen*)pDC->SelectObject(&pen2);//选择对象进DC drawWithPen2... pen1.DeleteObject();//再次创建前先销毁 pen1.CreatePen(PS_SOLID,2,RGB(0,0,0));//再次创建对象 (CPen*)pDC->SelectObject(&pen1);//选择对象进DC drawWithPen1... pDC->SelectObject(pOldPen);//恢复 } 此外系统中还拥有一些库存GUI对象，你可以利用CDC::SelectStockObject(SelectStockObject( int nIndex )选入这些对象，它们包括一些固定颜色的刷子，画笔和一些基本字体。 • BLACK_BRUSH Black brush. • DKGRAY_BRUSH Dark gray brush. • GRAY_BRUSH Gray brush. • HOLLOW_BRUSH Hollow brush. • LTGRAY_BRUSH Light gray brush. • NULL_BRUSH Null brush. • WHITE_BRUSH White brush. • BLACK_PEN Black pen. • NULL_PEN Null pen. • WHITE_PEN White pen. • ANSI_FIXED_FONT ANSI fixed system font. • ANSI_VAR_FONT ANSI variable system font. • DEVICE_DEFAULT_FONT Device-dependent font. • OEM_FIXED_FONT OEM-dependent fixed font. • SYSTEM_FONT The system font. By default, Windows uses the system font to draw menus, dialog-box controls, and other text. In Windows versions 3.0 and later, the system font is proportional width; earlier versions of Windows use a fixed-width system font. • SYSTEM_FIXED_FONT The fixed-width system font used in Windows prior to version 3.0. This object is available for compatibility with earlier versions of Windows. • DEFAULT_PALETTE Default color palette. This palette consists of the 20 static colors in the system palette. 这些对象留在DC中是安全的，所以你可以利用选入库存对象来作为恢复DC中GUI对象。 大家可能都注意到了绘图时都需要一个DC对象，DC（Device Context设备环境）对象是一个抽象的作图环境，可能是对应屏幕，也可能是对应打印机或其它。这个环境是设备无关的，所以你在对不同的设备输出时只需要使用不同的设备环境就行了，而作图方式可以完全不变。这也就是Windows耀眼的一点设备无关性。如同你将对一幅画使用照相机或复印机将会产生不同的输出，而不需要对画进行任何调整。DC的使用会穿插在本章中进行介绍。 2.2 在窗口中输出文字 在这里我假定读者已经利用ApplicationWizard生成了一个SDI界面的程序代码。接下来的你只需要在CView派生类的OnDraw成员函数中加入绘图代码就可以了。在这里我需要解释一下OnDraw函数的作用，OnDraw函数会在窗口需要重绘时自动被调用，传入的参数CDC* pDC对应的就是DC环境。使用OnDraw的优点就在于在你使用打印功能的时候传入OnDraw的DC环境将会是打印机绘图环境，使用打印预览时传入的是一个称为CPreviewDC的绘图环境，所以你只需要一份代码就可以完成窗口/打印预览/打印机绘图三重功能。利用Windows的设备无关性和M$为打印预览所编写的上千行代码你可以很容易的完成一个具有所见即所得的软件。 输出文字一般使用CDC::BOOL TextOut( int x, int y, const CString& str )和CDC::int DrawText( const CString& str, LPRECT lpRect, UINT nFormat )两个函数，对TextOut来讲只能输出单行的文字，而DrawText可以指定在一个矩形中输出单行或多行文字，并且可以规定对齐方式和使用何种风格。nFormat可以是多种以下标记的组合（利用位或操作）以达到选择输出风格的目的。 • DT_BOTTOM底部对齐 Specifies bottom-justified text. This value must be combined with DT_SINGLELINE. • DT_CALCRECT计算指定文字时所需要矩形尺寸 Determines the width and height of the rectangle. If there are multiple lines of text, DrawText will use the width of the rectangle pointed to by lpRect and extend the base of the rectangle to bound the last line of text. If there is only one line of text, DrawText will modify the right side of the rectangle so that it bounds the last character in the line. In either case, DrawText returns the height of the formatted text, but does not draw the text. • DT_CENTER中部对齐 Centers text horizontally. • DT_END_ELLIPSIS or DT_PATH_ELLIPSIS Replaces part of the given string with ellipses, if necessary, so that the result fits in the specified rectangle. The given string is not modified unless the DT_MODIFYSTRING flag is specified. You can specify DT_END_ELLIPSIS to replace characters at the end of the string, or DT_PATH_ELLIPSIS to replace characters in the middle of the string. If the string contains backslash (\) characters, DT_PATH_ELLIPSIS preserves as much as possible of the text after the last backslash. • DT_EXPANDTABS Expands tab characters. The default number of characters per tab is eight. • DT_EXTERNALLEADING Includes the font抯 external leading in the line height. Normally, external leading is not included in the height of a line of text. • DT_LEFT左对齐 Aligns text flush-left. • DT_MODIFYSTRING Modifies the given string to match the displayed text. This flag has no effect unless the DT_END_ELLIPSIS or DT_PATH_ELLIPSIS flag is specified. Note Some uFormat flag combinations can cause the passed string to be modified. Using DT_MODIFYSTRING with either DT_END_ELLIPSIS or DT_PATH_ELLIPSIS may cause the string to be modified, causing an assertion in the CString override. • DT_NOCLIP Draws without clipping. DrawText is somewhat faster when DT_NOCLIP is used. • DT_NOPREFIX禁止使用&前缀 Turns off processing of prefix characters. Normally, DrawText interprets the ampersand (&) mnemonic-prefix character as a directive to underscore the character that follows, and the two-ampersand (&&) mnemonic-prefix characters as a directive to print a single ampersand. By specifying DT_NOPREFIX, this processing is turned off. • DT_PATH_ELLIPSIS • DT_RIGHT右对齐 Aligns text flush-right. • DT_SINGLELINE单行输出 Specifies single line only. Carriage returns and linefeeds do not break the line. • DT_TABSTOP设置TAB字符所占宽度 Sets tab stops. The high-order byte of nFormat is the number of characters for each tab. The default number of characters per tab is eight. • DT_TOP定部对齐 Specifies top-justified text (single line only). • DT_VCENTER中部对齐 Specifies vertically centered text (single line only). • DT_WORDBREAK每行只在单词间被折行 Specifies word-breaking. Lines are automatically broken between words if a word would extend past the edge of the rectangle specified by lpRect. A carriage return杔inefeed sequence will also break the line. 在输出文字时如果希望改变文字的颜色，你可以利用CDC::SetTextColor( COLORREF crColor )进行设置，如果你希望改变背景色就利用CDC::SetBkColor( COLORREF crColor )，很多时候你可能需要透明的背景色你可以利用CDC::SetBkMode( int nBkMode )设置，可接受的参数有 • OPAQUE Background is filled with the current background color before the text, hatched brush, or pen is drawn. This is the default background mode. • TRANSPARENT Background is not changed before drawing. 接下来讲讲如何创建字体，你可以创建的字体有两种：库存字体CDC::CreateStockObject( int nIndex )和自定义字体。 在创建非库存字体时需要填充一个LOGFONT结构并使用CFont::CreateFontIndirect(const LOGFONT* lpLogFont )，或使用CFont::CreateFont( int nHeight, int nWidth, int nEscapement, int nOrientation, int nWeight, BYTE bItalic, BYTE bUnderline, BYTE cStrikeOut, BYTE nCharSet, BYTE nOutPrecision, BYTE nClipPrecision, BYTE nQuality, BYTE nPitchAndFamily, LPCTSTR lpszFacename )其中的参数和LOGFONT中的分量有一定的对应关系。下面分别讲解参数的意义： nHeight 字体高度（逻辑单位）等于零为缺省高度，否则取绝对值并和可用的字体高度进行匹配。 nWidth 宽度（逻辑单位）如果为零则使用可用的横纵比进行匹配。 nEscapement 出口矢量与X轴间的角度 nOrientation 字体基线与X轴间的角度 nWeight 字体粗细，可取以下值 Constant Value FW_DONTCARE 0 FW_THIN 100 FW_EXTRALIGHT 200 FW_ULTRALIGHT 200 FW_LIGHT 300 FW_NORMAL 400 FW_REGULAR 400 FW_MEDIUM 500 FW_SEMIBOLD 600 FW_DEMIBOLD 600 FW_BOLD 700 FW_EXTRABOLD 800 FW_ULTRABOLD 800 FW_BLACK 900 FW_HEAVY 900 bItalic 是否为斜体 bUnderline 是否有下划线 cStrikeOut 是否带删除线 nCharSet 指定字符集合，可取以下值 Constant Value ANSI_CHARSET 0 DEFAULT_CHARSET 1 SYMBOL_CHARSET 2 SHIFTJIS_CHARSET 128 OEM_CHARSET 255 nOutPrecision 输出精度 OUT_CHARACTER_PRECIS OUT_STRING_PRECIS OUT_DEFAULT_PRECIS OUT_STROKE_PRECIS OUT_DEVICE_PRECIS OUT_TT_PRECIS OUT_RASTER_PRECIS nClipPrecision 剪辑精度，可取以下值 CLIP_CHARACTER_PRECIS CLIP_MASK CLIP_DEFAULT_PRECIS CLIP_STROKE_PRECIS CLIP_ENCAPSULATE CLIP_TT_ALWAYS CLIP_LH_ANGLES nQuality 输出质量，可取以下值 • DEFAULT_QUALITY Appearance of the font does not matter. • DRAFT_QUALITY Appearance of the font is less important than when PROOF_QUALITY is used. For GDI raster fonts, scaling is enabled. Bold, italic, underline, and strikeout fonts are synthesized if necessary. • PROOF_QUALITY Character quality of the font is more important than exact matching of the logical-font attributes. For GDI raster fonts, scaling is disabled and the font closest in size is chosen. Bold, italic, underline, and strikeout fonts are synthesized if necessary. nPitchAndFamily 字体间的间距 lpszFacename 指定字体名称，为了得到系统所拥有的字体可以利用EmunFontFamiliesEx。 此外可以利用CFontDialog来得到用户选择的字体的LOGFONT数据。 最后我讲一下文本坐标的计算，利用CDC::GetTextExtent( const CString& str )可以得到字符串的在输出时所占用的宽度和高度，这样就可以在手工输出多行文字时使用正确的行距。另外如果需要更精确的对字体高度和宽度进行计算就需要使用CDC::GetTextMetrics( LPTEXTMETRIC lpMetrics ) 该函数将会填充TEXTMETRIC结构，该结构中的分量可以非常精确的描述字体的各种属性。 2.3 使用点，刷子，笔进行绘图 在Windows中画点的方法很简单，只需要调用COLORREF CDC::SetPixel( int x, int y, COLORREF crColor )就可以在指定点画上指定颜色，同时返回原来的颜色。COLORREF CDC::GetPixel( int x, int y)可以得到指定点的颜色。在Windows中应该少使用画点的函数，因为这样做的执行效率比较低。 刷子和画笔在Windows作图中是使用最多的GUI对象，本节在讲解刷子和画笔使用方法的同时也讲述一写基本作图函数。 在画点或画线时系统使用当前DC中的画笔，所以在创建画笔后必须将其选入DC才会在绘图时产生效果。画笔可以通过CPen对象来产生，通过调用CPen::CreatePen( int nPenStyle, int nWidth, COLORREF crColor )来创建。其中nPenStyle指名画笔的风格，可取如下值： • PS_SOLID 实线 Creates a solid pen. • PS_DASH 虚线，宽度必须为一 Creates a dashed pen. Valid only when the pen width is 1 or less, in device units. • PS_DOT 点线，宽度必须为一 Creates a dotted pen. Valid only when the pen width is 1 or less, in device units. • PS_DASHDOT 点划线，宽度必须为一 Creates a pen with alternating dashes and dots. Valid only when the pen width is 1 or less, in device units. • PS_DASHDOTDOT 双点划线，宽度必须为一 Creates a pen with alternating dashes and double dots. Valid only when the pen width is 1 or less, in device units. • PS_NULL 空线，使用时什么也不会产生 Creates a null pen. • PS_ENDCAP_ROUND 结束处为圆形 End caps are round. • PS_ENDCAP_SQUARE 结束处为方形 End caps are square. nWidth和crColor为线的宽度和颜色。 刷子是在画封闭曲线时用来填充的颜色，例如当你画圆形或方形时系统会用当前的刷子对内部进行填充。刷子可利用CBrush对象产生。通过以下几种函数创建刷子： • BOOL CreateSolidBrush( COLORREF crColor ); 创建一种固定颜色的刷子 • BOOL CreateHatchBrush( int nIndex, COLORREF crColor ); 创建指定颜色和网格的刷子，nIndex可取以下值： • HS_BDIAGONAL Downward hatch (left to right) at 45 degrees • HS_CROSS Horizontal and vertical crosshatch • HS_DIAGCROSS Crosshatch at 45 degrees • HS_FDIAGONAL Upward hatch (left to right) at 45 degrees • HS_HORIZONTAL Horizontal hatch • HS_VERTICAL Vertical hatch • BOOL CreatePatternBrush( CBitmap* pBitmap ); 创建以8*8位图为模板的刷子 在选择了画笔和刷子后就可以利用Windows的作图函数进行作图了，基本的画线函数有以下几种 • CDC::MoveTo( int x, int y ); 改变当前点的位置 • CDC::LineTo( int x, int y ); 画一条由当前点到参数指定点的线 • CDC::BOOL Arc( LPCRECT lpRect, POINT ptStart, POINT ptEnd ); 画弧线 • CDC::BOOL Polyline( LPPOINT lpPoints, int nCount ); 将多条线依次序连接 基本的作图函数有以下几种： • CDC::BOOL Rectangle( LPCRECT lpRect ); 矩形 • CDC::RoundRect( LPCRECT lpRect, POINT point ); 圆角矩形 • CDC::Draw3dRect( int x, int y, int cx, int cy, COLORREF clrTopLeft, COLORREF clrBottomRight ); 3D边框 • CDC::Chord( LPCRECT lpRect, POINT ptStart, POINT ptEnd ); 扇形 • CDC::Ellipse( LPCRECT lpRect ); 椭圆形 • CDC::Pie( LPCRECT lpRect, POINT ptStart, POINT ptEnd ); • CDC::Polygon( LPPOINT lpPoints, int nCount ); 多边形 对于矩形，圆形或类似的封闭曲线，系统会使用画笔绘制边缘，使用刷子填充内部。如果你不希望填充或是画出边缘，你可以选入空刷子（NULL_PEN）或是（NULL_BRUSH）空笔。 下面的代码创建一条两象素宽的实线并选入DC。并进行简单的作图： { ... CPen pen; pen.CreatePen(PS_SOLID,2,RGB(128,128,128)); CPen* pOldPen=(CPen*)dc.SelectObject(&pen); dc.SelectStockObject(NULL_BRUSH);//选入空刷子 dc.Rectangle(CRect(0,0,20,20));//画矩形 ... } 2.4 在窗口中绘制设备相关位图，图标，设备无关位图 在Windows中可以将预先准备好的图像复制到显示区域中，这种内存拷贝执行起来是非常快的。在Windows中提供了两种使用图形拷贝的方法：通过设备相关位图（DDB）和设备无关位图（DIB）。 DDB可以用MFC中的CBitmap来表示，而DDB一般是存储在资源文件中，在加载时只需要通过资源ID号就可以将图形装入。BOOL CBitmap::LoadBitmap( UINT nIDResource )可以装入指定DDB，但是在绘制时必须借助另一个和当前绘图DC兼容的内存DC来进行。通过CDC::BitBlt( int x, int y, int nWidth, int nHeight, CDC* pSrcDC, int xSrc, int ySrc, DWORD dwRop )绘制图形，同时指定光栅操作的类型。BitBlt可以将源DC中位图复制到目的DC中，其中前四个参数为目的区域的坐标，接下来是源DC指针，然后是源DC中的起始坐标，由于BitBlt为等比例复制，所以不需要再次指定长宽，（StretchBlt可以进行缩放）最后一个参数为光栅操作的类型，可取以下值： • BLACKNESS 输出区域为黑色 Turns all output black. • DSTINVERT 反色输出区域 Inverts the destination bitmap. • MERGECOPY 在源和目的间使用AND操作 Combines the pattern and the source bitmap using the Boolean AND operator. • MERGEPAINT 在反色后的目的和源间使用OR操作 Combines the inverted source bitmap with the destination bitmap using the Boolean OR operator. • NOTSRCCOPY 将反色后的源拷贝到目的区 Copies the inverted source bitmap to the destination. • PATINVERT 源和目的间进行XOR操作 Combines the destination bitmap with the pattern using the Boolean XOR operator. • SRCAND 源和目的间进行AND操作 Combines pixels of the destination and source bitmaps using the Boolean AND operator. • SRCCOPY 复制源到目的区 Copies the source bitmap to the destination bitmap. • SRCINVERT 源和目的间进行XOR操作 Combines pixels of the destination and source bitmaps using the Boolean XOR operator. • SRCPAINT 源和目的间进行OR操作 Combines pixels of the destination and source bitmaps using the Boolean OR operator. • WHITENESS 输出区域为白色 Turns all output white. 下面用代码演示这种方法： CYourView::OnDraw(CDC* pDC) { CDC memDC;//定义一个兼容DC memDC.CreateCompatibleDC(pDC);//创建DC CBitmap bmpDraw; bmpDraw.LoadBitmap(ID_BMP) ;//装入DDB CBitmap* pbmpOld=memDC.SelectObject(&bmpDraw) ; //保存原有DDB，并选入新DDB入DC pDC->BitBlt(0,0,20,20,&memDC,0,0,SRCCOPY) ; //将源DC中(0,0,20,20)复制到目的DC(0,0,20,20) pDC->BitBlt(20,20,40,40,&memDC,0,0,SRCAND); //将源DC中(0,0,20,20)和目的DC(20,20,40,40)中区域进行AND操作 memDC.SelectObject(pbmpOld) ;//选入原DDB } （图标并不是一个GDI对象，所以不需要选入DC）在MFC中没有一个专门的图标类，因为图标的操作比较简单，使用HICON CWinApp::LoadIcon( UINT nIDResource )或是HICON CWinApp::LoadStandardIcon( LPCTSTR lpszIconName ) 装入后就可以利用BOOL CDC::DrawIcon( int x, int y, HICON hIcon )绘制。由于在图标中可以指定透明区域，所以在某些需要使用非规则图形而且面积不大的时候使用图标会比较简单。下面给出简单的代码： OnDraw(CDC* pDC) { HICON hIcon1=AfxGetApp()->LoadIcon(IDI_I1); HICON hIcon2=AfxGetApp()->LoadIcon(IDI_I2); pDC->DrawIcon(0,0,hIcon1); pDC->DrawIcon(0,40,hIcon2); DestroyIcon(hIcon1); DestroyIcon(hIcon2); } 同样在MFC也没有提供一个DIB的类，所以在使用DIB位图时我们需要自己读取位图文件中的头信息，并读入数据，并利用API函数StretchDIBits绘制。位图文件以BITMAPFILEHEADER结构开始，然后是BITMAPINFOHEADER结构和调色版信息和数据，其实位图格式是图形格式中最简单的一种，而且也是Windows可以理解的一种。我不详细讲解DIB位图的结构，提供一个CDib类供大家使用，这个类包含了基本的功能如：Load,Save,Draw。DownLoad CDib 4K 2.5 使用各种映射方式 所谓的映射方式简单点讲就是坐标的安排方式，系统默认的映射方式为MM_TEXT即X坐标向右增加，Y坐标向下增加，(0,0)在屏幕左上方，DC中的每一点就是屏幕上的一个象素。也许你会认为这种方式下是最好理解的，但是一个点和象素对应的关系在屏幕上看来是正常的，但到了打印机上就会很不正常。因为我们作图是以点为单位并且打印机的分辨率远远比显示器高（800DPI 800点每英寸）所以在打印机上图形看起来就会很小。这样就需要为打印另做一套代码而加大了工作量。如果每个点对应0.1毫米那么在屏幕上的图形就会和打印出来的图形一样大小。 通过int CDC::SetMapMode( int nMapMode )可以指定映射方式，可用的有以下几种： • MM_HIENGLISH 每点对应0.001英寸 Each logical unit is converted to 0.001 inch. Positive x is to the right; positive y is up. • MM_HIMETRIC 每点对应0.001毫米 Each logical unit is converted to 0.01 millimeter. Positive x is to the right; positive y is up. • MM_LOENGLISH 每点对应0.01英寸 Each logical unit is converted to 0.01 inch. Positive x is to the right; positive y is up. • MM_LOMETRIC 每点对应0.001毫米 Each logical unit is converted to 0.1 millimeter. Positive x is to the right; positive y is up. • MM_TEXT 象素对应 Each logical unit is converted to 1 device pixel. Positive x is to the right; positive y is down. 以上几种映射默认的原点在屏幕左上方。除MM_TEXT外都为X坐标向右增加，Y坐标向上增加，和自然坐标是一致的。所以在作图是要注意什么时候应该使用负坐标。而且以上的映射都是X-Y等比例的，即相同的长度在X，Y轴上显示的长度都是相同的。 DownLoad Sample 另外的一种映射方式为MM_ANISOTROPIC，这种方式可以规定不同的长宽比例。在设置这中映射方式后必须调用CSize CDC::SetWindowExt( SIZE size )和CSize CDC::SetViewportExt( SIZE size )来设定长宽比例。系统会根据两次设定的长宽的比值来确定长宽比例。下面给出一段代码比较映射前后的长宽比例： OnDraw(CDC* pDC) { CRect rcC1(200,0,400,200); pDC->FillSolidRect(rcC1,RGB(0,0,255)); pDC->SetMapMode(MM_ANISOTROPIC ); CSize sizeO; sizeO=pDC->SetWindowExt(5,5); TRACE("winExt %d %d\n",sizeO.cx,sizeO.cy); sizeO=pDC->SetViewportExt(5,10); TRACE("ViewExt %d %d\n",sizeO.cx,sizeO.cy); CRect rcC(0,0,200,200); pDC->FillSolidRect(rcC,RGB(0,128,0)); } 上面代码在映射后画出的图形将是一个长方形。 DownLoad Sample 最后讲讲视原点（viewport origin）,你可以通过调用CPoint CDC::SetViewportOrg( POINT point )重新设置原点的位置，这就相对于对坐标进行了位移。例如你将原点设置在(20,20)那么原来的(0,0)就变成了(-20,-20)。 2.6 多边形和剪贴区域 多边形也是一个GDI对象，同样遵守其他GDI对象的规则，只是通常都不将其选入DC中。在MFC中多边形有CRgn表示。多边形用来表示一个不同与矩形的区域，和矩形具有相似的操作。如：检测某点是否在内部，并操作等。此外还得到一个包含此多边形的最小矩形。下面介绍一下多边形类的成员函数： • CreateRectRgn 由矩形创建一个多边形 • CreateEllipticRgn 由椭圆创建一个多边形 • CreatePolygonRgn 创建一个有多个点围成的多边形 • PtInRegion 某点是否在内部 • CombineRgn 两个多边形相并 • EqualRgn 两个多边形是否相等 在本节中讲演多边形的意义在于重新在窗口中作图时提高效率。因为引发窗口重绘的原因是某个区域失效，而失效的区域用多边形来表示。假设窗口大小为500*400当上方的另一个窗口从(0,0,10,10)移动到(20,20,30,30)这时(0,0,10,10)区域就失效了，而你只需要重绘这部分区域而不是所有区域，这样你程序的执行效率就会提高。 通过调用API函数int GetClipRgn( HDC hdc, HRGN hrgn)就可以得到失效区域，但是一般用不着那么精确而只需得到包含该区域的最小矩形就可以了，所以可以利用int CDC::GetClipBox( LPRECT lpRect )完成这一功能。 第三章 文档视结构 3.1 文档 视图 框架窗口间的关系和消息传送规律 在MFC中M$引入了文档-视结构的概念，文档相当于数据容器，视相当于查看数据的窗口或是和数据发生交互的窗口。（这一结构在MFC中的OLE，ODBC开发时又得到更多的拓展）因此一个完整的应用一般由四个类组成：CWinApp应用类，CFrameWnd窗口框架类，CDocument文档类，CView视类。（VC6中支持创建不带文档-视的应用） 在程序运行时CWinApp将创建一个CFrameWnd框架窗口实例，而框架窗口将创建文档模板，然后有文档模板创建文档实例和视实例，并将两者关联。一般来讲我们只需对文档和视进行操作，框架的各种行为已经被MFC安排好了而不需人为干预，这也是M$设计文档-视结构的本意，让我们将注意力放在完成任务上而从界面编写中解放出来。 在应用中一个视对应一个文档，但一个文档可以包含多个视。一个应用中只用一个框架窗口，对多文档界面来讲可能有多个MDI子窗口。每一个视都是一个子窗口，在单文档界面中父窗口即是框架窗口，在多文档界面中父窗口为MDI子窗口。一个多文档应用中可以包含多个文档模板，一个模板定义了一个文档和一个或多个视之间的对应关系。同一个文档可以属于多个模板，但一个模板中只允许定义一个文档。同样一个视也可以属于多个文档模板。（不知道我说清楚没有） 接下来看看如何在程序中得到各种对象的指针： • 全局函数AfxGetApp可以得到CWinApp应用类指针 • AfxGetApp()->m_pMainWnd为框架窗口指针 • 在框架窗口中：CFrameWnd::GetActiveDocument得到当前活动文档指针 • 在框架窗口中：CFrameWnd::GetActiveView得到当前活动视指针 • 在视中：CView::GetDocument得到对应的文档指针 • 在文档中：CDocument::GetFirstViewPosition，CDocument::GetNextView用来遍历所有和文档关联的视。 • 在文档中：CDocument::GetDocTemplate得到文档模板指针 • 在多文档界面中：CMDIFrameWnd::MDIGetActive得到当前活动的MDI子窗口 一般来讲用户输入消息（如菜单选择，鼠标，键盘等）会先发往视，如果视未处理则会发往框架窗口。所以定义消息映射时定义在视中就可以了，如果一个应用同时拥有多个视而当前活动视没有对消息进行处理则消息会发往框架窗口。 3.2 接收用户输入 在视中接收鼠标输入： 鼠标消息是我们常需要处理的消息，消息分为：鼠标移动，按钮按下/松开，双击。利用ClassWizard可以轻松的添加这几种消息映射，下面分别讲解每种消息的处理。 WM_MOUSEMOVE对应的函数为OnMouseMove( UINT nFlags, CPoint point )，nFlags表明了当前一些按键的消息，你可以通过“位与”操作进行检测。 • MK_CONTROL Ctrl键是否被按下 Set if the CTRL key is down. • MK_LBUTTON 鼠标左键是否被按下 Set if the left mouse button is down. • MK_MBUTTON 鼠标中间键是否被按下 Set if the middle mouse button is down. • MK_RBUTTON 鼠标右键是否被按下 Set if the right mouse button is down. • MK_SHIFT Shift键是否被按下 Set if the SHIFT key is down. point表示当前鼠标的设备坐标，坐标原点对应视左上角。 WM_LBUTTONDOWN/WM_RBUTTONDOWN（鼠标左/右键按下）对应的函数为OnLButtonDown/OnRButtonDown( UINT nFlags, CPoint point )参数意义和OnMouseMove相同。 WM_LBUTTONUP/WM_RBUTTONUP（鼠标左/右键松开）对应的函数为OnLButtonUp/OnRButtonUp( UINT nFlags, CPoint point )参数意义和OnMouseMove相同。 WM_LBUTTONDBLCLK/WM_RBUTTONDBLCLK（鼠标左/右键双击）对应的函数为OnLButtonDblClk/OnRButtonDblClk( UINT nFlags, CPoint point )参数意义和OnMouseMove相同。 下面我用一段伪代码来讲解一下这些消息的用法： 代码的作用是用鼠标拉出一个矩形 global BOOL fDowned;//是否在拉动 global CPoint ptDown;//按下位置 global CPoint ptUp;//松开位置 OnLButtonDown(UINT nFlags, CPoint point) { fDowned=TRUE; ptUp=ptDown=point; DrawRect(); ... } OnMouseMove(UINT nFlags, CPoint point) { if(fDowned) { DrawRect();//恢复上次所画的矩形 ptUp=point; DrawRect();//画新矩形 } } OnLButtonUp(UINT nFlags, CPoint point) { if(fDowned) { DrawRect();//恢复上次所画的矩形 ptUp=point; DrawRect();//画新矩形 fDowned=FALSE; } } DrawRect() {//以反色屏幕的方法画出ptDown,ptUp标记的矩形 CClientDC dc(this); MakeRect(ptDown,ptUp); SetROP(NOT); Rect(); } 坐标间转换：在以上的函数中point参数对应的都是窗口的设备坐标，我们应该将设备坐标和逻辑坐标相区别，在图32_g1由于窗口使用了滚动条，所以传入的设备坐标是对应于当前窗口左上角的坐标，没有考虑是否滚动，而逻辑坐标必须考虑滚动后对应的坐标，所以我以黄线虚拟的表达一个逻辑坐标的区域。可以看得出同一点在滚动后的坐标值是不同的，这一规则同样适用于改变了映射方式的窗口，假设你将映射方式设置为每点为0.01毫米，那么设备坐标所对应的逻辑坐标也需要重新计算。进行这种转换需要写一段代码，所幸的是系统提供了进行转换的功能DC的DPtoLP，LPtoDP，下面给出代码完成由设备坐标到逻辑坐标的转换。 图32_g1 CPoint CYourView::FromDP(CPoint point) { CClientDC dc(this); CPoint ptRet=point; dc.PrepareDC();//必须先准备DC，这在使用滚动时让DC重新计算坐标 //如果你作图设置了不同的映射方式，则在下面需要设置 dc.SetMapMode(...) // dc.DPtoLP(&ptRet);//DP->LP进行转换 return ptRet; } 在图32_g1中以蓝线标记的是屏幕区域，红线标记的客户区域。利用ScreenToClient，ClientToScreen可以将坐标在这两个区域间转换。 在视中接收键盘输入： 键盘消息有三个：键盘被按下/松开，输入字符。其中输入字符相当于直接得到用户输入的字符这在不需要处理按键细节时使用，而键盘被按下/松开在按键状态改变时发送。 WM_CHAR对应的函数为OnChar( UINT nChar, UINT nRepCnt, UINT nFlags )，其中nChar为被按下的字符，nRepCnt表明在长时间为松开时相当于的按键次数，nFlags中的不同位代表不同的含义，在这里一般不使用。 WM_KEYDOWN/WM_KEYUP所对应的函数为OnKeyDown/OnKeyUp( UINT nChar, UINT nRepCnt, UINT nFlags )nChar代表按键的虚拟码值，如VK_ALT为ALT键，VK_CONTROL为Ctrl键。nFlags各位的含义如下： Value Description 0? Scan code (OEM-dependent value). 8 Extended key, such as a function key or a key on the numeric keypad (1 if it is an extended key). 9?0 Not used. 11?2 Used internally by Windows. 13 Context code (1 if the ALT key is held down while the key is pressed; otherwise 0). 14 Previous key state (1 if the key is down before the call, 0 if the key is up). 15 Transition state (1 if the key is being released, 0 if the key is being pressed). 3.3 使用菜单 利用菜单接受用户命令是一中很简单的交互方法，同时也是一种很有效的方法。通常菜单作为一中资源存储在文件中，因此我们可以在设计时就利用资源编辑器设计好一个菜单。关于使用VC设计菜单我就不再多讲了，但你在编写菜单时应该尽量在属性对话框的底部提示（Prompt）处输入文字，这虽然不是必要的，但MFC在有状态栏和工具条的情况下会使用该文字，文字的格式为“状态栏出说明\n工具条提示”。 图33_g1 我们要面临的任务是如何知道用户何时选择了菜单，他选的是什么菜单项。当用户选择了一个有效的菜单项时系统会向应用发送一个WM_COMMAND消息，在消息的参数中表明来源。在MFC中我们只需要进行一次映射，将某一菜单ID映射到一处理函数，图33_g2。在这里我们在CView的派生类中处理菜单消息，同时我对同一ID设置两个消息映射，接下来将这两种映射的作用。 图33_g2 ON_COMMAND 映射的作用为在用户选择该菜单时调用指定的处理函数。如：ON_COMMAND(IDM_COMMAND1, OnCommand1)会使菜单被选择时调用OnCommand1成员函数。 ON_UPDATE_COMMAND_UI(IDM_COMMAND1, OnUpdateCommand1) 映射的作用是在菜单被显示时通过调用指定的函数来进行确定其状态。在这个处理函数中你可以设置菜单的允许/禁止状态，其显示字符串是什么，是否在前面打钩。函数的参数为CCmdUI* pCmdUI，CCmdUI是MFC专门为更新命令提供的一个类，你可以调用 • Enable 设置允许/禁止状态 • SetCheck 设置是否在前面打钩 • SetText 设置文字 下面我讲解一个例子：我在CView派生类中有一个变量m_fSelected，并且在视中处理两个菜单的消息，当IDM_COMMAND1被选时，对m_fSelected进行逻辑非操作，当IDM_COMMAND2被选中时出一提示；同时IDM_COMMAND1根据m_fSelected决定菜单显示的文字和是否在前面打上检查符号，IDM_COMMAND2根据m_fSelected的值决定菜单的允许/禁止状态。下面是代码和说明：下载示例代码 17K void CMenuDView::OnCommand1() { m_fSelected=!m_fSelected; TRACE("command1 selected\n"); } void CMenuDView::OnUpdateCommand1(CCmdUI* pCmdUI) { pCmdUI->SetCheck(m_fSelected);//决定检查状态 pCmdUI->SetText(m_fSelected?"当前被选中":"当前未被选中");//决定所显示的文字 } void CMenuDView::OnUpdateCommand2(CCmdUI* pCmdUI) {//决定是否为允许 pCmdUI->Enable(m_fSelected); } void CMenuDView::OnCommand2() {//选中时给出提示 AfxMessageBox("你选了command2"); } 接下来再讲一些通过代码操纵菜单的方法，在MFC中有一个类CMenu用来处理和菜单有关的功能。在生成一个CMenu对象时你需要从资源中装如菜单，通过调用BOOL CMenu::LoadMenu( UINT nIDResource )进行装入，然后你就可以对菜单进行动态的修改，所涉及到的函数有： • CMenu* GetSubMenu( int nPos ) 一位置得到子菜单的指针，因为一个CMenu对象只能表示一个弹出菜单，如果菜单中的某一项也为弹出菜单，就需要通过该函数获取指针。 • BOOL AppendMenu( UINT nFlags, UINT nIDNewItem = 0, LPCTSTR lpszNewItem = NULL ) 在末尾添加一项，nFlag为MF_SEPARATOR表示增加一个分隔条，这样其他两个参数将会被忽略；为MF_STRING表示添加一个菜单项uIDNewItem为该菜单的ID命令值；为MF_POPUP表示添加一个弹出菜单项，这时uIDNewItem为另一菜单的句柄HMENU。lpszNewItem为菜单文字说明。 • BOOL InsertMenu( UINT nPosition, UINT nFlags, UINT nIDNewItem = 0, LPCTSTR lpszNewItem = NULL )用于在指定位置插入一菜单，位置由变量nPosition指明。如果nFlags包含MF_BYPOSITION则表明插入在nPosition位置，如果包含MF_BYCOMMAND表示插入在命令ID为nPosition的菜单处。 • BOOL ModifyMenu( UINT nPosition, UINT nFlags, UINT nIDNewItem = 0, LPCTSTR lpszNewItem = NULL )用于修改某一位置的菜单，如果nFlags包含MF_BYPOSITION则表明修改nPosition位置的菜单，如果包含MF_BYCOMMAND表示修改命令ID为nPosition处的菜单。 • BOOL RemoveMenu( UINT nPosition, UINT nFlags )用于删除某一位置的菜单。如果nFlags包含MF_BYPOSITION则表明删除nPosition位置的菜单，如果包含MF_BYCOMMAND表示删除命令ID为nPosition处的菜单。 • BOOL AppendMenu( UINT nFlags, UINT nIDNewItem, const CBitmap* pBmp ) 和 BOOL InsertMenu( UINT nPosition, UINT nFlags, UINT nIDNewItem, const CBitmap* pBmp )可以添加一位图菜单，但这样的菜单在选中时只是反色显示，并不美观。 视图中是没有菜单的，在框架窗口中才有，所以只有用AfxGetApp()->m_pMainWnd->GetMenu()才能得到应用的菜单指针。 最后我讲一下如何在程序中弹出一个菜单，你必须先装入一个菜单资源，你必需得到一个弹出菜单的指针然后调用BOOL TrackPopupMenu( UINT nFlags, int x, int y, CWnd* pWnd, LPCRECT lpRect = NULL )弹出菜单，你需要指定(x,y)为菜单弹出的位置，pWnd为接收命令消息的窗口指针。下面有一段代码说明方法，下载示例代码 17K。当然为了处理消息你应该在pWnd指明的窗口中对菜单命令消息进行映射。 CMenu menu; menu.LoadMenu(IDR_POPUP); CMenu* pM=menu.GetSubMenu(0); CPoint pt; GetCursorPos(&pt); pM->TrackPopupMenu(TPM_LEFTALIGN,pt.x,pt.y,this); 另一种做法是通过CMenu::CreatePopupMenu()建立一个弹出菜单，然后使用TrackPopupMenu弹出菜单。使用CreatePopupMenu创建的菜单也可以将其作为一个弹出项添加另一个菜单中。下面的伪代码演示了如何创建一个弹出菜单并进行修改后弹出： CMenu menu1,menu2; menu1.CreatePopupMenu menu1.InsertMenu(1) menu1.InsertMenu(2) menu1.InsertMenu(3) menu2.CreatePopupMenu menu2.AppendMenu(MF_POPUP,1,menu1.Detach()) 将弹出菜单加入 or InsertMenu... menu2.InsertMenu("string desc"); menu.TrackPopupMenu(...) 3.4 文档，视，框架之间相互作用 一般来说用户的输入/输出基本都是通过视进行，但一些例外的情况下可能需要和框架直接发生作用，而在多视的情况下如何在视之间传递数据。 在使用菜单时大家会发现当一个菜单没有进行映射处理时为禁止状态，在多视的情况下菜单的状态和处理映射是和当前活动视相联系的，这样MFC可以保证视能正确的接收到各种消息，但有时候也会产生不便。有一个解决办法就是在框架中对消息进行处理，这样也可以保证当前文档可以通过框架得到当前消息。 在用户进行输入后如何使视的状态得到更新？这个问题在一个文档对应一个视图时是不存在的，但是现在有一个文档对应了两个视图，当在一个视上进行了输入时如何保证另一个视也得到通知呢？MFC的做法是利用文档来处理的，因为文档管理着当前和它联系的视，由它来通知各个视是最合适的。让我们同时看两个函数： • void CView::OnUpdate( CView* pSender, LPARAM lHint, CObject* pHint ) • void CDocument::UpdateAllViews( CView* pSender, LPARAM lHint = 0L, CObject* pHint = NULL ) 当文档的UpdateAllViews被调用时和此文档相关的所有视的OnUpdate都会被调用，而参数lHint和pHint都会被传递。这样一来发生改变视就可以通知其他的兄弟了。那么还有一个问题：如何在OnUpdate中知道是那个视图发生了改变呢，这就可以利用pHint参数，只要调用者将this指针赋值给参数就可以了，当然完全可以利用该参数传递更复杂的结构。 视的初始化，当一个文档被打开或是新建一个文档时视图的CView::OnInitialUpdate()会被调用，你可以通过重载该函数对视进行初始化，并在结束前调用父类的OnInitialUpdate，因为这样可以保证OnUpdate会被调用。 文档中内容的清除，当文档被关闭时（比如退出或是新建前上一个文档清除）void CDocument::DeleteContents ()会被调用，你可以通过重载该函数来进行清理工作。 在单文档结构中上面两点尤其重要，因为软件运行文档对象和视对象只会被产生并删除一次。所以应该将上面两点和C++对象构造和构析分清楚。 最后将一下文档模板（DocTemplate）的作用，文档模板分为两类单文档模板和多文档模板，分别由CSingleDocTemplate和CMultiDocTemplate表示，模板的作用在于记录文档，视，框架之间的对应关系。还有一点就是模板可以记录应用程序可以打开的文件的类型，当打开文件时会根据文档模板中的信息选择正确的文档和视。模板是一个比较抽想的概念，一般来说是不需要我们直接进行操作的。 当使用者通过视修改了数据时，应该调用GetDocument()->SetModifiedFlag(TRUE)通知文档数据已经被更新，这样在关闭文档时会自动询问用户是否保存数据。 好象这一节讲的有些乱，大家看后有什么想法和问题请在VCHelp论坛上留言，我会尽快回复并且会对本节内容重新整理和修改。 3.5 利用序列化进行文件读写 在很多应用中我们需要对数据进行保存，或是从介质上读取数据，这就涉及到文件的操作。我们可以利用各种文件存取方法完成这些工作，但MFC中也提供了一种读写文件的简单方法——“序列化”。序列化机制通过更高层次的接口功能向开发者提供了更利于使用和透明于字节流的文件操纵方法，举一个例来讲你可以将一个字串写入文件而不需要理会具体长度，读出时也是一样。你甚至可以对字符串数组进行操作。在MFC提供的可自动分配内存的类的支持下你可以更轻松的读/写数据。你也可以根据需要编写你自己的具有序列化功能的类。 序列化在最低的层次上应该被需要序列化的类支持，也就是说如果你需要对一个类进行序列化，那么这个类必须支持序列化。当通过序列化进行文件读写时你只需要该类的序列化函数就可以了。 怎样使类具有序列化功能呢？你需要以下的工作： • 该类从CObject派生。 • 在类声明中包括DECLARE_SERIAL宏定义。 • 提供一个缺省的构造函数。 • 在类中实现Serialze函数 • 使用IMPLEMENT_SERIAL指明类名和版本号 下面的代码建立了一个简单身份证记录的类，同时也能够支持序列化。 in H struct strPID { char szName[10]; char szID[16]; struct strPID* pNext; }; class CAllPID : public CObject { public: DECLARE_SERIAL(CAllPID) CAllPID(); ~CAllPID(); public:// 序列化相关 struct strPID* pHead; //其他的成员函数 void Serialize(CArchive& ar); }; in CPP IMPLEMENT_SERIAL(CAllPID,CObject,1) // version is 1，版本用于读数据时的检测 void CAllPID::Serialize(CArchive& ar) { int iTotal; if(ar.IsStoring()) {//保存数据 iTotal=GetTotalID();//得到链表中的记录数量 arr<26;i++) ar<>iTotal; for(int i=0;i26;j++) ar>>*(((BYTE*)pID)+j);//读一个strPID中所有的数据 //修改链表 } } } 当然上面的代码很不完整，但已经可以说明问题。这样CAllPID就是一个可以支持序列化的类，并且可以根据记录的数量动态分配内存。在序列化中我们使用了CArchive类，该类用于在序列化时提供读写支持，它重载了<>运算符号，并且提供Read和Write函数对数据进行读写。 下面看看如何在文档中使用序列化功能，你只需要修改文档类的Serialize(CArchive& ar)函数，并调用各个进行序列化的类的Serial进行数据读写就可以了。当然你也可以在文档类的内部进行数据读写，下面的代码利用序列化功能读写数据： class CYourDoc : public CDocument { void Serialize(CArchive& ar); CString m_szDesc; CAllPID m_allPID; ...... } void CYourDoc::Serialize(CArchive& ar) { if (ar.IsStoring()) {//由于CString对CArchive定义了<>操作符号，所以可以直接利用>>和<< ar<>m_szDesc; } m_allPID.Serialize(ar);//调用数据类的序列化函数 3.6 MFC中所提供的各种视类介绍 MFC中提供了丰富的视类供开发者使用，下面对各个类进行介绍： CView类是最基本的视类只支持最基本的操作。 CScrollView类提供了滚动的功能，你可以利用void CScrollView::SetScrollSizes( int nMapMode, SIZE sizeTotal, const SIZE& sizePage = sizeDefault, const SIZE& sizeLine = sizeDefault )设置滚动尺寸，和坐标映射模式。但是在绘图和接收用户输入时需要对坐标进行转换。请参见3.2 接收用户输入。 CFormView类提供用户在资源文件中定义界面的能力，并可以将子窗口和变量进行绑定。通过UpdateData函数让数据在变量和子窗口间交换。 CTreeView类利用TreeCtrl界面作为视界面，通过调用CTreeCtrl& CTreeView::GetTreeCtrl( ) const得到CTreeCtrl的引用。 CListView类利用ListCtrl界面作为视界面，通过调用CTreeCtrl& CTreeView::GetTreeCtrl( ) const得到CListCtrl的引用。 CEditView类利用Edit接收用户输入，它具有输入框的一切功能。通过调用CEdit& CEditView::GetEditCtrl( ) const得到Edit&的引用。void CEditView::SetPrinterFont( CFont* pFont )可以设置打印字体。 CRichEditView类作为Rich Text Edit（富文本输入）的视类，提供了可以按照格式显示文本的能力，在使用时需要CRichEditDoc的支持。 第四章 窗口控件 4.1 Button 按钮窗口（控件）在MFC中使用CButton表示，CButton包含了三种样式的按钮，Push Button，Check Box，Radio Box。所以在利用CButton对象生成按钮窗口时需要指明按钮的风格。 创建按钮：BOOL CButton::Create( LPCTSTR lpszCaption, DWORD dwStyle, const RECT& rect, CWnd* pParentWnd, UINT nID );其中lpszCaption是按钮上显示的文字，dwStyle为按钮风格，除了Windows风格可以使用外（如WS_CHILD|WS_VISUBLE|WS_BORDER）还有按钮专用的一些风格。 • BS_AUTOCHECKBOX 检查框，按钮的状态会自动改变 Same as a check box, except that a check mark appears in the check box when the user selects the box; the check mark disappears the next time the user selects the box. • BS_AUTORADIOBUTTON 圆形选择按钮，按钮的状态会自动改变 Same as a radio button, except that when the user selects it, the button automatically highlights itself and removes the selection from any other radio buttons with the same style in the same group. • BS_AUTO3STATE 允许按钮有三种状态即：选中，未选中，未定 Same as a three-state check box, except that the box changes its state when the user selects it. • BS_CHECKBOX 检查框 Creates a small square that has text displayed to its right (unless this style is combined with the BS_LEFTTEXT style). • BS_DEFPUSHBUTTON 默认普通按钮 Creates a button that has a heavy black border. The user can select this button by pressing the ENTER key. This style enables the user to quickly select the most likely option (the default option). • BS_LEFTTEXT 左对齐文字 When combined with a radio-button or check-box style, the text appears on the left side of the radio button or check box. • BS_OWNERDRAW 自绘按钮 Creates an owner-drawn button. The framework calls the DrawItem member function when a visual aspect of the button has changed. This style must be set when using the CBitmapButton class. • BS_PUSHBUTTON 普通按钮 Creates a pushbutton that posts a WM_COMMAND message to the owner window when the user selects the button. • BS_RADIOBUTTON 圆形选择按钮 Creates a small circle that has text displayed to its right (unless this style is combined with the BS_LEFTTEXT style). Radio buttons are usually used in groups of related but mutually exclusive choices. • BS_3STATE 允许按钮有三种状态即：选中，未选中，未定 Same as a check box, except that the box can be dimmed as well as checked. The dimmed state typically is used to show that a check box has been disabled. rect为窗口所占据的矩形区域，pParentWnd为父窗口指针，nID为该窗口的ID值。 获取/改变按钮状态：对于检查按钮和圆形按钮可能有两种状态，选中和未选中，如果设置了BS_3STATE或BS_AUTO3STATE风格就可能出现第三种状态：未定，这时按钮显示灰色。通过调用int CButton::GetCheck( ) 得到当前是否被选中，返回0：未选中，1：选中，2：未定。调用void CButton::SetCheck( int nCheck );设置当前选中状态。 处理按钮消息：要处理按钮消息需要在父窗口中进行消息映射，映射宏为ON_BN_CLICKED( id, memberFxn )id为按钮的ID值，就是创建时指定的nID值。处理函数原型为afx_msg void memberFxn( ); 4.2 Static Box 静态文本控件的功能比较简单，可作为显示字符串，图标，位图用。创建一个窗口可以使用成员函数： BOOL CStatic::Create( LPCTSTR lpszText, DWORD dwStyle, const RECT& rect, CWnd* pParentWnd, UINT nID = 0xffff ); 其中dwStyle将指明该窗口的风格，除了子窗口常用的风格WS_CHILD,WS_VISIBLE外，你可以针对静态控件指明专门的风格。 • SS_CENTER,SS_LEFT,SS_RIGHT 指明字符显示的对齐方式。 • SS_GRAYRECT 显示一个灰色的矩形 • SS_NOPREFIX 如果指明该风格，对于字符&将直接显示，否则&将作为转义符，&将不显示而在其后的字符将有下划线，如果需要直接显示&必须使用&&表示。 • SS_BITMAP 显示位图 • SS_ICON 显示图标 • SS_CENTERIMAGE 图象居中显示 控制显示的文本利用成员函数SetWindowText/GetWindowText用于设置/得到当前显示的文本。 控制显示的图标利用成员函数SetIcon/GetIcon用于设置/得到当前显示的图标。 控制显示的位图利用成员函数SetBitmap/GetBitmap用于设置/得到当前显示的位图。下面一段代码演示如何创建一个显示位图的静态窗口并设置位图 CStatic* pstaDis=new CStatic; pstaDis->Create("",WS_CHILD|WS_VISIBLE|SS_BITMAP|SSCENTERIMAGE, CRect(0,0,40,40),pWnd,1); CBitmap bmpLoad; bmpLoad.LoadBitmap(IDB_TEST); pstaDis->SetBitmap(bmpLoad.Detach()); 4.3 Edit Box Edit窗口是用来接收用户输入最常用的一个控件。创建一个输入窗口可以使用成员函数： BOOL CEdit::Create( LPCTSTR lpszText, DWORD dwStyle, const RECT& rect, CWnd* pParentWnd, UINT nID = 0xffff ); 其中dwStyle将指明该窗口的风格，除了子窗口常用的风格WS_CHILD,WS_VISIBLE外，你可以针对输入控件指明专门的风格。 • ES_AUTOHSCROLL,ES_AUTOVSCROLL 指明输入文字超出显示范围时自动滚动。 • ES_CENTER,ES_LEFT,ES_RIGHT 指定对齐方式 • ES_MULTILINE 是否允许多行输入 • ES_PASSWORD 是否为密码输入框，如果指明该风格则输入的文字显示为* • ES_READONLY 是否为只读 • ES_UPPERCASE,ES_LOWERCASE 显示大写/小写字符 控制显示的文本利用成员函数SetWindowText/GetWindowText用于设置/得到当前显示的文本。 通过GetLimitText/SetLimitText可以得到/设置在输入框中输入的字符数量。 由于在输入时用户可能选择某一段文本，所以通过void CEdit::GetSel( int& nStartChar, in
fckedit编辑器
编辑器 FCKeditor2.4 使用说明 .下载 FCKeditor2.3 (FCKeditot for java) FCKeditor2.4 (FCKeditor基本文件) 以下是下载地址： http://www.fckeditor.net/download/default.html 2.建立项目: 建立项目tomcat/webapps/TestFCKeditor. 3.将FCKeditor2.4解压缩 将FCKeditor2.4解压缩,将整个目录FCKeditor复制到项目的根目录下，并将解压缩出来的文件夹fckeditor重命名为FCKeditor 目录结构为：tomcat/webapps/TestFCKeditor/FCKeditor 然后将FCKeditor-2.3.zip（java）压缩包中\web\WEB-INF\lib\目录下的两个jar文件拷到项目的\WEB-INF\ lib\目录下把其中的src目录下的FCKeditor.tld文件copy到TestFCKedit/WEB-INF/下 4.合并web.xml: 将FCKeditor-2.3.zip压缩包中\web\WEB-INF\目录下的web.xml文件合并到项目的\WEB-INF\目录下的web.xml文件中 5. 修改合并后的web.xml文件 修改合并后的web.xml文件，将名为SimpleUploader的Servlet的enabled参数值改为true， 以允许上传功能，Connector Servlet的baseDir参数值用于设置上传文件存放的位置 在web.xml最后添加标签定义: /TestFCKeditor /WEB-INF/FCKeditor.tld 现在的web.xml文件没有标签了，应该直接在jsp文件中使用：<%@ taglib uri="http://fckeditor.net/tags-fckeditor" prefix="FCK" %> 6. 映射: 上面文件中两个servlet的映射分别为：/editor/filemanager/browser/default/connectors/jsp/connector 和/editor/filemanager/upload/simpleuploader，需要在两个映射前面加上/FCKeditor， 即改为/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector和 /FCKeditor/editor/filemanager/upload/simpleuploader 这两个名字根据你放在工程中的FCKeditor文件夹名称而定 7.修改skin文件夹 进入skin文件夹，如果你想使用fckeditor默认的这种奶黄色， 那就把除了default文件夹外的另两个文件夹直接删除.（建议不删除，以后要用到其中的一个文件夹） 8.删除无用文件 删除/FCKeditor/目录下除fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml四个文件以外的所有文件，保留文件夹editor 删除目录/editor/_source, 删除/editor/filemanager/browser/default/connectors/下的所有文件 删除/editor/filemanager/upload/下的所有文件 删除/editor/lang/下的除了fcklanguagemanager.js（我下载的没有这个文件）, en.js, zh.js, zh-cn.js四个文件的所有文件 9.修改配置： 打开/FCKeditor/fckconfig.js 修改 FCKConfig.DefaultLanguage = 'zh-cn' ; 把FCKConfig.LinkBrowserURL等的值替换成以下内容： FCKConfig.LinkBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" ; FCKConfig.ImageBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" ; FCKConfig.FlashBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" ; FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=File' ; FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Flash' ; FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Image' ; 10.其它 fckconfig.js总配置文件，可用记录本打开，修改后将文件存为utf-8 编码格式找到： FCKConfig.TabSpaces = 0 ; 改为FCKConfig.TabSpaces = 1 ; 即在编辑器域内可以使用Tab键 如果你的编辑器还用在网站前台的话，比如说用于留言本或是日记回复时，那就不得不考虑安全了， 在前台千万不要使用Default的toolbar，要么自定义一下功能，要么就用系统已经定义好的Basic， 也就是基本的toolbar，找到： FCKConfig.ToolbarSets["Basic"] = [ ['Bold','Italic','-','OrderedList','UnorderedList','-',/*'Link',*/'Unlink','-','Style','FontSize','TextColor','BGColor','-', 'Smiley','SpecialChar','Replace','Preview'] ] ; 这是改过的Basic，把图像功能去掉，把添加链接功能去掉，因为图像和链接和flash和图像按钮添加功能都能让前台 页直接访问和上传文件， fckeditor还支持编辑域内的鼠标右键功能 FCKConfig.ContextMenu = ['Generic',/*'Link',*/'Anchor',/*'Image',*/'Flash','Select','Textarea','Checkbox','Radio','TextField','HiddenField', /*'ImageButton',*/'Button','BulletedList','NumberedList','TableCell','Table','Form'] ; 这也是改过的把鼠标右键的链接图像，FLASH，图像按钮功能都去掉 找到： FCKConfig.FontNames = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ; 加上几种我们常用的字体 FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ; 11.添加文件 添加文件 /TestFCKeditor/test.jsp: <%@ page language="java" import="com.fredck.FCKeditor.*" %> <%@ taglib uri="/TestFCKeditor" prefix="FCK" %> <script type="text/javascript" src="/TestFCKeditor/FCKeditor/fckeditor.js"> ) 2.script脚本语言调用 (必须引用 脚本文件 <script type="text/javascript" src="/TestFCKeditor/FCKeditor/fckeditor.js"> ) --%> //标签调用方式 <%--
toolbarSet = "Default" > input
--%> //JS调用方式
<script type="text/javascript"> var oFCKeditor = new FCKeditor('content') ; oFCKeditor.BasePath = "/TestFCKeditor/FCKeditor/" ; oFCKeditor.Height = 400; oFCKeditor.ToolbarSet = "Default" ; oFCKeditor.ReplaceTextarea();
//FCKeditor API 调用 <%--
<% FCKeditor oFCKeditor ; oFCKeditor = new FCKeditor( request, "content" ) ; oFCKeditor.setBasePath( "/TestFCKeditor/FCKeditor/" ) ; oFCKeditor.setValue( "input" ); out.println( oFCKeditor.create() ) ; %>
--%> 添加文件/TestFCKeditor/show.jsp: <% String content = request.getParameter("content"); out.print(content); %> 12.测试 浏览http://localhost:8080/TestFCKeditor/test.jsp 最后注意不同的版本 变量名称可能不一样请参考你使用的API文档 配置选项: AutoDetectLanguage=true/false 自动检测语言 BaseHref="" 相对链接的基地址 ContentLangDirection="ltr/rtl" 默认文字方向 ContextMenu=字符串数组,右键菜单的内容 CustomConfigurationsPath="" 自定义配置文件路径和名称 Debug=true/false 是否开启调试功能,这样,当调用FCKDebug.Output()时,会在调试窗中输出内容 DefaultLanguage="" 缺省语言 EditorAreaCss="" 编辑区的样式表文件 EnableSourceXHTML=true/false 为TRUE时,当由可视化界面切换到代码页时,把HTML处理成XHTML EnableXHTML=true/false 是否允许使用XHTML取代HTML FillEmptyBlocks=true/false 使用这个功能,可以将空的块级元素用空格来替代 FontColors="" 设置显示颜色拾取器时文字颜色列表 FontFormats="" 设置显示在文字格式列表中的命名 FontNames="" 字体列表中的字体名 FontSizes="" 字体大小中的字号列表 ForcePasteAsPlainText=true/false 强制粘贴为纯文本 ForceSimpleAmpersand=true/false 是否不把&符号转换为XML实体 FormatIndentator="" 当在源码格式下缩进代码使用的字符 FormatOutput=true/false 当输出内容时是否自动格式化代码 FormatSource=true/false 在切换到代码视图时是否自动格式化代码 FullPage=true/false 是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容 GeckoUseSPAN=true/false 是否允许SPAN标记代替B,I,U标记 IeSpellDownloadUrl=""下载拼写检查器的网址 ImageBrowser=true/false 是否允许浏览服务器功能 ImageBrowserURL="" 浏览服务器时运行的URL ImageBrowserWindowHeight="" 图像浏览器窗口高度 ImageBrowserWindowWidth="" 图像浏览器窗口宽度 LinkBrowser=true/false 是否允许在插入链接时浏览服务器 LinkBrowserURL="" 插入链接时浏览服务器的URL LinkBrowserWindowHeight=""链接目标浏览器窗口高度 LinkBrowserWindowWidth=""链接目标浏览器窗口宽度 Plugins=object 注册插件 PluginsPath="" 插件文件夹 ShowBorders=true/false 合并边框 SkinPath="" 皮肤文件夹位置 SmileyColumns=12 图符窗列数 SmileyImages=字符数组 图符窗中图片文件名数组 SmileyPath="" 图符文件夹路径 SmileyWindowHeight 图符窗口高度 SmileyWindowWidth 图符窗口宽度 SpellChecker="ieSpell/Spellerpages" 设置拼写检查器 StartupFocus=true/false 开启时FOCUS到编辑器 StylesXmlPath="" 设置定义CSS样式列表的XML文件的位置 TabSpaces=4 TAB键产生的空格字符数 ToolBarCanCollapse=true/false 是否允许展开/折叠工具栏 ToolbarSets=object 允许使用TOOLBAR集合 ToolbarStartExpanded=true/false 开启是TOOLBAR是否展开 UseBROnCarriageReturn=true/false 当回车时是产生BR标记还是P或者DIV标记 解决上传乱码: 在SimpleUploaderServlet.java和ConnectorServlet.java两个文件里找到 DiskFileUpload upload = new DiskFileUpload(); 分别在其后加入 upload.setHeaderEncoding("utf-8"); 这样解决了文件上传的中文乱码问题. 但是在控制台显示的中文内容还是乱码,但是没关系,我们没必要去看控制台下的中文 ----------------------------------------------------------------another FCKeditor2.4.2 Java版使用说明 下载地址以及基本配置请参考：http://hi.baidu.com/wain19/blog/item/c33fb0fab74f24dfb48f312d.html 我的开发环境是ubuntu7.04, 系统默认编码是utf-8, 期间，本人遇到了下面这些问题： 问题一：XML request error: Internel Server Error(500) 出现错误的地方是在：点插入图片，点Browse按钮的时候： XML request error: Internel Server Error(500) 找资料：http://lamono.javaeye.com/blog/49135 拷贝xalan.jar和serialize.jar到/WEB-INF/lib，问题解决 FCKeditor-java没有很好的解决中文问题需要我们修改它的源代码后重新编译打包打包过程如下： 1 新建一个web工程名字为FCKeditor-java-2.3，然后把FCKeditor-2.3-java.zip解压缩后的代码拷贝到工程目录下 2如果是用的Eclipse,使用快捷键Ctrl+Shift+R 在SimpleUploaderServlet.java和ConnectorServlet.java两个文件里找到 DiskFileUpload upload = new DiskFileUpload(); 分别在其后加入 upload.setHeaderEncoding("utf-8"); 现在如果直接运行ant任务，会报下面的错误： taskdef class org.apache.catalina.ant.DeployTask cannot be found 3 把tomcat安装目录下/server/lib中的catalina-ant.jar拷贝到/WEB-INF/lib目录 下 4 打开build.xml 找到 找到 运行ant任务dist, 就可以生成新的FCKeditor-2.3.jar包 问题三： 上传时新建的中文目录全部乱码 虽然上传到服务器上的文件名正常，但在JSP页面点下载链接时文件名乱码导致不能正常下载 查找资料：TOMCAT 链接参数有中文时，乱码解决方法 http://hi.baidu.com/jadestone/blog/item/7564deefc9192d36acafd5be.html 修改tomcat-home/conf/server.xml 方法一: 在两处地方加上URIEncoding="utf-8"： 方法二: 使用useBodyEncodingForURI="true". 这个方法适合你的TOMCAT实例下需要跑多个不同Encoding的程序时（有点怀疑？！） <... maxThreads="150" minSpareThreads="25" maxSpareThreads="75" enableLookups="false" redirectPort="8443" acceptCount="100" connectionTimeout="20000" disableUploadTimeout="true" useBodyEncodingForURI="true" /> enableLookups="false" redirectPort="8443" protocol="AJP/1.3" useBodyEncodingForURI="true" / 我只试了方法一，问题解决！ 这样, FCKeditor终于可以正常使用了 ================================================================= 以下为个人原创 http://blog.csdn.net/nickshen3/ 怎么将FCKeditor2.4使用在自己的web中 1. 在webapps创建test文件夹webapps\test 2. 将下载的FCKeditor2.3的Java包FCKeditor-2.3.zip解压缩，并将web文件夹下的两个文件夹_samples，WEB-INF拷贝到刚才建立的webapps\test下再将src文件夹下的FCKeditor.tld拷贝到WEB-INF下 3. 在webapps\test\下建立文件夹FCKeditor 4. 将刚才下载的 FCKeditor_2.4.3.zip 解压缩，然后将fckeditor文件夹下的 editor（文件夹）,fckconfig.js,fckeditor.js,fckstyles.xml,fcktemplates.xml四个文件拷贝到刚才建立的文件夹FCKeditor下 5.修改test\_samples\jsp\sample02.jsp文件，将原来的
iOS8开发技术（Swift版）：多视图和UITabBar
本课程主要介绍了toolbar、uitabbar、uitabtabcontroller以及多视图切换的问题。
Ext Js权威指南(.zip.001
Ex4.0共2个压缩包特性，《ext js权威指南》 前　言 第1章　ext js 4开发入门 / 1 1.1　学习ext js必需的基础知识 / 1 1.2　json概述 / 3 1.2.1　认识json / 3 1.2.2　json的结构 / 3 1.2.3　json的例子 / 4 1.2.4　在javascript中使用json / 4 1.2.5　在.net中使用json / 8 1.2.6　在java中使用json / 12 1.2.7　更多有关json的信息 / 15 1.3　ext js 4概述 / 15 1.4　ext js的开发工具的获取、安装与配置介绍 / 18 1.4.1　ext designer / 18 1.4.2　在visual studio中实现智能提示 / 23 1.4.3　spket / 28 1.4.4　在eclipse中实现智能提示 / 32 1.5　如何获得帮助 / 32 1.6　本章小结 / 33 .第2章　从“hello world”开始 / 34 2.1　获取ext js 4 / 34 2.2　配置使用ext js库 / 35 2.3　编写“hello world”程序 / 37 2.4　关于ext.onready / 38 2.5　关于ext.blank_image_url / 40 2.6　关于字体 / 42 2.7　ext js 4语法 / 42 2.8　本地化 / 60 2.9　为本书示例准备一个模板 / 60 2.10　本章小结 / 61 第3章　调试工具及技巧 / 62 3.1　使用firebug进行调试 / 62 3.2　在ie中调试 / 76 3.2.1　使用debugbar和companion.js调试 / 76 3.2.2　使用ietester测试 / 80 3.2.3　在ie 8或ie 9中调试 / 83 3.3　在chrome中调试 / 84 3.4　调试工具的总结 / 84 3.5　调试技巧 / 85 3.6　本章小结 / 89 第4章　ext js的基础架构 / 90 4.1　ext js框架的命名空间：ext / 90 4.1.1　概述 / 90 4.1.2　apply和applyif方法 / 90 4.1.3　不推荐的extend方法 / 92 4.1.4　数据及其类型检测 / 95 4.1.5　其他的基础方法 / 99 4.2　为框架顺利运行提供支持 / 107 4.2.1　平台检测工具：ext.is / 107 4.2.2　当前运行环境检测工具：ext.supports / 109 4.3　ext js的静态方法 / 112 4.3.1　概述 / 112 4.3.2　ext.object中的静态方法 / 113 4.3.3　ext.function中的静态方法 / 120 4.3.4　ext.array中的静态方法 / 127 4.3.5　ext.error中的静态方法 / 133 4.4　深入了解类的创建及管理 / 135 4.4.1　开始创建类 / 135 4.4.2　创建类的类：ext.class / 137 4.4.3　所有继承类的基类：ext.base / 151 4.4.4　实现动态加载：ext.loader / 151 4.4.5　管理类的类：ext.classmanager / 159 4.4.6　类创建的总结 / 161 4.5　动态加载的路径设置 / 163 4.6　综合实例：页面计算器 / 165 4.7　本章小结 / 169 第5章　ext js的事件及其应用 / 170 5.1　概述 / 170 5.2　浏览器事件 / 170 5.2.1　绑定浏览器事件的过程：ext.eventmanager / 170 5.2.2　封装浏览器事件：ext.eventobject / 179 5.2.3　移除浏览器事件 / 181 5.3　内部事件 / 184 5.3.1　内部事件对象：ext.util.event / 184 5.3.2　为组件添加事件接口：ext.util.observable / 188 5.3.3　为组件绑定事件 / 189 5.3.4　内部事件的触发过程 / 192 5.3.5　移除事件 / 194 5.4　特定功能的事件对象 / 196 5.4.1　延时任务：ext.util.delayedtask / 196 5.4.2　一般任务：ext.util.taskrunner与ext.taskmanager / 198 5.4.3　封装好的单击事件：ext.util.clickrepeater / 200 5.5　键盘事件 / 201 5.5.1　为元素绑定键盘事件：ext.util.keymap / 201 5.5.2　键盘导航：ext.util.keynav / 204 5.6　综合实例：股票数据的实时更新 / 205 5.7　本章小结 / 214 第6章　选择器与dom操作 / 215 6.1　ext js的选择器：ext.domquery / 215 6.1.1　选择器的作用 / 215 6.1.2　使用ext.query选择页面元素 / 215 6.1.3　基本选择符 / 223 6.1.4　属性选择符 / 229 6.1.5　css属性值选择符 / 234 6.1.6　伪类选择符 / 235 6.1.7　扩展选择器 / 248 6.1.8　ext.domquery的使用方法 / 249 6.1.9　ext js选择器的总结 / 252 6.2　获取单一元素：ext.dom.element / 252 6.2.1　从错误开始 / 252 6.2.2　使用ext.get获取元素 / 253 6.2.3　使用ext.fly获取元素 / 256 6.2.4　使用ext.getdom获取元素 / 257 6.2.5　获取元素的总结 / 258 6.3　元素生成器：ext.dom.helper / 258 6.3.1　概述 / 258 6.3.2　使用createhtml或markup方法生成html代码 / 258 6.3.3　使用createdom方法生成dom对象 / 261 6.3.4　使用createtemplate方法创建模板 / 263 6.3.5　helper对象的使用方法 / 263 6.4　元素的操作 / 273 6.5　获取元素集合：ext.compositeelementlite与ext.compositeelement / 277 6.5.1　使用ext.select获取元素集合 / 277 6.5.2　ext.dom.compositeelement与ext.dom.compositeelementlite的区别 / 279 6.5.3　操作元素集合 / 279 6.6　综合实例：可折叠的面板accordion / 280 6.7　本章小结 / 283 第7章　数据交互 / 284 7.1　数据交互基础 / 284 7.1.1　ajax概述 / 284 7.1.2　封装ajax：ext.data.connection与ext.ajax / 284 7.1.3　使用ajax / 291 7.1.4　跨域获取数据：ext.data.jsonp / 295 7.1.5　为element对象提供加载功能：ext.elementloader / 295 7.1.6　为组件提供加载功能：ext.componentloader / 296 7.2　代理 / 299 7.2.1　代理概述 / 299 7.2.2　基本的代理：ext.data.proxy.proxy / 300 7.2.3　进行批量操作：ext.data.batch与ext.data.operation / 303 7.2.4　服务器端代理：ext.data.proxy.server / 305 7.2.5　使用ajax处理数据的代理：ext.data.proxy.ajax与ext.data.proxy.rest / 308 7.2.6　跨域处理数据的代理：ext.data.proxy.jsonp / 312 7.2.7　为ext.direct服务的代理：ext.data.proxy.direct / 312 7.2.8　客户端代理：ext.data.proxy.client / 314 7.2.9　从变量中提取数据的代理：ext.data.proxy.memory / 314 7.2.10　使用浏览器存储的代理：ext.data.webstorageproxy、ext.data. sessionstorageproxy和ext.data.proxy.localstorage / 314 7.3　读取和格式化数据 / 315 7.3.1　概述 / 315 7.3.2　数据的转换过程：ext.data.reader.xml、ext.data.reader.json和ext.data.reader.array / 315 7.3.3　reader对象的配置项 / 321 7.3.4　格式化提交数据：ext.data.writer.writer、ext.data.writer.json和ext.data. writer.xml / 322 7.3.5　writer对象的配置项 / 325 7.4　数据模型 / 326 7.4.1　概述 / 326 7.4.2　数据类型及排序类型：ext.data.types与ext.data.sorttypes / 326 7.4.3　数据模型的骨架——字段：ext.data.field / 330 7.4.4　数据集：ext.util.abstractmixedcollection与ext.util.mixedcollection / 330 7.4.5　数据验证及错误处理：ext.data.validations与ext.data.errors / 332 7.4.6　模型的关系：ext.data.association、ext.data.hasmanyassociation和ext.data.belongstoassociation / 334 7.4.7　管理数据模型：ext.abstractmanager与ext.modelmanager / 336 7.4.8　定义数据模型：ext.data.model / 336 7.4.9　数据模型的定义过程 / 337 7.4.10　数据模型的创建 / 340 7.4.11　数据模型的配置项、属性和方法 / 343 7.5　store / 344 7.5.1　概述 / 344 7.5.2　store对象的实例化过程 / 345 7.5.3　treestore对象的实例化过程 / 348 7.5.4　ext.data.store加载数据的方法 / 350 7.5.5　ext.data.treestore加载数据的方法 / 354 7.5.6　store的配置项 / 358 7.5.7　store的分页 / 359 7.5.8　store的排序：ext.util.sorter与ext.util.sortable / 360 7.5.9　store的过滤：ext.util.filter / 363 7.5.10　store的分组：ext.util.grouper / 363 7.5.11　树节点：ext.data.nodeinterface与ext.data.tree / 364 7.5.12　store的方法 / 366 7.5.13　store的事件 / 368 7.5.14　store管理器：ext.data.storemanager / 369 7.6　综合实例 / 369 7.6.1　远程读取json数据 / 369 7.6.2　读取xml数据 / 378 7.6.3　store的数据操作 / 379 7.7　本章小结 / 384 第8章　模板与组件基础 / 385 8.1　模板 / 385 8.1.1　模板概述 / 385 8.1.2　ext.template的创建与编译 / 385 8.1.3　格式化输出数据：ext.string、ext.number、ext.date和ext.util.format / 389 8.1.4　超级模板：ext.xtemplate（包括ext.xtemplateparser和ext.xtemplatecompiler） / 393 8.1.5　模板的方法 / 396 8.2　组件的基础知识 / 396 8.2.1　概述 / 396 8.2.2　组件类的整体架构 / 397 8.2.3　布局类的整体架构 / 402 8.2.4　组件的创建流程 / 403 8.2.5　常用的组件配置项、属性、方法和事件 / 415 8.3　为组件添加功能 / 418 8.3.1　为元素添加阴影：ext.shadow与ext.shadowpool / 418 8.3.2　为组件提供阴影和shim功能：ext.layer / 419 8.3.3　让组件实现浮动功能：ext.util.floating / 420 8.3.4　记录组件状态：ext.state.stateful / 420 8.3.5　实现调整大小功能：ext.resizer.resizer与ext.resizer.resizetracker / 420 8.3.6　为组件提供拖动功能：ext.util.componentdragger / 421 8.3.7　为组件实现动画功能：ext.util.animate / 422 8.3.8　其他的组件辅助功能类 / 423 8.4　组件的管理 / 423 8.4.1　组件管理及查询：ext.componentmanager与ext.componentquery / 423 8.4.2　焦点管理：ext.focusmanager / 424 8.4.3　z-order管理：ext.zindexmanager与ext.windowmanager / 425 8.4.4　状态管理：ext.state.manager、ext.state.provider、ext.state.local-storageprovider和ext.state.cookieprovider / 426 8.5　综合实例 / 426 8.5.1　使用子模板 / 426 8.5.2　递归调用模板 / 428 8.6　本章小结 / 429 第9章　容器、面板、布局和视图 / 430 9.1　容器与布局的关系 / 430 9.2　容器 / 431 9.2.1　容器的创建过程：ext.container.abstractcontainer与ext.container.container / 431 9.2.2　 ext.container.abstractcontainer和ext.container.container的配置项、属性、方法和事件 / 434 9.2.3　将body元素作为容器：ext.container.viewport / 435 9.3　面板 / 436 9.3.1　面板的结构 / 436 9.3.2　构件的放置：dockeditems / 438 9.3.3　面板标题栏构件：ext.panel.header与ext.panel.tool / 438 9.3.4　记录和恢复面板属性：ext.util.memento / 439 9.3.5　面板常用的配置项、方法和事件 / 439 9.4　布局 / 441 9.4.1　布局概述 / 441 9.4.2　布局的运行流程：ext.layout.layout / 441 9.4.3　容器类布局基类：ext.layout.container.container / 442 9.4.4　盒子布局、垂直布局与水平布局：ext.layout.container.box、ext.layout.container.vbox与ext.layout.container.hbox / 442 9.4.5　为盒子模型提供调整大小的功能：ext.resizer.splitter / 445 9.4.6　手风琴布局：ext.layout.container.accordion / 447 9.4.7　锚固布局：ext.layout.container.anchor / 448 9.4.8　绝对定位布局：ext.layout.container.absolute / 450 9.4.9　边框布局：ext.layout.container.border / 451 9.4.10　自动布局：ext.layout.container.auto / 453 9.4.11　表格布局：ext.layout.container.table / 454 9.4.12　列布局：ext.layout.container.column / 455 9.4.13　自适应布局：ext.layout.container.abstractfit与ext.layout.container.fit / 456 9.4.14　卡片布局：ext.layout.container.abstractcard与ext.layout.container.card / 456 9.5　标签面板 / 458 9.5.1　标签面板的构成及其运行流程：ext.tab.panel、ext.tab.bar与ext.tab.tab / 458 9.5.2　标签面板的配置项、属性、方法和事件 / 462 9.5.3　使用标签页 / 463 9.5.4　可重用的标签页 / 465 9.6　视图与选择模型 / 465 9.6.1　视图与选择模型概述 / 465 9.6.2　视图的运行流程：ext.view.abstractview与ext.view.view / 466 9.6.3　选择模型的工作流程 / 475 9.6.4　选择模型的配置项、属性、方法和事件 / 480 9.6.5　视图的配置项、属性、方法和事件 / 482 9.6.6　使用视图 / 484 9.7　页面布局设计 / 491 9.8　综合实例 / 492 9.8.1　布局设计实例：仿eclipse界面 / 492 9.8.2　在单页面应用中使用卡片布局实现“页面”切换 / 496 9.9　本章小结 / 498 第10章　重构后的grid / 500 10.1　grid的基类及其构成 / 500 10.1.1　概述 / 500 10.1.2　表格面板的运行流程：ext.panel.table / 500 10.1.3　表格视图的运行流程：ext.view.table与ext.view.tablechunker / 505 10.1.4　列标题容器的运行流程：ext.grid.header.container / 508 10.1.5　列标题的运行流程：ext.grid.column.column / 510 10.1.6　虚拟滚动条的工作原理：ext.grid.pagingscroller / 511 10.1.7　锁定列的运行流程：ext.grid.lockable与ext.grid.lockingview / 516 10.2　使用grid / 520 10.2.1　最简单的grid / 520 10.2.2　列的配置项 / 521 10.2.3　自定义单元格的显示格式 / 523 10.2.4　通过列对象定义单元格的显示格式 / 525 10.2.5　设置行的背景颜色 / 532 10.2.6　列标题的分组 / 533 10.2.7　使用锁定列 / 534 10.2.8　grid的配置项、属性、方法和事件 / 535 10.3　grid的附加功能 / 537 10.3.1　概述 / 537 10.3.2　附加功能基类：ext.grid.featrue.featrue / 537 10.3.3　为行添加附加信息：ext.grid.featrue.rowbody / 538 10.3.4　数据汇总功能：ext.grid.featrue.abstractsummary与ext.grid.featrue. summary / 539 10.3.5　分组功能：ext.grid.featrue.grouping / 543 10.3.6　分组汇总功能：ext.grid.featrue.groupingsummary / 545 10.4　可编辑的grid / 546 10.4.1　概述 / 546 10.4.2　grid实现可编辑功能的运行流程：ext.grid.plugin.editing / 547 10.4.3　单元格编辑的运行流程：ext.grid.plugin.cellediting、ext.grid.celleditor与ext.editor / 550 10.4.4　行编辑的运行流程：ext.grid.plugin.rowediting与ext.grid.roweditor / 556 10.4.5　在grid中使用单元格编辑模式 / 561 10.4.6　在grid中使用行编辑模式 / 562 10.4.7　grid编辑插件的配置项、属性、方法和事件 / 563 10.5　关于列表视图：listview / 564 10.6　属性grid / 564 10.6.1　概述 / 564 10.6.2　使用属性grid / 564 10.6.3　自定义编辑组件 / 565 10.6.4　propertygrid的配置项、属性、方法和事件 / 566 10.7　综合实例 / 567 10.7.1　使用不同选择模型的grid以及设置默认选择行 / 567 10.7.2　grid的本地排序和过滤 / 569 10.7.3　使用分页工具条（pagingtoolbar）实现远程分页、排序和过滤 / 570 10.7.4　使用分页滚动条（pagingscroller）实现远程分页、排序和过滤 / 574 10.7.5　使用cellediting实现数据的增删改 / 578 10.7.6　使用rowediting实现数据的增删改 / 587 10.7.7　主从表的显示 / 589 10.8　本章小结 / 595 第11章　与grid同源的树 / 597 11.1　树的构成 / 597 11.1.1　概述 / 597 11.1.2　树面板的运行流程：ext.tree.panel / 597 11.1.3　treestore的运行流程：ext.data.treestore / 600 11.1.4　treecolumn的运行流程：ext.tree.column / 602 11.1.5　视图的运行流程：ext.tree.view与ext.data.nodestore / 602 11.1.6　树的选择模型：ext.selection.treemodel / 603 11.2　树的使用 / 603 11.2.1　一个最简单的树 / 603 11.2.2　树节点的默认字段 / 603 11.2.3　为树节点添加附加字段 / 604 11.2.4　显示多列数据（treegrid效果） / 605 11.2.5　在树中使用复选框 / 605 11.2.6　树的配置项、属性、方法和事件 / 607 11.3　综合实例 / 608 11.3.1　树的远程加载 / 608 11.3.2　树的动态加载及节点维护 / 610 11.3.3　xml树及节点维护 / 617 11.3.4　使用树动态控制grid的显示 / 622 11.4　本章小结 / 625 第12章　表单 / 626 12.1　表单的构成及操作 / 626 12.1.1　表单面板的运行流程：ext.form.panel与ext.form.fieldancestor / 626 12.1.2　表单面板的配置项、属性、方法和事件 / 628 12.1.3　表单的管理：ext.form.basic / 629 12.1.4　basicform的配置项、属性、方法和事件 / 635 12.1.5　表单的操作：ext.form.action.action / 636 12.1.6　加载操作的运行流程：ext.form.action.load与ext.form.action.directload / 637 12.1.7　提交操作的运行流程：ext.form.action.submit、ext.form.action.directsubmit与ext.form.action.standardsubmit / 641 12.1.8　字段的构成 / 643 12.1.9　basefield的配置项、属性、方法和事件 / 643 12.1.10　常用的验证函数：ext.form.field.vtypes / 647 12.2　使用字段 / 647 12.3　使用trigger类字段 / 664 12.3.1　具有单击功能的字段：ext.form.field.trigger / 664 12.3.2　实现微调功能的spinner字段 / 665 12.3.3　使用numberfield字段 / 666 12.3.4　下拉选择类字段的基类：ext.form.field.picker / 667 12.3.5　使用datefield字段 / 667 12.3.6　使用timefield字段 / 669 12.4　使用combobox字段 / 669 12.4.1　概述 / 669 12.4.2　boundlist对象的运行流程 / 670 12.4.3　combobox字段的配置项、属性、方法和事件 / 671 12.4.4　最简单的combobox / 672 12.4.5　自定义列表显示格式的combobox / 673 12.4.6　动态调整combobox的列表数据 / 674 12.4.7　实现combobox的联动 / 676 12.4.8　使用combobox的查询功能 / 684 12.4.9　设置combobox的默认值 / 688 12.5　表单的验证和加载数据 / 690 12.5.1　表单的验证及错误显示方式 / 690 12.5.2　为表单加载数据 / 695 12.6　在表单中使用布局 / 701 12.6.1　分列显示表单的字段 / 701 12.6.2　使用fieldset作为列容器 / 703 12.6.3　使用两列布局加htmleditor的表单 / 704 12.6.4　在表单中使用标签页 / 705 12.7　综合实例：实现products表的管理功能 / 706 12.8　本章小结 / 715 第13章　窗口 / 716 13.1　窗口：ext.window.window. / 716 13.1.1　窗口的构成 / 716 13.1.2　窗口的配置项、属性、方法和事件 / 716 13.1.3　使用窗口 / 718 13.1.4　在窗口内使用布局 / 719 13.2　信息提示窗口：ext.window.messagebox / 720 13.2.1　概述 / 720 13.2.2　信息提示窗口的构成 / 720 13.2.3　使用信息提示窗口 / 722 13.2.4　信息提示窗口按钮的本地化 / 723 13.2.5　使用alert方法 / 724 13.2.6　使用confirm方法 / 724 13.2.7　使用progress方法 / 725 13.2.8　使用prompt方法 / 726 13.2.9　使用wait方法 / 727 13.2.10　使用信息提示窗口要注意的问题 / 727 13.3　综合实例：实现登录窗口 / 729 13.4　本章小结 / 733 第14章　按钮、菜单与工具条 / 734 14.1　按钮 / 734 14.1.1　按钮的构成：ext.button.button / 734 14.1.2　按钮的配置项、属性、方法和事件 / 734 14.1.3　使用按钮 / 736 14.1.4　带分割线的按钮：ext.button.split / 737 14.1.5　多状态按钮：ext.button.cycle / 737 14.1.6　按钮组：ext.container.buttongroup / 738 14.2　菜单及菜单项 / 739 14.2.1　ext js的菜单（menu对象）是什么 / 739 14.2.2　菜单管理器：ext.menu.manager / 740 14.2.3　菜单项：ext.menu.item / 740 14.2.4　可复选的菜单项：ext.menu.checkitem / 741 14.2.5　菜单分隔条：ext.menu.separator / 741 14.2.6　颜色选择器菜单：ext.menu.colorpicker / 742 14.2.7　日期选择菜单：ext.menu.datepicker / 742 14.2.8　使用菜单 / 742 14.3　工具栏及工具栏组件 / 743 14.3.1　工具栏：ext.toolbar.toolbar / 743 14.3.2　非交互式工具栏条目的基类：ext.toolbar.item / 743 14.3.3　文本项：ext.toolbar.textitem / 744 14.3.4　填充项：ext.toolbar.fill / 744 14.3.5　工具栏分隔条：ext.toolbar.separator / 744 14.3.6　空白项：ext.toolbar.spacer / 744 14.3.7　分页工具栏：ext.toolbar.paging / 744 14.3.8　使用工具栏 / 747 14.4　使用ext.action / 747 14.4.1　概述 / 747 14.4.2　action对象配置项和方法 / 748 14.4.3　使用示例 / 748 14.5　综合实例：在grid中使用右键菜单 / 750 14.6　本章小结 / 752 第15章　图形与图表 / 753 15.1　基础知识 / 753 15.1.1　svg简介 / 753 15.1.2　vml简介 / 754 15.2　图形介绍 / 755 15.2.1　概述 / 755 15.2.2　画布的工作流程：ext.draw.component / 755 15.2.3　图形引擎及接口：ext.draw.surface、ext.draw.engine.svg和ext.draw.engine.vml / 757 15.2.4　画笔：ext.draw.sprite / 760 15.2.5　图层：ext.draw.compositesprite / 760 15.2.6　调色板：ext.draw.color / 760 15.2.7　辅助对象：ext.draw.draw与ext.draw.matrix / 760 15.3　使用图形功能 / 760 15.3.1　简单的开始 / 760 15.3.2　drawcomponent对象的配置项、属性、方法和事件 / 761 15.3.3　surface对象的配置项、属性、方法和事件 / 761 15.3.4　drawsprite对象的配置项、属性、方法和事件 / 762 15.3.5　compositesprite对象的配置项、属性、方法和事件 / 763 15.3.6　使用基本图形 / 764 15.3.7　使用图片 / 765 15.3.8　使用路径 / 766 15.3.9　移动、旋转和缩放图形 / 767 15.3.10　使用渐变效果 / 770 15.3.11　使用图层 / 771 15.4　图表介绍 / 772 15.4.1　概述 / 772 15.4.2　图表的工作流程 / 773 15.5　使用图表 / 776 15.5.1　从一个简单例子开始 / 776 15.5.2　坐标轴的配置项 / 777 15.5.3　series对象的配置项、属性、方法和事件 / 779 15.5.4　折线图的配置项 / 780 15.5.5　显示多个折线图及使用图例 / 782 15.5.6　使用面积图 / 783 15.5.7　简单条形图（bar和column chart）及使用标签（label对象） / 785 15.5.8　堆积条形图 / 787 15.5.9　分组条形图 / 788 15.5.10　自定义条形颜色 / 789 15.5.11　使用散点图 / 789 15.5.12　使用饼图 / 791 15.5.13　自定义饼块颜色 / 792 15.5.14　使用表盘图 / 792 15.5.15　使用雷达图 / 795 15.5.16　使用时间轴 / 796 15.5.17　实现实时动态的图表 / 797 15.5.18　使用组合图 / 800 15.5.19　在图表中使用背景 / 801 15.5.20　在图表中自定义主题 / 803 15.6　本章小结 / 805 第16章　其他组件及实用功能 / 806 16.1　其他组件 / 806 16.2　使用滑块 / 812 16.3　使用提示信息 / 814 16.4　实用功能 / 822 16.5　本章小结 / 826 第17章　可简化通信的ext.direct / 827 17.1　准备工作 / 827 17.2　ext.direct的工作原理及构成 / 827 17.2.1　工作原理 / 827 17.2.2　ext.direct的构成 / 828 17.2.3　remotingprovider对象的具体工作流程 / 829 17.2.4　pollingprovider对象的具体工作流程 / 838 17.3　配置ext.direct的使用环境 / 839 17.3.1　概述 / 839 17.3.2　.net环境的配置 / 839 17.3.3　java环境的配置 / 842 17.4　使用ext.direct / 846 17.4.1　概述 / 846 17.4.2　使用directproxy及进行curd操作 / 846 17.4.3　使用ext.direct实现树的动态加载及节点维护 / 854 17.4.4　使用directload为表单加载数据 / 858 17.4.5　使用directsubmit提交表单及使用session / 863 17.4.6　使用ext.direct上传文件 / 866 17.4.7　使用pollingprovider对象 / 868 17.4.8　错误处理 / 871 17.5　本章小结 / 872 第18章　动画功能 / 873 18.1　动画功能的构成及工作流程 / 873 18.1.1　概述 / 873 18.1.2　动画功能的工作流程：ext.fx.anim / 874 18.1.3　分步动画的工作流程：ext.fx.animator / 877 18.2　使用动画 / 880 18.2.1　由最简单的动画开始 / 880 18.2.2　过渡效果使用的功能函数介绍 / 880 18.2.3　使用分步动画 / 882 18.2.4　注意的问题 / 883 18.3　在element对象中使用动画 / 883 18.4　本章小结 / 888 第19章　拖放功能 / 889 19.1　拖放功能的构成及工作流程 / 889 19.1.1　概述 / 889 19.1.2　dragdropmanager对象的工作流程 / 891 19.1.3　注册节点：ext.dd.registry / 893 19.1.4　一般拖动功能的工作流程：ext.dd.dd / 894 19.1.5　dragsource对象的工作流程 / 897 19.1.6　droptarget对象的工作流程 / 898 19.1.7　dragzone对象的工作流程 / 899 19.1.8　dropzone对象的工作流程 / 899 19.2　使用拖放功能 / 899 19.2.1　最简单的拖动效果 / 899 19.2.2　使用dragsource对象与droptarget对象 / 900 19.2.3　使用dragzone对象与dropzone对象（使用registry对象） / 902 19.2.4　使用dragzone对象与dropzone对象（不使用registry对象） / 903 19.2.5　通过拖动实现节点排序 / 904 19.2.6　使用gridviewdropzoneplugin插件 / 905 19.2.7　使用treeviewdragdropplugin插件 / 907 19.2.8　关于grid和tree拖动后的数据保存问题 / 910 19.3　本章小结 / 910 第20章　扩展与插件 / 911 20.1　扩展与插件的区别 / 911 20.2　扩展与插件如何选择 / 911 20.3　如何编写扩展 / 911 20.3.1　命名空间 / 911 20.3.2　定义扩展 / 912 20.3.3　定义别名 / 912 20.3.4　定义备用名 / 912 20.3.5　要求加载的类：requires与uses / 912 20.3.6　混入功能 / 913 20.3.7　构造函数与initcomponent方法 / 913 20.3.8　静态属性和方法与单件模式 / 913 20.3.9　可自动生成set和get方法的属性与initconfig方法 / 914 20.3.10　在扩展中常用的方法 / 914 20.3.11　编写扩展：treecombobox / 914 20.4　如何编写插件 / 920 20.4.1　概述 / 920 20.4.2　abstractplugin对象 / 921 20.4.3　插件的别名 / 921 20.4.4　编写插件：rowcolor / 922 20.5　扩展和插件介绍 / 923 20.5.1　概述 / 923 20.5.2　本地分页代理：ext.ux.data.pagingmemoryproxy / 923 20.5.3　标签滚动菜单：ext.ux.tabscrollermenu / 925 20.5.4　编辑器tinymce / 926 20.6　本章小结 / 928 第21章　主题开发 / 929 21.1　准备工作 / 929 21.1.1　安装ruby / 929 21.1.2　安装compass / 930 21.1.3　sass介绍 / 931 21.2　为ext js 4创建新主题 / 933 21.2.1　概述 / 933 21.2.2　目录结构 / 933 21.2.3　修改配置 / 933 21.2.4　编译 / 935 21.2.5　测试主题 / 935 21.3　通过ui配置项设置组件样式 / 937 21.4　本章小结 / 937 第22章　mvc应用架构 / 938 22.1　mvc应用架构的构成及工作流程 / 938 22.1.1　构成 / 938 22.1.2　控制器的工作流程：ext.app.controller / 938 22.1.3　application对象的工作流程 / 940 22.2　一步一步实现mvc框架 / 942 22.2.1　概述 / 942 22.2.2　创建目录 / 942 22.2.3　创建首页 / 942 22.2.4　创建启动脚本：app.js / 943 22.2.5　定义登录对话框 / 944 22.2.6　创建应用脚本：application.js / 948 22.2.7　创建viewport视图 / 949 22.2.8　菜单视图及控制器 / 950 22.2.9　实现订单管理 / 952 22.2.10　实现产品管理 / 958 22.2.11　示例效果 / 969 22.3　本章小结 / 970 附录　简写类名与ext js类名对照表 / 971
调整Toolbutton(动态生成)的位置
写作日期：2020-4-7 作者：习践无界 希望对大家有所利益，同大家结个缘分。尤其是新学Delphi的朋友。 想在ToolButton18的前方动态插入ToolButton。主要是设置Left、AutoSize属性。实现方式如下： tbtn:=TToolButton.Create(toolbar1); tbtn.Caption:= Common_Form.cdsFuncLink.FieldBy...
Delphi

5,386

社区成员

262,729

社区内容

发帖
与我相关
我的任务
社区描述
Delphi 开发及应用
社区管理员
  • VCL组件开发及应用社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章