McBasic™ 0.7.881 · Build 881 · 11 min read

Controls · Visual control

ListView

Present image-backed items and columns with selection and activation events.

47 properties21 events1 methodsDefault: SelectionChanged

Build the ListView lesson Properties Events Methods

Use it in a Form#

The ImageList is nonvisual: it supplies images to visible controls. Keep image keys and item identities stable. SelectionChanged, ItemClick, ItemDoubleClick and ColumnClick represent different actions, so wire each explicitly instead of routing every interaction through one guessed Click event.

Add ListView to its intended parent and name it lvwFiles for this example:

Property	Example value
`Columns`	`"Name\|300\nSize\|130\nModified\|190"`
`Items`	`"Document=Manual\|document\|2.4 MB\|Today\nExamples=Examples\|folder\|18 items\|Yesterday\nReadme=Read Me\|document\|12 KB\|Monday"`
`ImageList`	`"imgImages"`
`View`	`"Details"`
`MultiSelect`	`True`
`FullRowSelect`	`True`
`GridLines`	`True`
`Sorted`	`True`
`SelectedIndex`	`0`
`AccessibleName`	`"Project files"`

A complete handler from Forms/frmMain.bas. The linked lesson includes its surrounding controls, declarations and helpers.

Forms/frmMain.bas

Private Sub lvwFiles_SelectionChanged()
    lblStatus.Caption = "Selected: " + lvwFiles.SelectedItem
End Sub

Properties#

Contract defaults are shown below. Where a new control has a different Designer starting value, that value is listed separately.

`Left`

DoubleDefault: 0

Horizontal position in device-independent points, relative to the parent container.

Range: -100000 to 100000.

`Top`

DoubleDefault: 0

Vertical position in device-independent points, relative to the parent container.

Range: -100000 to 100000.

`Width`

DoubleDefault: 320

Control width in device-independent points.

Range: 0 to 100000.

`Height`

DoubleDefault: 180

Control height in device-independent points.

Range: 0 to 100000.

`MinWidth`

DoubleDefault: 0

Minimum control width in device-independent points; 0 lets the parent layout choose.

Range: 0 to 100000.

`MinHeight`

DoubleDefault: 0

Minimum control height in device-independent points; 0 lets the parent layout choose.

Range: 0 to 100000.

`MaxWidth`

DoubleDefault: 100000

Maximum control width in device-independent points.

Range: 0 to 100000.

`MaxHeight`

DoubleDefault: 100000

Maximum control height in device-independent points.

Range: 0 to 100000.

`TabIndex`

LongDefault: 0

Keyboard navigation order within the parent container; lower values come first.

Range: 0 to 100000.

`TabStop`

BooleanDefault: True

Whether Tab navigation can move focus to this ListBox.

`ZIndex`

LongDefault: 0

Stacking order among sibling controls; larger values appear in front. Equal values preserve document order.

Range: -100000 to 100000.

`Anchor`

StringDefault: "Left,Top"Not in InspectorNot serialized

Edges kept at their authored distance when the parent resizes. Use a comma-separated combination of Left, Top, Right and Bottom; Dock overrides the effective anchor without deleting it.

`Dock`

StringDefault: "None"

Automatic placement within the parent: None, Left, Top, Right, Bottom or Fill. Dock overrides effective Anchor layout without deleting the stored anchors.

`Margin`

StringDefault: "0"

External spacing as one non-negative DIP value or Left,Top,Right,Bottom.

`Cursor`

StringDefault: "Default"

Pointer shown over the control: Default, Arrow, Hand, IBeam, Cross, Wait, Help, SizeAll, SizeNS, SizeWE, SizeNWSE, SizeNESW or NotAllowed.

`Opacity`

DoubleDefault: 1

Visual opacity from 0 (transparent) to 1 (opaque).

Range: 0 to 1.

`DesignLocked`

BooleanDefault: FalseDesigner only

