TMlSkinImageSlider

图片轮播控件,多张图片滑动切换,可以自动播放,常用于首页banner或图片展示。

分类
图片列表
所在单元
uMlSkinImageSlider.pas
继承自
TMlSkinCustomImageSliderTMlSkinCustomPanelTMlSkinCustomControl

用法要点

  • AutoSlider 打开后自动轮播,SliderInterval 是每张停留的时间,SliderSpeed 是滑动的速度。
  • SliderType 选择切换方式;AutoImageSize 让图片自动适应控件大小。
  • 左右翻页按钮的图片用 ButtonLeftButtonRight,点击时分别触发对应事件。
  • 切换到下一张时触发 OnSliderPageChanged,点击底部圆点触发 OnDotButtonClick

示例

摘自 Demo:MlSkin.Demo.图片轮播滑动显示.v4.6(窗体文件 .dfm)

object sld1: TMlSkinImageSlider
  Left = 102
  Top = 48
  Width = 632
  Height = 340
  ButtonLeft.Active = True
  ButtonLeft.Image = 'MlSkinSlides'
  ButtonLeft.Normal = 2
  ButtonLeft.Hot = 0
  ButtonLeft.Disable = 0
  ButtonLeft.Count = 4
  ButtonLeft.Pressed = 2
  ButtonRight.Active = True
  ButtonRight.Image = 'MlSkinSlides'
  ButtonRight.Normal = 3
  ButtonRight.Hot = 1
  ButtonRight.Disable = 0
  ButtonRight.Count = 4
  ButtonRight.Pressed = 2
  Images = <

属性 15

名称类型默认值说明
AutoImageSizeBooleanTrue图片是否自动缩放到控件大小。
AutoSliderBooleanTrue是否自动轮播下一张图片。
ButtonLeftTPngPictures向左翻页按钮的图片。
ButtonRightTPngPictures向右翻页按钮的图片。
ImagesTMlSkinSliderItemCollection图标来源的 ImageList。
SliderIntervalInteger3000每张图片停留的时间(毫秒)。
SliderSpeedInteger50切换时滑动的速度。
SliderTypeTSliderTypestLeftRight切换方式(滑动、淡入淡出等)。
OptionsTImageSliderOptions[soLeftRightButtonVisible, soDotButtonVisible]该控件的一组选项设置,展开后可分别调整。
AlphaByte192透明度,0 为完全透明、255 为不透明。
BorderAlphaByte255边框透明度,0 为完全透明、255 为不透明。
BorderSidesTSides画哪几条边框(上、下、左、右可任意组合)。
BorderColorTColor$00D9CBBA边框颜色。
ColorTColorclWhite控件的底色。Transparent 打开时不生效。
DoubleBorderBooleanTrue双层边框,在边框内侧再画一条线。

事件 5

名称类型默认值说明
OnLeftButtonClickTNotifyEvent点击向左翻页按钮时触发。
OnRightButtonClickTNotifyEvent点击向右翻页按钮时触发。
OnDotButtonClickTNotifyEvent点击底部的圆点指示器时触发。
OnItemClickTItemClickEvent点击某一项时触发。
OnSliderPageChangedTNotifyEvent切换到另一张图片后触发。
TMlSkinCustomPanel 的事件 1
名称类型默认值说明
OnCustomDrawTMlCustomDrawEvent自绘事件,可在控件画完后继续绘制自己的内容。
TMlSkinCustomControl 的属性 4
名称类型默认值说明
AboutTMlAboutInfo设计期属性。在对象检查器里双击会弹出 MlSkin 的关于窗口,显示组件版本信息;运行时没有作用,也不会保存到 dfm。
TransparentBooleanTrue背景是否透明。打开后控件不画自己的底色,直接显示窗体的背景(图片或颜色)。
AutoInvalidateBooleanFalse内容变化时是否自动重绘。动态改属性看不到变化时可以打开。
EraseBackgroundBooleanFalse绘制前是否擦除背景。界面闪烁时可以调整这个开关。
TMlSkinCustomControl 的事件 4
名称类型默认值说明
OnDPIChangedTMlDPIChangedEvent屏幕 DPI 改变时触发(例如窗口被拖到另一块不同缩放的显示器上),可在这里重新调整自绘内容。
OnBackgroundChangingTMlBackgroundEvent背景即将改变时触发,可在这里干预要绘制的背景。
OnBackgroundChangedTMlCustomDrawEvent背景绘制完成后触发,可在背景之上继续自绘内容。
OnVisibleChangedTNotifyEvent控件显示或隐藏时触发。

本页只列出 MlSkin 新增的属性和事件;Align、Anchors、Font、OnClick 等标准 VCL 属性同样可用,用法与原生控件一致。

离线帮助文档需要离线查阅时,可下载 PDF / CHM 版帮助文档。