自绘ListBox的两种效果

2016-02-19 16:21 16 1 收藏

下面是个自绘ListBox的两种效果教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - 编程语言 】

本文利用Listbox自绘实现了两种特殊效果,其中第两种风格来自C++ Builder 研究 www.ccrun.com,老妖用BCB实现了,现在把它转换成Delphi代码。
  
  演示图片:
  
  
  //--------------------------------------------------------------------------
  
  unit DrawListItem;

  interface

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/bianchengyuyan/)

  uses
    Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
    Dialogs, StdCtrls, ImgList, jpeg, ExtCtrls;

  type
    TForm1 = class(TForm)
      lsbRight: TListBox;
      ImageList1: TImageList;
      StaticText1: TStaticText;
      lsbLeft: TListBox;
      imgHouse: TImage;
      imgHouseGray: TImage;
      procedure FormCreate(Sender: TObject);
      procedure lsbRightDrawItem(Control: TWinControl; Index: Integer;
        Rect: TRect; State: TOwnerDrawState);
      procedure lsbRightClick(Sender: TObject);
      procedure FormShow(Sender: TObject);
      procedure lsbLeftDrawItem(Control: TWinControl; Index: Integer;
        Rect: TRect; State: TOwnerDrawState);
    private

    public
      { Public declarations }
    end;

  var
    Form1: TForm1;

  implementation

  {$R *.dfm}
  
  {========================================================================
    DESIGN BY :  彭国辉
    DATE:        2004-11-29
    SITE:       
http://kacarton.yeah.net/
    BLOG:        http://blog.csdn.net/nhconch
    EMAIL:       kacarton@sohu.com

    文章为作者原创,转载前请先与本人联系,转载请注明文章出处、保留作者信息,谢谢支持!
  =========================================================================}
  

  procedure
