ListBox自画的另一种效果

本文代码简单实现了类似CnPack中的一个界面效果,利用TListBox的自画。
演示图片:

//---------------------------------------------------------------------------
// ListBox自画的另一种效果
// by ccrun(老妖)
// info ccrun.com
//---------------------------------------------------------------------------
#include <vcl.h>
#pragma hdrstop
#include "Unit1.h"
#include "Unit2.h"
//---------------------------------------------------------------------------
#pragma package(smart_init)
#pragma resource "*.dfm"
TMainForm *MainForm;
//---------------------------------------------------------------------------
__fastcall TMainForm::TMainForm(TComponent* Owner)
     : TForm(Owner)
{
   // ListBox的风格,要自画必须选lbOwnerDrawFixed和lbOwnerDrawVariable
   lbxMain->Style = lbOwnerDrawFixed;
   // 去掉ListBox的边框,可有可无
   lbxMain->Ctl3D = false;
   // ListBox的每一项的高度
   lbxMain->ItemHeight = 50;
   pStrList = new TStringList;
   // 往ListBox中添加些数据
   for(int i=0; i<10; i++)
   {
     lbxMain->Items->Add("ListBox Items of " + String(i));
     pStrList->Add("Second of " + String(i) + String((char)0x03) + "Third of " + String(i));
   }
}
//---------------------------------------------------------------------------
void __fastcall TMainForm::lbxMainDrawItem(TWinControl *Control, int Index,
    TRect &Rect, TOwnerDrawState State)
{
   // 填充的背景颜色
   lbxMain->Canvas->Brush->Color = clWhite;
   // 文字颜色
   lbxMain->Canvas->Font->Color = clBlack;
   // 填充背景
   lbxMain->Canvas->FillRect (Rect) ;
   // 圆角矩形的背景颜色
   lbxMain->Canvas->Brush->Color = TColor(0x00FFF7F7);
   // 圆角矩形的边框颜色
   lbxMain->Canvas->Pen->Color = TColor(0x00131315);
   // 画出圆角矩形
   lbxMain->Canvas->RoundRect(Rect.Left + 3, Rect.Top + 3,
       Rect.Right - 2, Rect.Bottom - 2, 8, 8);
   // 以不同的宽度和高度再画一次,实现立体效果
   lbxMain->Canvas->RoundRect(Rect.Left + 3, Rect.Top + 3,
       Rect.Right - 3, Rect.Bottom - 3, 5, 5);
   // 如果是当前选中项
   if(State.Contains(odSelected))
   {
     // 选中项的背景颜色
     lbxMain->Canvas->Brush->Color = TColor(0x00FFB2B5);
     // 以不同的背景色画出选中项的圆角矩形
     lbxMain->Canvas->RoundRect(Rect.Left + 3, Rect.Top + 3,
         Rect.Right - 3, Rect.Bottom - 3, 5, 5);
     // 选中项的文字颜色
     lbxMain->Canvas->Font->Color = clBlue;
     // 如果当前项拥有焦点
     if(State.Contains(odFocused))
       // 重画焦点虚框,实际上就是擦除了原先的焦点虚框
       // 我看到CnPack的设置中好象没有去除那个框. ccrun注
       ::DrawFocusRect(lbxMain->Canvas->Handle, &Rect);
   }
   // 画出图标
   ImageList1->Draw(lbxMain->Canvas, Rect.Left + 7,
       Rect.top + (lbxMain->ItemHeight - ImageList1->Height)/2, Index, true);
   // Item的第一行文字
   lbxMain->Canvas->TextOutA(Rect.Left + 32 + 10, Rect.Top + 4,
       lbxMain->Items->Strings[Index]);
   String strTemp = pStrList->Strings[Index];
   // Item的第二行文字
   lbxMain->Canvas->TextOutA(Rect.Left + 32 + 10, Rect.Top + 18,
       strTemp.SubString(1, strTemp.Pos((char)0x03) - 1).c_str());
   // Item的第三行文字
   lbxMain->Canvas->TextOutA(Rect.Left + 32 + 10, Rect.Top + 32,
       strTemp.SubString(strTemp.Pos((char)0x03) + 1, strTemp.Length()).c_str());
}
//---------------------------------------------------------------------------
// 点击ListBox以后显示点击的项目
void __fastcall TMainForm::lbxMainClick(TObject *Sender)
{
   pnlStatusBar->Caption = " " + lbxMain->Items->Strings[lbxMain->ItemIndex];
}
//---------------------------------------------------------------------------
void __fastcall TMainForm::FormShow(TObject *Sender)
{
   lbxMain->ItemIndex = 0;
   lbxMain->Repaint();
}
//---------------------------------------------------------------------------
void __fastcall TMainForm::FormDestroy(TObject *Sender)
{
   delete pStrList;
}
//---------------------------------------------------------------------------
void __fastcall TMainForm::lbxMainDblClick(TObject *Sender)
{
   TEditForm *p = new TEditForm(MainForm);
   p->edtFirst->Text = lbxMain->Items->Strings[lbxMain->ItemIndex];
   String strTemp = pStrList->Strings[lbxMain->ItemIndex];
   p->edtSecond->Text = strTemp.SubString(1, strTemp.Pos((char)0x03) - 1);
   p->edtThird->Text = strTemp.SubString(strTemp.Pos((char)0x03) + 1, strTemp.Length());
   p->pnlTitle->Caption = " 当前ListBox选中项:" + String(lbxMain->ItemIndex);
   p->pnlTitle->Tag = lbxMain->ItemIndex;
   p->Left = Left + (Width - p->Width) / 2;
   p->Top = Top + (Height - p->Height) / 2;
   p->ShowModal();
   delete p;
}
//---------------------------------------------------------------------------
void __fastcall TMainForm::pnlTitleMouseDown(TObject *Sender,
    TMouseButton Button, TShiftState Shift, int X, int Y)
{
   // 移动没有标题栏的窗体
   Refresh();
   if(Button == mbLeft)
   {
     ReleaseCapture();
     Perform(WM_SYSCOMMAND, 0xF017, 0);
   }  
}
//---------------------------------------------------------------------------
void __fastcall TMainForm::btnMenuCloseClick(TObject *Sender)
{
   Close();
}
//---------------------------------------------------------------------------
void __fastcall TMainForm::btnMenuUpDownClick(TObject *Sender)
{
   if(btnMenuUpDown->Caption == "6")
   {
     // 还原窗体
     btnMenuUpDown->Caption = "5";
     Height = 310;
   }
   else
   {
     // 上卷窗体
     btnMenuUpDown->Caption = "6";
     Height = 25;
   }
}
//---------------------------------------------------------------------------
void __fastcall TMainForm::imgLogoClick(TObject *Sender)
{
   // 打开 C++Builder研究 网站
   ShellExecute(Handle, NULL, "http://www.ccrun.com",
       NULL, NULL, SW_SHOWNORMAL);
}
//---------------------------------------------------------------------------

