MLSkin control reference

Functions →Global routines: message boxes, DPI conversion, images and SVG

Forms & borders

TMlSkinFormThe core skinning component. Drop it on a form and it takes over the background, border and title bar drawing. This is where MLSkin starts.29 properties · 1 events TMlFormLayerBorderGives the form an image border, the building block for custom-shaped windows and picture frames.6 properties · 0 events

Title-bar controls

TMlSkinNCButtonA button placed on the form title bar. It can show text or images and can stay pressed.4 properties · 0 events TMlSkinSystemButtonThe system buttons on the title bar — close, minimize and maximize — wired to the matching window action.5 properties · 0 events TMlSkinNCLabelA text label on the title bar, typically the application or window name.7 properties · 0 events TMlSkinNCImageAn image on the title bar, usually the application icon or logo.2 properties · 0 events TMlSkinNCEditAn edit box on the title bar (new in v5.7), typically used for a search field that blends into the title bar.27 properties · 10 events TMlSkinNCMessageA scrolling message strip on the title bar, used for announcements or status text.10 properties · 1 events TMlSkinPopupMessageA notification window that pops up from the bottom-right corner of the screen, similar to a system toast.17 properties · 3 events

Alpha form

TMlSkinAlphaFormA layered, custom-shaped form: a PNG with an alpha channel defines both the window shape and its look.4 properties · 0 events

Buttons & toolbars

TMlSkinImageButtonA button drawn entirely from images: its look comes from one multi-state picture, which suits heavily styled interfaces.9 properties · 0 events TMlSkinButtonThe regular push button: used like a standard TButton, painted from skin images.6 properties · 0 events TMlSkinToolbarA redesigned toolbar that runs horizontally or vertically. Each button can carry an icon, a caption and a dropdown menu, and it is often used as a tab-style navigation bar.28 properties · 5 events TMlSkinToolButtonA stand-alone tool button, usually an icon with a caption, for hand-built toolbars and panels.10 properties · 0 events TMlSkinAnimateButtonA button that plays a frame-by-frame animation, for busy indicators or blinking prompts.4 properties · 0 events TMlURLButtonA hyperlink-style button: it looks like a web link and runs an action when clicked.1 properties · 0 events TMlSkinColorButtonA button painted in solid colors — no images required. A few color properties give you a flat-style button.15 properties · 0 events TMlSkinSwitchButtonA toggle switch for on/off state — a graphical stand-in for a check box.10 properties · 1 events TMlSkinCornerButtonA rounded button, typically used for tag-style buttons and buttons on rounded tooltip boxes.0 properties · 0 events

Edits & pickers

TMlSkinEditThe skinned edit box. It works like a standard TEdit and adds a transparent background, placeholder text, input restrictions and in-box icons.15 properties · 1 events TMlSkinPasswordEditA password box that replaces each character with a small image and can reveal the text.16 properties · 1 events TMlSkinSearchEditA search box with a dropdown suggestion list that filters as you type, including pinyin matching.11 properties · 3 events TMlSkinSpinEditA numeric edit with up/down arrows for stepping the value.13 properties · 3 events TMlSkinDatetimePickerA date/time picker: clicking it drops down a calendar panel, optionally with a time selector.30 properties · 2 events TMlSkinCalendarA calendar control that shows a month in place and lets you owner-draw the cells, for example to mark days that have appointments.24 properties · 3 events

Labels & hints

TMlSkinLabelThe skinned label: transparent background, rounded fill, separate horizontal and vertical alignment, and ellipsis handling for long text.10 properties · 0 events TMlSkinHtmlLabelA label that understands simple HTML markup, so one line can mix colors, bold text and clickable hyperlinks.9 properties · 1 events TMlSkinTipsA tip bar: a callout box with a pointer, typically used for guidance or validation messages.9 properties · 0 events TMlSkinHintA balloon hint component that takes over the application's hints, replacing the default yellow tooltip with a skinned one.8 properties · 2 events TMlSkinScrollMsgBarA scrolling message bar that cycles through several messages — handy for announcements and status lines.9 properties · 2 events

Panels & containers

TMlSkinPanelThe skinned panel: a container for other controls with a solid, gradient or image background, and optional translucency.16 properties · 0 events TMlSkinBorderPanelA panel with an image border that can switch to a second border while the mouse is over it.3 properties · 0 events TMlSkinLineA divider line, horizontal or vertical, for separating areas of the interface.9 properties · 0 events TMlSkinSplitterA splitter placed between two areas: dragging it resizes the neighbouring controls.5 properties · 2 events TMlSkinSizeGripThe resize grip for the bottom-right corner of a form — the way to resize a window that has no border.1 properties · 0 events TMlSkinAnimationA frame-by-frame animation control that plays a set of images in sequence, much like a GIF.7 properties · 2 events TMlSkinShapeA shape control for circles, ellipses, rectangles and rounded rectangles, and for arbitrary shapes drawn from an SVG path.7 properties · 0 events TMlSkinCalloutPanelA callout panel with a pointer, like a chat bubble, that can hold other controls.13 properties · 0 events TMlSkinTagsBoxA tags box that renders entries as small coloured chips, each one individually clickable and removable.18 properties · 7 events TMlSkinGroupControlsA grouped option control that lays a set of choices out in columns, with one selected at a time — a graphical radio group.24 properties · 2 events

Page control

