Delphi中停靠技術的實現

2019-11-18 18:47:02

字體：大中小

來源：轉載

供稿：網友

隨著軟件技術的不斷進步，軟件界面也越來越美觀，操作也越來越方便。

綜觀市面上比較專業的各種軟件，我們會發現大部分都提供窗體停靠的功能，特別象工具軟件，基本上都或多或少有停靠功能。

自然，Delphi也支持停靠，而且她和VCL緊密結合，對于廣大的Delphi程序員來說更是一大福音。讓我們省去枯燥的編碼時間。把注意力集中在核心程序的構思上。

先讓我們來復習一下VCL的結構，在TWinControl類中有一個DockSite屬性(boolean),它的作用是是否允許別的控件停靠在它的上面，在TControl類中有一個DragKind屬性，如果要這個控件能停靠在別的控件上，就把DragKind屬性設成dkDock。就這么簡單，只要設置一下屬性，一個支持停靠的程序就完成了。

當然，上面說的只是最最基本的步驟，有了以上兩步，我們就可以繼續編寫代碼實現更復雜的功能。

一般的支持停靠的程序都可以在主窗口的上下左右停靠，也就是說在主窗口的邊上放上能被停靠的控件比較好(只要是從TWinControl繼承的都行)，一般我們都選擇TPanel，為了便于讀者理解，我們可以假定主窗口的左邊可以停靠，所以在主窗口上放一個Align屬性為alLeft的Panel，取名為LeftDockPanel，寬度為0，DockSite屬性為True，當然我們的LeftDockPanel應該是可以改變大小的，所以在它右邊再放一個TSplitter，取名為LeftSplitter，Align屬性為alLeft。接下來就是停靠控件了，一般的程序停靠控件都是窗體，所以我們也建一個窗體，取名叫DockableForm，DragKind屬性設成dkDock，DragMode屬性設為dmAutomatic(自動停靠)。

現在我們可以運行這個程序了，什么？效果不好？停靠的窗體停靠停靠進去后就不見了！

哦，我差點忘了，當停靠窗體停靠時Delphi會產生一些事件，他們分別是

1．OnDockOver(Sender: TObject; Source: TDragDockObject;

X, Y: Integer; State: TDragState; var Accept: Boolean);

2．OnDockDrop(Sender: TObject; Source: TDragDockObject;

X, Y: Integer);

3．OnGetSiteInfo(Sender: TObject; DockClient: TControl;

var InfluenceRect: TRect; MousePos: TPoint; var CanDock: Boolean);

4．OnStartDock(Sender: TObject;

var DragObject: TDragDockObject);

5．OnEndDock(Sender, Target: TObject; X, Y: Integer);

6．OnUnDock(Sender: TObject; Client: TControl;

NewTarget: TWinControl; var Allow: Boolean);

哇，這么多，別急，讓我細細道來：

先讓我們來看看第一個事件

OnDockOver是在停靠控件(DockableForm)掠過被停靠控件(LeftDockPanel)時觸發的。Source包含了停靠―拖動操作的信息，其中有一個重要的屬性是Control，就是DockableForm，另一個重要的屬性是DockRect，就是停靠的位置；X,Y是鼠標的位置，State的狀態有dsDragEnter, dsDragLeave, dsDragMove，分別表示拖動進入，拖動離開，拖動移動；Accept是是否同意停靠的意思。OnDockOver事件主要作用是控制停靠窗體的預覽位置，下面我們來加入以下代碼：

PRocedure TMainForm.LeftDockPanelDockOver(Sender: TObject;

Source: TDragDockObject; X, Y: Integer; State: TDragState;

var Accept: Boolean);

var

ARect: TRect;

begin

Accept := Source.Control is TDockableForm;

if Accept then

begin

//修改預覽停靠位置

ARect.TopLeft := LeftDockPanel.ClientToScreen(Point(0, 0));

ARect.BottomRight := LeftDockPanel.ClientToScreen(

Point(Self.ClientWidth div 3, LeftDockPanel.Height));

Source.DockRect := ARect;

end;

現在再運行程序，當你把DockableForm拖動到主窗口左邊時，已經出現了預覽停靠位置，也就是虛線包含的范圍。

怎么？窗體又不見了？那當然了，我們只是講了OnDockOver，還沒詳細講解OnDockDrop呢，它才是決定停靠窗體在哪里出現的罪魁禍首：

OnDockDrop(Sender: TObject;

Source: TDragDockObject; X, Y: Integer);

參數和OnDockOver差不多，只是少了State: TDragState和var Accept: Boolean

它是在停靠窗體進入被停靠控件時發生的，作用是控制停靠窗體的最終位置。下面添加如下代碼：

procedure TMainForm.LeftDockPanelDockDrop(Sender: TObject;

Source: TDragDockObject; X, Y: Integer);