时间: 2024-12-31 12:42:46

ListBox自画的另一种效果的相关文章

android 2种效果求实现方法。。。有截图。。。

问题描述 android 2种效果求实现方法...有截图... ** 可以左右滑动,里面是文字,还可以上下滑动文字...我只做过图片的... ** ----------------------分割线----------------------------- 注意看图片边角(小半圆)...是怎么实现的,我已经确认过了图片是方形的,应该是覆盖了... 我不知道怎么覆盖的... 解决方案 android-support-v4.jar中的viewpager,里面是scrollview.覆盖,用relat

PS画出逼真人耳效果

  PS画出逼真人耳效果 最终效果图如上↑ 人体解剖学里的图像一般看起来都略为恐怖,但你可以通过简单的数码绘,将人体各部位分拆绘制,从而克服对写实版人体的恐惧.基于这样的小妙招,今天我们就来学习如何用PS,搭配Wacom手绘板,绘制一只逼真的人耳. 1. 勾勒耳部草图 第一步: 首先,找一张清晰明了的耳部图片作为参考.这里,我选用了来自Envato网站的照片,如下.因为我个人习惯先画朝向右侧的左耳,所以先将图像翻转过来,点击编辑→变换→水平翻转. 第二步:选用硬质圆头笔刷绘制草图.你们可以按照自