TMlSkinPageControlThe skinned page control: multiple tab pages whose images, captions and layout are all customizable.14 properties · 2 events

Tray icon

TMlTrayIconA tray icon component: it shows an icon in the Windows notification area with a context menu, balloon notifications and minimize-to-tray.16 properties · 14 events

HLS trackbar

TMlHLSTrackBarAn HLS track bar: dragging the thumb adjusts hue, saturation or lightness — the control behind a skin-colour picker.8 properties · 1 events

Lists & combo boxes

TMlSkinIconButtonListAn icon list that arranges entries as a grid of icon buttons, like a phone home screen, with drag-to-reorder support.24 properties · 6 events TMlSkinCountBarA pager bar showing page numbers with previous and next buttons, for paged browsing.20 properties · 8 events TMlSkinTabsetA tab strip that lays tabs out like a browser's, each with an optional close button and drag-to-reorder support.28 properties · 7 events TMlSkinListBoxThe skinned list box: transparent background, multiple columns and multi-select, wrapping a standard ListBox inside.14 properties · 16 events TMlSkinComboBoxThe skinned combo box: MLSkin draws the dropdown list, and both its colours and the arrow images are customizable.14 properties · 6 events TMlSkinComboBoxExAn extended combo box whose dropdown rows carry check boxes, so several entries can be selected at once.13 properties · 4 events TMlSkinColorComboBoxA colour combo box: it lists colours to choose from, and <code>Selected</code> returns the chosen one.5 properties · 2 events TMlSkinGroupBoxA group box that frames related controls with a line or a full box, optionally with a check box in the caption to enable the whole group.9 properties · 0 events TMlSkinExpandBoxA collapsible panel: clicking the header expands or collapses the content, which suits grouped settings pages.11 properties · 1 events

Check controls

TMlSkinCheckBoxThe skinned check box: the tick is drawn from images and the background can be transparent.4 properties · 1 events TMlSkinRadioBoxThe skinned radio button: only one in a group can be selected, with the marker drawn from images.5 properties · 1 events

Memo

TMlSkinMemoThe skinned multi-line edit: used like a standard TMemo, with a transparent background and skinned scrollbars.0 properties · 0 events TMlSkinMemoExA memo with a framed panel around it: TMlSkinMemo and its border combined, so you do not have to assemble them yourself.1 properties · 0 events

Menu

TMlSkinMenuThe menu skinning component: it repaints the form's main menu and context menus as image-based skinned menus.12 properties · 0 events

Progress & gauges

TMlSkinProgressBarA progress bar drawn from images for the track and the filled part, which allows very different visual styles.8 properties · 1 events TMlSkinCircleProgressA circular progress ring, typically used for loading indicators or percentage displays.6 properties · 1 events TMlSkinSpeedometerA speedometer gauge with a needle and a scale, used for network speed tests and similar readouts.7 properties · 1 events

Scrollbars

TMlSkinScrollBarThe skinned scrollbar. It can be used on its own and is also what the memo, list view and scroll box use internally.29 properties · 6 events TMlSkinScrollBoxA scrolling container with skinned scrollbars for content that does not fit.4 properties · 0 events

Resources

TMlSkinResThe image resource component: it holds the pictures the application uses (PNG, JPG, SVG) so other controls can reference them by ID.3 properties · 0 events

Dialogs & misc

TMlSkinMessageBoxStyleThe message box skinning component: it restyles the dialogs the application pops up, including buttons, fonts and the title.17 properties · 0 events TMlLikeMenuDlgMakes a form behave like a menu: it closes as soon as the user clicks outside it.2 properties · 1 events TMlSkinPngA PNG image component for loading and saving images with an alpha channel.0 properties · 0 events TMlSkinDragFileA file drag-and-drop component (new in v5.x) that lets a form or a chosen control accept files dropped from Explorer.5 properties · 3 events

Align & shapes

TMlQQAlignEdge auto-hide: the form snaps to a screen edge and slides out of sight, like the QQ main panel, reappearing when the mouse approaches.3 properties · 0 events TMlSkinCircleMarkerA circular marker that draws a dot on the interface, typically a status indicator or an unread badge.0 properties · 0 events TMlSkinCircleShapeA circular shape that can show an image inside the circle — the usual way to build round avatars.9 properties · 0 events

List & tree

TMlSkinListViewThe skinned list view: a standard ListView with a skinned header and skinned scrollbars.5 properties · 1 events TMlSkinVirtualStringTreeA skinned VirtualStringTree: the well-known third-party tree control fitted with skinned scrollbars and border.4 properties · 1 events TMlSkinVirtualDrawTreeA skinned VirtualDrawTree: a tree whose node content you paint yourself, with the same skinned scrollbars.4 properties · 1 events

Image lists

TMlSkinImageListAn image list holding a set of pictures that controls reference by index, with alpha channel support.2 properties · 0 events TMlSkinImageSliderAn image slider that pages through several pictures, optionally on its own — the usual choice for a banner or a photo strip.15 properties · 5 events

SVG controls

TMlSkinSvgImageListAn SVG image list (new in v5.6): SVG icons kept in a list and referenced by index, so they scale without losing quality.4 properties · 0 events TMlSkinSvgImageAn SVG image control (new in v5.7): it draws a vector image that stays sharp at any size, on every Delphi version from 7 up.7 properties · 0 events TMlSkinSvgAnimateAn animated SVG control (new in v5.7) for loading spinners and animated icons.11 properties · 1 events