用法要点
- 候选项放在
Values 里,DropDownCount 设定下拉时最多显示几行。
- 下拉箭头用
DropArrowNormal 和 DropArrowHot 两张图片。
- 下拉列表的边框和行颜色用
Menu... 系列属性设置(选中行底色、文字颜色等)。
AutoComplete 打开后输入时自动匹配候选项。
示例
摘自 Demo:MlSkin.Demo.滚动消息栏.v3.0(窗体文件 .dfm)
object cbb1: TMlSkinComboBox
Left = 51
Top = 34
Width = 78
Height = 26
Transparent = False
Alpha = 255
DoubleBuffered = False
BorderEffectNormal = 'MlSkinBorderNormal'
BorderEffectHot = 'MlSkinBorderHot'
TabOrder = 0
Items.Strings = (
'aeQuad'
'aeCirc'
'aeBack'
'aeBounce'
'aeCubic'
'aeElastic'
'aeExpo'
'aeQuart'
属性 14
| 名称 | 类型 | 默认值 | 说明 |
|---|
AutoComplete | Boolean | True | 输入时是否自动匹配候选项。 |
Items | TStrings | — | 控件的项目集合,在对象检查器里展开可逐项编辑。 |
ItemIndex | Integer | -1 | 当前选中项的序号,从 0 开始,-1 表示没有选中。 |
ItemHeight | Integer | — | 每一项的高度(像素)。 |
DropDownCount | Integer | 8 | 下拉时最多显示几行,超出后出现滚动条。 |
DropArrowHot | TMlResID | — | 鼠标移上时的下拉箭头图片。 |
DropArrowNormal | TMlResID | — | 下拉箭头的正常状态图片。 |
Values | TStrings | — | 下拉候选项列表,每行一项。 |
Style | TMlSkinCustomComboBoxStyle | csDropDown | 绘制样式。 |
MenuFrameColor | TColor | $00F9B937 | 下拉列表的边框颜色。 |
MenuItemSeletedColor | TColor | clHighLight | 下拉列表中选中行的底色。 |
MenuItemBackgroudColor | TColor | clWindow | 下拉列表的底色。 |
MenuItemSeletedFontColor | TColor | clHighlightText | 选中行的文字颜色。 |
MenuItemNormalFontColor | TColor | clBlack | 普通行的文字颜色。 |
事件 6
| 名称 | 类型 | 默认值 | 说明 |
|---|
OnListBoxDrawItem | TMlDrawSkinItemEvent | — | 绘制下拉列表中某一行时触发,可自定义行的外观。 |
OnComboBoxDrawItem | TMlDrawSkinItemEvent | — | 绘制输入框中显示的内容时触发。 |
OnChange | TNotifyEvent | — | 内容改变时触发。 |
OnClick | TNotifyEvent | — | 点击时触发。 |
OnCloseUp | TNotifyEvent | — | 下拉列表收起时触发。 |
OnDropDown | TNotifyEvent | — | 下拉列表弹出时触发。 |
TMlSkinBorderPanel 的属性 3
| 名称 | 类型 | 默认值 | 说明 |
|---|
ActiveHotFrame | Boolean | True | 是否启用鼠标悬停时换边框。打开后鼠标移上去会切换到 BorderEffectHot。 |
BorderEffectNormal | TMlResID | — | 正常状态的边框图片。 |
BorderEffectHot | TMlResID | — | 鼠标移上时的边框图片。 |
TMlSkinPanel 的属性 16
| 名称 | 类型 | 默认值 | 说明 |
|---|
Alpha | Byte | 192 | 透明度,0 为完全透明、255 为不透明。 |
BorderAlpha | Byte | 255 | 边框的透明度,0 为完全透明、255 为不透明,可做出淡淡的分隔线。 |
BorderSides | TSides | — | 画哪几条边框(上、下、左、右可任意组合)。 |
BorderColor | TColor | $00D9CBBA | 边框颜色。 |
Color | TColor | clWhite | 控件的底色。Transparent 打开时不生效。 |
CaptionVisible | Boolean | False | 是否显示文字。做纯图标按钮时关掉。 |
BackgroundFillType | TMlPngFillType | ftNormal | 背景图片的铺法:ftNormal 原样、ftTile 平铺、ftAutoStretch 自动拉伸、ftCenter 居中、ftStretch 拉伸铺满、ftGradient 渐变。 |
BackgroundImage | TMlResID | — | 背景图片,填图片资源 ID 或图片文件路径。 |
BackgroundOffsetX | Integer | 0 | 背景图片的横向偏移(像素)。 |
BackgroundOffsetY | Integer | 0 | 背景图片的纵向偏移(像素)。 |
GradientDirection | TGradientDirection | gdVertical | 渐变方向:gdHorizontal 水平、gdVertical 垂直。 |
GradientAlign | TGradientAlign | gaCenter | 渐变的对齐位置:居中、靠左或靠右。 |
GradientSize | Integer | 60 | 渐变区域的大小(像素)。 |
GradientStartColor | TColor | $00FFC446 | 渐变的起始颜色。 |
GradientEndColor | TColor | $00FDF8F3 | 渐变的结束颜色。 |
DoubleBorder | Boolean | True | 双层边框,在边框内侧再画一条线。 |
TMlSkinCustomPanel 的属性 1
| 名称 | 类型 | 默认值 | 说明 |
|---|
Color | TColor | clWhite | 控件的底色。Transparent 打开时不生效。 |
TMlSkinCustomPanel 的事件 1
| 名称 | 类型 | 默认值 | 说明 |
|---|
OnCustomDraw | TMlCustomDrawEvent | — | 自绘事件,可在控件画完后继续绘制自己的内容。 |
TMlSkinCustomControl 的属性 5
| 名称 | 类型 | 默认值 | 说明 |
|---|
About | TMlAboutInfo | — | 设计期属性。在对象检查器里双击会弹出 MlSkin 的关于窗口,显示组件版本信息;运行时没有作用,也不会保存到 dfm。 |
Transparent | Boolean | True | 背景是否透明。打开后控件不画自己的底色,直接显示窗体的背景(图片或颜色)。 |
Color | TColor | clWhite | 控件的底色。Transparent 打开时不生效。 |
AutoInvalidate | Boolean | False | 内容变化时是否自动重绘。动态改属性看不到变化时可以打开。 |
EraseBackground | Boolean | False | 绘制前是否擦除背景。界面闪烁时可以调整这个开关。 |
TMlSkinCustomControl 的事件 4
| 名称 | 类型 | 默认值 | 说明 |
|---|
OnDPIChanged | TMlDPIChangedEvent | — | 屏幕 DPI 改变时触发(例如窗口被拖到另一块不同缩放的显示器上),可在这里重新调整自绘内容。 |
OnBackgroundChanging | TMlBackgroundEvent | — | 背景即将改变时触发,可在这里干预要绘制的背景。 |
OnBackgroundChanged | TMlCustomDrawEvent | — | 背景绘制完成后触发,可在背景之上继续自绘内容。 |
OnVisibleChanged | TNotifyEvent | — | 控件显示或隐藏时触发。 |
本页只列出 MlSkin 新增的属性和事件;Align、Anchors、Font、OnClick 等标准 VCL 属性同样可用,用法与原生控件一致。