Prevents movement and resizing in the Designer without changing runtime interaction.

`Visible`

BooleanDefault: True

Whether the control is shown in the running application.

`Enabled`

BooleanDefault: True

Whether the control accepts user interaction in the running application.

`HitTestVisible`

BooleanDefault: True

Whether the running control participates in pointer hit testing. The control remains selectable in the Designer.

`AllowDrop`

BooleanDefault: False

Whether this running control accepts application drag-and-drop operations; Designer movement is separate.

`DragMode`

LongDefault: 0

VB control drag: 0 Manual (code starts a drag with the Drag method) or 1 Automatic (a left-button press starts a drag, and the control raises no Click, MouseDown or MouseUp for that press).

Range: 0 to 1.

`DragIcon`

StringDefault: ""

Case-insensitive name of a declared project image resource shown under the pointer while this control is dragged; empty shows a grey outline of the control.

`Font`

StringDefault: ""

Font as Family|Size or Family|Size|Regular/Bold|Normal/Italic, size 6–96 DIP. Empty uses the theme font; System uses the theme family.

`ForeColor`

StringDefault: ""

Text color as #RRGGBB. Empty uses the current macOS theme color.

`BackColor`

StringDefault: ""

Background color as #RRGGBB. Empty uses the current macOS theme color.

`Padding`

StringDefault: "4"

Internal spacing around ListBox rows as one non-negative DIP value or Left,Top,Right,Bottom.

`BorderStyle`

StringDefault: "Solid"

ListBox border rendering: Solid or None.

`BorderColor`

StringDefault: ""

Border color as #RRGGBB. Empty uses the theme border color.

`BorderWidth`

DoubleDefault: 1

Uniform border width in device-independent points.

Range: 0 to 100.

`CornerRadius`

DoubleDefault: 0

Uniform ListBox corner radius in device-independent points.

Range: 0 to 1000.

`AccessibleName`

StringDefault: ""

Name announced by assistive technology. Empty uses the stable control Name.

`AccessibleDescription`

StringDefault: ""

Additional help text announced by assistive technology.

`AutomationId`

StringDefault: ""

Stable automation identifier; empty uses the component Name.

`AccessibleRole`

StringDefault: "Auto"

Accessibility role override. Auto preserves the native semantic role; explicit values use the corresponding platform automation role.

`ToolTipText`

StringDefault: ""

Help text shown when the pointer rests over the running control; empty disables the tooltip.

`Tag`

StringDefault: ""

Application-defined text associated with this control; McBasic™ does not interpret it.

`Items`

`Columns`

StringDefault: "Name|180\nType|90\nModified|120"

One details column per line as Caption|Width. Width is 24–2000 DIP; the first column contains the item image and text.

`ImageList`

StringDefault: ""

Name of a nonvisual ImageList component on this Form. Empty disables item images.

`View`

StringDefault: "Details"

Presentation mode: Details, LargeIcon, SmallIcon, List or Tile.

`MultiSelect`

BooleanDefault: False

Allows more than one selected item.

`FullRowSelect`

BooleanDefault: True

In Details view, selection covers the complete row.

`GridLines`

BooleanDefault: False

In Details view, draws separators between rows and columns.

`Sorted`

BooleanDefault: False

Sorts items by their display text using deterministic case-insensitive ordinal order.

`SelectedIndex`

LongDefault: -1

Zero-based selected item index, or -1 when no item is selected.

Range: -1 to 100000.

`Index`

LongDefault: -1Read only in BASICDesigner Index row

Position of this control in its control array, 0 to 32767. Several controls share one name only when every one of them has an Index. Absent from the layout, and -1 in code, when the control is not in an array.

Designer values: 0 to 32767. Clear the dedicated Index row for a non-array control; BASIC then reads -1.

Events and parameters#

Replace control with the object’s Name when creating a handler. ByRef arguments may be changed by your handler; ByVal arguments report an input value.