cad2007画橄榄球的两种方法

  cad2007画橄榄球的两种方法          橄榄球效果图: 橄榄球效果图 cad2007画橄榄球有两种方法: 第一种方法 1.画个椭圆和一条直线; cad 2.剪切--面域; cad 3.revolve旋转90°成实体; cad 4.fillet圆角; cad 5.阵列(注意UCS); cad 第二种方法 6.torus--指定圆环体中心<0,0,0>: 指定圆环体半径或[直径(D)]:-20 指定圆管半径或[直径(D)]:40;; cad 7.剖切剩四分之一; cad 8.同样方

Javscript轮播 支持平滑和渐隐两种效果(可以只有两张图)

原文:Javscript轮播 支持平滑和渐隐两种效果(可以只有两张图) 先上两种轮播效果:渐隐和移动   效果一:渐隐 1 2 3 4 效果二:移动 1 2 3 4   接下来,我们来大致说下整个轮播的思路: 一.先来看简单的,移动的,先上来一个图----移动效果图: 说明:       基本原则就是顺序是按照当前显示的为基准:如当前为2,那么顺序就是2,3,4,1:如当前为3,那么顺序就是3,4,1,2.以此类推.       整个移动划分为三种:1.下一个  2.上一个  3.任意个    

《Photoshop修色圣典(第5版)》—第1章1.10节何时两种效果最佳

1.10 何时两种效果最佳Photoshop修色圣典(第5版)在图1.8B这个RGB文件中的蓝色.绿色通道都是空白,这意味着有极多的蓝光和绿光进入了我们的眼睛.在RGB中名为"红色"的通道更像是"反红色"通道,只有在白色区域才含有大量的红,其他地方的红并不多.由于图1.8B中处处是最大量的蓝和绿,而很多地方的红并没有达到最大量,因此我们在很多地方看到的合成颜色是蓝绿色,只有把蓝.绿减弱才能显示出红色1. 现在,在图1.8C和图1.8D的空白通道(除了CMYK的黑色通

在Word中画横线的四种方法

(1)如果横线不长,可以采用设置下划线的方法:先按一下下划线工具"U",再根据需要输入几个字符,按一些空格.例如:"姓名"."学校"后边跟的空白字符下划线.例:姓名 (2)如果需要在文字上方或文字中间拦腰的横线,可以直接用绘图工具画出来.这种方法的缺点在于后期排版中,不容易对齐.例:错误 以上方法比较适合需要短横线的地方,如果要画整行.多行的横线,就显得不太方便. (3)如果需要画整行横线,如试卷.信纸等,可以按下键盘上的减号"-&qu

ps画同心圆的两种方法

  第一种用形状工具: 用椭圆工具,选择路径方式 相关关键字: 同心圆 按住shift键,随便画两个正圆 按a键,选择黑色箭头路径选择工具,按shift键,点击两个正圆 点击水平居中对齐,垂直居中对齐按钮 点击重叠区域除外按钮,再按组合按钮,使两个路径成为一个完整路径! 点击路径面板,点击第三个按钮,将路径作为选区载入,完成制作! 第二种方法: 先用快捷键ctrl+r,拉出两条参考线,点击椭圆选择工具,按住shift+alt键不要放手,用光标对准参考线的交点 ,制作一个正圆选区. 用光标对准参考

jquery动画效果学习笔记(8种效果)_jquery

1.元素的显示和隐藏 display:none; 隐藏 display:block; 显示 简单显示和隐藏方法 a) show() 显示 b) hide() 隐藏 c) toggle() 开关,显示则隐藏,隐藏则显示 <script type="text/javascript"> function f1(){ //隐藏 $("div").hide();//display:none //document.getElementById('id').style

pygame学习笔记(2):画点的三种方法和动画实例_python

1.单个像素(画点) 利用pygame画点主要有三种方法: 方法一:画长宽为1个像素的正方形 复制代码 代码如下: import pygame,sys pygame.init() screen=pygame.display.set_caption('hello world!') screen=pygame.display.set_mode([640,480]) screen.fill([255,255,255]) pygame.draw.rect(screen,[0,0,0],[150,50,1