Begin

LeftDockPanel.Width := ClientWidth div 3;

LeftSplitter.Left := LeftDockPanel.Width + LeftSplitter.Width;

End;

現在再運行程序，哇塞，成功了。出現了一個和Delphi的IDE完全一樣的停靠窗體，上面是兩條橫線，用來把它拖出來，右上角有一個小X是用來關閉的。

不過好景不長，當我們把它關閉時，裝載DockableForm的LeftDockPanel不能還原，還是霸占著主窗口的客戶區，怎么辦？

嘻嘻，忘了告訴你們了，其實Delphi早就為我們作好了一切。

請打開DockableForm的關閉事件，你會發現原來當你點擊右上角那個小X關閉DockableForm時，它會觸發DockableForm的OnClose事件，在OnClose事件中把LeftDockPanel的寬度設為0就行了。

procedure TDockableForm.FormClose(Sender: TObject;

var Action: TCloseAction);

begin

MainForm.LeftDockPanel.Width := 0;

Action := caHide;

end;

以上所講的是如何在主窗口上停靠窗體，原代碼都通過測試。同理，我們可以在主窗口的右邊，下邊，上邊都實現停靠功能。

對了，剛才我們只介紹了OnDockOver和OnDockDrop,忘了介紹別的事件，下面簡單介紹一下：

3．OnGetSiteInfo(Sender: TObject; DockClient: TControl;

var InfluenceRect: TRect; MousePos: TPoint; var CanDock: Boolean);

這個事件是在窗體移動時觸發的，所以經常觸發，它里面的DockClient就是TDockableForm，

有一個引用參數叫CanDock，和OnDockOver中的Accept差不多，都是詢問是否允許停靠。在這里可以不寫，CanDock默認就是True，也可以寫上CanDock := DockClient is TDockableForm;

4．OnStartDock(Sender: TObject;

var DragObject: TDragDockObject);

5．OnEndDock(Sender, Target: TObject; X, Y: Integer);

6．OnUnDock(Sender: TObject; Client: TControl;

NewTarget: TWinControl; var Allow: Boolean);

這三個事件都是在DockableForm上面有用，意思分別是停靠開始，停靠結尾，不停靠(也就是被拖出來時)。

OnStartDock和OnEndDock經常會被觸發，

OnUnDock只在停靠窗體變成浮動時觸發

講了那么多，大家有沒有被搞糊涂？那好，我來做一下總結：

在Delphi中只要是從TWinControl繼承的控件都支持被停靠(如上面的LeftDockPanel)，也就是有DockSite這個屬性;所有從TControl繼承的控件都支持停靠(如上面的DockableForm),也就是有DragKind這個屬性.所以支持被停靠的控件都支持停靠，支持停靠的控件不一定支持被停靠，道理很簡單，因為TWinControl繼承于TControl。OnDockOver事件是控制停靠窗體的預覽位置；OnDockDrap事件是控制停靠窗體的最終位置；OnGetSiteInfo是詢問是否可以停靠；OnStartDock是停靠開始，OnEndDock是停靠結尾，OnUnDock是不停靠(也就是被拖出來時)。

想必Delphi用的熟的大蝦都知道在Delphi的可停靠窗體間可以相互停靠，而且花樣還很多，可以停靠成并排的，也可以停靠成PageControl樣式的，兩個可停靠窗體合并后的窗體又可以再和別的可停靠窗體合并，形成樹狀。下面來介紹這方面的技術：

說道這里，我們不得不介紹一下CM_DOCKCLIENT消息和TCMDockClient結構，

CM_DOCKCLIENT消息和TCMDockClient結構是相互對應的，TCMDockClient的結構是：

TCMDockClient = packed record

Msg: Cardinal;

DockSource: TDragDockObject;

MousePos: TSmallPoint;

Result: Integer;

end;

其中DockSource包含了停靠―拖動操作的信息，前面已經提到過；MousePos是鼠標的位置。CM_DOCKCLIENT事件在停靠和被停靠控件都可以捕獲，因為它是TWinControl類發出的，

代碼如下：

procedure TWinControl.DockDrop(Source: TDragDockObject; X, Y: Integer);

begin

if (Perform(CM_DOCKCLIENT, Integer(Source), Integer(SmallPoint(X, Y))) >= 0)

and Assigned(FOnDockDrop) then

FOnDockDrop(Self, Source, X, Y);

end;

可以看出，TWinControl是先發送DOCKCLIENT消息，再觸發OnDockDrop事件的。

為了演示可停靠窗體之間相互停靠，我們先創建一個宿主窗體，取名叫TiledHost,把它的DockSite設成True。它的作用是用來裝載兩個DockableForm的。

首先在DockableForm中捕獲DOCKCLIENT消息，在里面完成兩個窗體的相互停靠

