ScrollView

import { ScrollView } from "material.slint";
export component Example inherits Window {
    width: 300px;
    height: 200px;
    background: transparent;
    ScrollView {
        width: 280px;
        height: 180px;
    }
}

slint

A ScrollView provides scrolling functionality for content that exceeds the available space, with optional scroll bars.

Properties

enabled

bool default: true

Whether scrolling is enabled.

has_focus

bool (in-out) default: false

Whether the scroll view has focus.

horizontal_scrollbar_policy

ScrollBarPolicy default: <???>

The policy for showing the horizontal scroll bar.

vertical_scrollbar_policy

ScrollBarPolicy default: <???>

The policy for showing the vertical scroll bar.

viewport_height

length (in-out) default: 0px

The total height of the scrollable content.

viewport_width

length (in-out) default: 0px

The total width of the scrollable content.

viewport_x

length (in-out) default: 0px

The horizontal scroll position.

viewport_y

length (in-out) default: 0px

The vertical scroll position.

visible_height

length (out) default: 0px

The height of the visible area.

visible_width

length (out) default: 0px

The width of the visible area.

Callbacks

scrolled()

Invoked when the content is scrolled.

ScrollView {
    scrolled() => {
        debug("Content scrolled");
    }
}

slint