TForm1.FormCreate(Sender: TObject);
  var
      i: integer;
  begin
      lsbRight.Style := lbOwnerDrawFixed;
      lsbRight.Ctl3D := false;
      lsbRight.ItemHeight := 50;
      lsbRight.Items.Add('C++ Builder 研究
www.ccrun.com'#13'致力于BCB的学习探讨和研究'#13'ccrun(老妖)');
      lsbRight.Items.Add('编程手札 My Developer Knowledge Base'#13'http://blog.csdn.net/nhconch'#13'天蝎蝴蝶');
      for i:=3 to 10 do begin
          lsbRight.Items.Add('ListBox Items of ' + IntTostr(i) + #13'Second of '
              + IntToStr(i) + #13'Third of ' + IntToStr(i));
      end;

      lsbLeft.Style := lbOwnerDrawFixed;
      lsbLeft.Ctl3D := false;
      lsbLeft.ItemHeight := 90;
      lsbLeft.Items.Add('编程手札');
      lsbLeft.Items.Add('My Developer Knowledge Base');
      lsbLeft.Items.Add('站长:天蝎蝴蝶');
      lsbLeft.Items.Add('http://blog.csdn.net/nhconch');
  end;

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/bianchengyuyan/)

  procedure TForm1.lsbRightDrawItem(Control: TWinControl; Index: Integer;
    Rect: TRect; State: TOwnerDrawState);
  var
      strTemp: String;
  begin
      //文字颜色
      lsbRight.Canvas.Font.Color := clBlack;
      //设置背景颜色并填充背景
      lsbRight.Canvas.Brush.Color := clWhite;
      lsbRight.Canvas.FillRect (Rect);
      //设置圆角矩形颜色并画出圆角矩形
      lsbRight.Canvas.Brush.Color := TColor($00FFF7F7);
      lsbRight.Canvas.Pen.Color := TColor($00131315);
      lsbRight.Canvas.RoundRect(Rect.Left + 3, Rect.Top + 3,
              Rect.Right - 2, Rect.Bottom - 2, 8, 8);
      //以不同的宽度和高度再画一次,实现立体效果
      lsbRight.Canvas.RoundRect(Rect.Left + 3, Rect.Top + 3,
              Rect.Right - 3, Rect.Bottom - 3, 5, 5);
      //如果是当前选中项
      if(odSelected in State) then
      begin
          //以不同的背景色画出选中项的圆角矩形
          lsbRight.Canvas.Brush.Color := TColor($00FFB2B5);
          lsbRight.Canvas.RoundRect(Rect.Left + 3, Rect.Top + 3,
                  Rect.Right - 3, Rect.Bottom - 3, 5, 5);
          //选中项的文字颜色
          lsbRight.Canvas.Font.Color := clBlue;
          //如果当前项拥有焦点,画焦点虚框,当系统再绘制时变成XOR运算从而达到擦除焦点虚框的目的
          if(odFocused in State) then DrawFocusRect(lsbRight.Canvas.Handle, Rect);
      end;
      //画出图标
      ImageList1.Draw(lsbRight.Canvas, Rect.Left + 7,
              Rect.top + (lsbRight.ItemHeight - ImageList1.Height) div 2, Index, true);
      //分别绘出三行文字
      strTemp := lsbRight.Items.Strings[Index];
      lsbRight.Canvas.TextOut(Rect.Left + 32 + 10, Rect.Top + 4
  
                            , Copy(strTemp, 1, Pos(#13, strTemp)-1));
      strTemp := Copy(strTemp, Pos(#13, strTemp)+1, Length(strTemp));
      lsbRight.Canvas.TextOut(Rect.Left + 32 + 10, Rect.Top + 18,
                              Copy(strTemp, 1, Pos(#13, strTemp)-1));
      lsbRight.Canvas.TextOut(Rect.Left + 32 + 10, Rect.Top + 32,
                              Copy(strTemp, Pos(#13, strTemp)+1, Length(strTemp)));
  end;

  procedure TForm1.lsbRightClick(Sender: TObject);
  begin
      StaticText1.Caption := ' ' + lsbRight.Items.Strings[lsbRight.ItemIndex];
  end;

  procedure TForm1.FormShow(Sender: TObject);
  begin
      lsbRight.ItemIndex := 0;
      lsbRight.Repaint();

      lsbLeft.ItemIndex := 0;
      lsbLeft.Repaint();
  end;

  procedure TForm1.lsbLeftDrawItem(Control: TWinControl; Index: Integer;
    Rect: TRect; State: TOwnerDrawState);
  var
      r: TRect;
  begin
      with lsbLeft.Canvas do begin
          //设置填充的背景颜色并填充背景
          Brush.Color := clWhite;
          FillRect (Rect);
          //绘制圆角矩形
          if (odSelected in State) then   //选中项的圆角矩形颜色
              Pen.Color := $FFB2B5
          else                            //未选中项的圆角矩形颜色
              Pen.Color := clSilver;
          Brush.Style := bsClear;
          SetRect(r, Rect.Left+3, Rect.Top+3, Rect.Right-3, Rect.Bottom-3);
          RoundRect(r.Left, r.Top, r.Right, r.Bottom, 10, 10);
          //画出图标
          if (odSelected in State) then   //选中项的图像
              Draw(r.Left + (r.Right - r.Left - imgHouse.Width) shr 1,
                  r.Top + 2, imgHouse.Picture.Graphic)
          else                            //未选中项的图像
              Draw(r.Left + (r.Right - r.Left - imgHouseGray.Width) shr 1,
                  r.Top + 2, imgHouseGray.Picture.Graphic);
          //填充文字区背景
          r.Top := r.Bottom - Abs(Font.Height) - 4;
          Brush.Style := bsSolid;
          if (odSelected in State) then   //选中项的背景颜色
              Brush.Color := $FFB2B5
          else                            //未选中项的背景颜色
              Brush.Color := clSilver;
          FillRect(r);
          //输出文字,仅支持单行
          Font.Color := clBlack;
          r.Top := r.Top + 2; //计算文字顶点位置,(水平居中,DT_CENTER不可用)
  
        DrawText(Handle, PChar(TListBox(Control).Items.Strings[Index]), -1, r
                  , DT_CENTER or DT_END_ELLIPSIS{ or DT_WORDBREAK});
          //画焦点虚框,当系统再绘制时,变成XOR运算,从而达到擦除焦点虚框的目的
          if(odFocused in State) then DrawFocusRect(Rect);
      end;
  end;

  end.
  

来源:http://www.tulaoshi.com/n/20160219/1611811.html

延伸阅读
产后妈妈经常会被下半身肥胖所困扰,造成下半身肥胖的原因是多样的,但是适当的运动和均衡的饮食,依然有助于瘦腿,比如可以进行一些瘦腿运动,大腿操和小腿操等,轻轻松松解决产后瘦腿问题。现在就为大家介绍两种运动,教你产后如何瘦腿。 一、找出腿部问题 1、双腿浮肿 大腿和小腿都非常容易出现浮肿的情况。如果产后妈妈体内还有炎症...
标签: 营养价值
芝麻在我们的生活中是一种常见的食物,芝麻的功效也有很多,经常食用对我们的身体健康是有很大的好处的,但是大家知道白芝麻和黑芝麻的区别吗?白芝麻和黑芝麻哪个好呢?今天图老师的图老师小编就来一一向大家揭秘。 芝麻既然有黑白芝麻之分,那么在其功效上也就应该有所不同,下面随着图老师小编一起来看看下文吧。 目录 ...
自绘按钮的实现 作者:杜修杏 下载本文示例工程 如果你希望能够在自己的程序中表现出新意,那么你一定不会仅仅满足于MFC提供那些标准控件。这时,我们就必须自己另外多做些工作了。就改变控件外观这一点来说,主要是利用控件的自绘功能(Owner Draw)实现的。本篇将和各位一起定义一个XP风格的...
标签: PS PS教程
效果图: [next]  1.绘制正圆形选区(前景色为红,背景色为黑),填充渐变 2.在原先的圆形内绘制同心圆,反向填充渐变 3.黑色画笔制作扣眼 ps:1.绘制正圆形,按住SHIFT+ALT拖动     [next] 铜扣 1.打开原文件,复制背景层。选取圆形镂空图案,滤镜|风格化|浮雕效果(135,3,23) 2.滤镜|渲染|光照效果(默...
两种对眼睛有害的食物 为了眼睛的健康,人们应尽量少吃甜食和大蒜,尤其是老人和小孩。 对眼睛有害的食物,一般认为有两种: 甜食和大蒜,当然这里指的是过量食用。 甜食过量损害眼 大部分人只知道,常吃甜食容易增加体重,其实,它还会影响眼睛健康,诱发或加重一些眼睛疾病,如近视眼、白内障、视神经炎等。这是因为甜食中的糖分在人体内代...

经验教程

557

收藏

87
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部