我的微店
得闲笔记
我命由我不由天

   

在上一章节,咱们实现了一个定制特色按钮的框架,不晓得列位看官,将里面的信息都消化了没有。如果都消化完全,那么现在请跟着俺的脚本来着手定制一个QQ的效果按钮。常理上,先分析一下,需要的几个效果还是上章所说的那几个效果,只是本次我们需要将上次的那个丑陋的效果换成皮肤的效果,这个皮肤的效果怎么来呢!呵呵,很简单,会PS的自己PS,不会的就直接去搞QQ的图片,抓个图,然后搞出来就行啦!抓到的图,我们可以将各个状态下的图片都弄到资源文件中去,然后就可以直接从资源文件中取得图片,之后在不同的状态下,进行贴图操作就可以了。资源文件的制作,应该都还小的怎么做吧,在很早前的一章中,就说明道了,怎么制作资源文件了。

  那个asdf那个就是我新做的具备有皮肤效果的按钮了,当然,这只是一个列子,代码中没有考虑到的地方有很多很多,比如说按钮大小的变化(现在这个按钮的大小事固定了的),还有就是边角的透明处理,现在是没做任何处理的,我仅仅是用Canvas.Draw来实现了。

代码
unit DxButton;

interface
uses Windows,Messages,Classes,SysUtils,Controls,Graphics;

type
{$R BtnRes.RES}
TDxButton
= class(TCustomControl)
private
FIsDown:Boolean;
FInButtonArea: Boolean;
FOnClick: TNotifyEvent;
protected
procedure Paint;override;
procedure CMTextChanged(var msg: TMessage);message CM_TEXTCHANGED;
procedure CMEnabledChanged(var Message: TMessage); message CM_ENABLEDCHANGED;
procedure CMMouseEnter(var Message: TMessage); message CM_MOUSEENTER;
procedure CMMouseLeave(var Message: TMessage); message CM_MOUSELEAVE;
procedure MouseDown(Button: TMouseButton; Shift: TShiftState;X, Y: Integer); override;
procedure MouseUp(Button: TMouseButton; Shift: TShiftState;X, Y: Integer); override;
procedure WMEnable(var Message: TMessage); message WM_ENABLE;
procedure WMKillFocus(var msg: TWMKillFocus);message WM_KILLFOCUS;
procedure WMS(var msg: TWMSetFocus);message WM_SETFOCUS;
public
constructor Create(AOwner: TComponent);override;
procedure Click; override;
published
property Color;
property Enabled;
property Caption;
property OnClick: TNotifyEvent read FOnClick write FOnClick;
end;

var
BtnBmp:
array[0..3] of TBitmap;
implementation

procedure Frame3D(Canvas: TCanvas; var Rect: TRect; TopColor, BottomColor: TColor;
Width: Integer);

procedure DoRect;
var
TopRight, BottomLeft: TPoint;
begin
with Canvas, Rect do
begin
TopRight.X :
= Right;
TopRight.Y :
= Top;
BottomLeft.X :
= Left;
BottomLeft.Y :
= Bottom;
Pen.Color :
= TopColor;
PolyLine([BottomLeft, TopLeft, TopRight]);
Pen.Color :
= BottomColor;
Dec(BottomLeft.X);
PolyLine([TopRight, BottomRight, BottomLeft]);
end;
end;

begin
Canvas.Pen.Width :
= 1;
Dec(Rect.Bottom); Dec(Rect.Right);
while Width > 0 do
begin
Dec(Width);
DoRect;
InflateRect(Rect,
-1, -1);
end;
Inc(Rect.Bottom); Inc(Rect.Right);
end;

function GetNearColor(const Color: TColor;OffsetValue: integer): TColor;
var
R, G, B, dR, dG, dB: Byte;
begin
if (OffsetValue > 127) or (OffsetValue < -127) then
raise Exception.Create('偏移值为-127-127之间')
else if OffsetValue = 0 then
Result :
= Color
else
begin
Result :
= ($80 + OffsetValue) shl 24 or (ColorToRGB(Color));
R :
= Byte(Result shr 0);
G :
= Byte(Result shr 8);
B :
= Byte(Result shr 16);
if OffsetValue > 0 then
begin
Inc(OffsetValue);
dR :
= not R;
dG :
= not G;
dB :
= not B;
end
else
begin
dR :
= R;
dG :
= G;
dB :
= B;
end;
R :
= R + (dR * OffsetValue) shr 7;
G :
= G + (dG * OffsetValue) shr 7;
B :
= B + (dB * OffsetValue) shr 7;
Result :
= RGB(R,G,B)
end;
end;
{ TDxButton }