聲明：

private

procedure CMDockClient(var Message: TCMDockClient); message CM_DOCKCLIENT;

end;

實現：

procedure TDockableForm.CMDockClient(var Message: TCMDockClient);

var

Host: TForm;

begin

if Message.DockSource.Control is TDockableForm then

begin

Host := TTiledHost.Create(application);

Host.BoundsRect := Self.BoundsRect;

Self.ManualDock(Host, nil, alNone);

Self.DockSite := False;

Message.DockSource.Control.ManualDock(Host, nil, alNone);

TDockableForm(Message.DockSource.Control).DockSite := False;

Host.Visible := True;

End;

end;

先解釋一下上面的代碼，首先創建TTiledHost的實例，然后用ManualDock函數把自己停靠到TTiledHost，把Message.DockSource.Control也停靠到TTiledHost，這樣就完成了窗體的相互停靠，當然，要是我們要程序產生停靠的預覽效果，就在DockableForm的OnDockOver事件里加入代碼：

procedure TDockableForm.FormDockOver(Sender: TObject;

Source: TDragDockObject; X, Y: Integer; State: TDragState;

var Accept: Boolean);

var

ARect: TRect;

begin

Accept := Source.Control is TDockableForm;

if Accept then

begin

ARect.TopLeft := ClientToScreen(Point(0, 0));

ARect.BottomRight := ClientToScreen(

Point(ClientWidth div 2, ClientHeight));

Source.DockRect := ARect;

end;

怎么樣，效果還可以吧。對了，需要注意的是，用ManualDock函數可以安全的完成停靠功能，不要用Dock函數。ManualDock函數有一些參數：

function ManualDock(NewDockSite: TWinControl; DropControl: TControl = nil; ControlSide: TAlign = alNone): Boolean;

NewDockSite：要被停靠的窗體；

DropControl：已經存在于NewDockSite的TControl，在這里可以把它設成nil;

ControlSide: 停靠的位置，可以是上，下，左，右，全部等。

當然，我們也可以讓TiledHost也具有和LeftDockPanel一樣有被停靠的功能，只要把TiledHost看成前面的LeftDockPanel，添加一些屬性和事件；把TiledHost看成DockableForm，

就可以有停靠的功能了。具體的做法這里不再闡述了，相信對VCL有深刻研究的大蝦都知道怎么做了。

下面我來講一下兩個窗體怎樣停靠成PageControl樣式。

首先創建一個窗體，叫TabHost，在它上面放一個PageControl,Align屬性設成alClient,讓它占滿整個TabHost，別忘了把PageControl的DockSite屬性設成True.

然后我們依次加入代碼：

procedure TDockableForm.FormDockOver(Sender: TObject;

Source: TDragDockObject; X, Y: Integer; State: TDragState;

var Accept: Boolean);

var

ARect: TRect;

begin

Accept := Source.Control is TDockableForm;

if Accept then

begin

ARect.TopLeft := ClientToScreen(ClientRect.TopLeft);

ARect.BottomRight := ClientToScreen(ClientRect.BottomRight);

Source.DockRect := ARect;

end;

和

procedure TDockableForm.CMDockClient(var Message: TCMDockClient);

var

Host: TForm;

begin

if Message.DockSource.Control is TDockableForm then

begin

Host := TTabHost.Create(Application);

Host.BoundsRect := Self.BoundsRect;

Self.ManualDock(TTabHost(Host).PageControl1, nil, alClient);

Message.DockSource.Control.ManualDock(TTabHost(Host).PageControl1, nil, alClient);

Host.Visible := True;

End;

代碼的具體意思在這里就不再解釋了，同理也可以讓TabHost具有停靠和被停靠的功能。還需要說明一下，TPageControl封裝了一些對停靠的支持，它捕獲了CM_DOCKCLIENT，

CM_DOCKNOTIFICATION，CM_UNDOCKCLIENT，WM_LBUTTONDBLCLK消息處理停靠動作。具體可以查看TPageControl的原代碼。

工具條的停靠也一樣，在主窗體上放一個ControlBar或CoolBar，把他們的DockSite設成True；再在上面放ToolBar, ToolBar的DragKind屬性設成dkDock，DragMode屬性設為dmAutomatic。在這里，TControl有一個屬性叫FloatingDockSiteClass，它的類型是TWinControl的引用(class of TWinControl),只要在主窗口創建時，把ToolBar的FloatingDockSiteClass屬性設成某一個窗體A，比如在設計時A這個窗體叫ToolBarDockForm,但在程序里面不用顯式的創建A，Delphi會自動創建，當ToolBar被拖動出來時，Delphi自動把它裝載到ToolBarDockForm里，當然ToolBarDockForm也要象上面提到的DockableForm一樣設置一定的屬性和添加一些代碼。