procedure TDxButton.Click;
begin
if Visible and Enabled then
begin
if Assigned(FOnClick) then
FOnClick(Self);
end;
end;

procedure TDxButton.CMEnabledChanged(var Message: TMessage);
begin
inherited;
if Parent <> nil then
Invalidate;
end;

procedure TDxButton.CMMouseEnter(var Message: TMessage);
begin
FInButtonArea:
=True;
Invalidate;
inherited;
end;

procedure TDxButton.CMMouseLeave(var Message: TMessage);
begin
FInButtonArea:
=False;
Invalidate;
inherited;
end;

procedure TDxButton.CMTextChanged(var msg: TMessage);
begin
Invalidate;
end;

constructor TDxButton.Create(AOwner: TComponent);
begin
inherited;
ControlStyle :
= [csSetCaption, csCaptureMouse];
Width :
= 69;
Height :
= 21;
end;

procedure TDxButton.MouseDown(Button: TMouseButton; Shift: TShiftState; X,
Y: Integer);
begin
inherited;
if Enabled then
begin
SetFocus;
FIsDown:
=True;
Invalidate;
end;
end;

procedure TDxButton.MouseUp(Button: TMouseButton; Shift: TShiftState; X,
Y: Integer);
var
IsClick: Boolean;
begin
inherited;
IsClick :
= FIsDown;
FIsDown :
= False;
Invalidate;
if IsClick and FInButtonArea then
begin
Click;
FIsDown:
=False;
end;
end;

procedure TDxButton.Paint;
var
r: TRect;
begin
r :
= ClientRect;
{$IFDEF NoSKIN}
if not FIsDown then
Frame3D(Canvas,r,GetNearColor(Color,
80),GetNearColor(Color,-80),1)
else Frame3D(Canvas,r,GetNearColor(Color,-80),GetNearColor(Color,80),1);
//然后绘制文字
if Focused then
begin
Canvas.Brush.Color :
= not Color;
InflateRect(r,
-1,-1);
DrawFocusRect(Canvas.Handle,r)
end;
{$ELSE}
//采用皮肤
if not Enabled then
Canvas.draw(
0,0,BtnBmp[1])
else if not FIsDown then
begin
if FInButtonArea then
Canvas.draw(
0,0,BtnBmp[3])
else Canvas.draw(0,0,BtnBmp[0])
end
else Canvas.Draw(0,0,BtnBmp[2]);

{$ENDIF}
Canvas.Brush.Style :
= bsClear;
Canvas.Font.Assign(Font);
if not Enabled then
begin
OffsetRect(r,
1, 1);
Canvas.Font.Color :
= clWhite;
DrawText(Canvas.Handle, PChar(Caption), Length(Caption), r, DT_CENTER
or DT_VCENTER or DT_SINGLELINE);
Canvas.Font.Color :
= clGray;
OffsetRect(r,
-1, -1);
end;
DrawText(Canvas.Handle, PChar(Caption), Length(Caption), r, DT_CENTER
or DT_VCENTER or DT_SINGLELINE);
end;

procedure TDxButton.WMEnable(var Message: TMessage);
begin
SetEnabled(Message.WParam
<> 0);
end;

procedure TDxButton.WMKillFocus(var msg: TWMKillFocus);
begin
inherited;
Invalidate;
end;

procedure TDxButton.WMS(var msg: TWMSetFocus);
begin
inherited;
Invalidate;
end;

initialization
BtnBmp[
0] := TBitmap.Create;
BtnBmp[
0].Handle := LoadBitmap(HInstance,'NormalBtn');
BtnBmp[
1] := TBitmap.Create;
BtnBmp[
1].Handle := LoadBitmap(HInstance,'disableBtn');
BtnBmp[
2] := TBitmap.Create;
BtnBmp[
2].Handle := LoadBitmap(HInstance,'DownBtn');
BtnBmp[
3] := TBitmap.Create;
BtnBmp[
3].Handle := LoadBitmap(HInstance,'HotBtn');
finalization
BtnBmp[
0].Free;
BtnBmp[
1].Free;
BtnBmp[
2].Free;
BtnBmp[
3].Free;

end.

 

可以比较一下这个代码与上个代码的区别之处在什么地方!基本上最大的区别就是Paint中的实现方式了!另外我对于按钮的几个不同方式的图片最开始就初始化了,而没有在按钮类的内部创建,可以想象一下,是为啥!

 

Delphi组件开发教程指南目录

posted on 2010-05-27 16:43  不得闲  阅读(4968)  评论(4编辑  收藏  举报