ScrollablePage Class Reference

Properties
Flickable	flickable
bool	horizontalScrollBarInteractive
int	horizontalScrollBarPolicy
bool	keyboardNavigationEnabled
QtObject	mainItem
bool	refreshing
alias	scrollablePageChildren
alias	scrollablePageData
bool	supportsRefreshing
bool	verticalScrollBarInteractive
int	verticalScrollBarPolicy

Detailed Description

ScrollablePage is a Page that holds scrollable content, such as a ListView.

Scrolling and scrolling indicators will be automatically managed.

Example usage:

ScrollablePage {
    id: root
    // The page will automatically be scrollable
    Rectangle {
        width: root.width
        height: 99999
    }
}

Warning

Do not put a ScrollView inside of a ScrollablePage; children of a ScrollablePage are already inside a ScrollView.

Another behavior added by this class is a "scroll down to refresh" behavior It also can give the contents of the flickable to have more top margins in order to make possible to scroll down the list to reach it with the thumb while using the phone with a single hand.

Implementations should handle the refresh themselves as follows

Example usage:

Kirigami.ScrollablePage {
    id: view
    supportsRefreshing: true
    onRefreshingChanged: {
        if (refreshing) {
            myModel.refresh();
        }
    }
    ListView {
        // NOTE: MyModel doesn't come from the components,
        // it's purely an example on how it can be used together
        // some application logic that can update the list model
        // and signals when it's done.
        model: MyModel {
            onRefreshDone: view.refreshing = false;
        }
        delegate: ItemDelegate {}
    }
}
[...]

Definition at line 62 of file ScrollablePage.qml.

Property Documentation

flickable

Flickable ScrollablePage::flickable

read

This property holds the main Flickable item of this page.

Deprecated

here for compatibility; will be removed in KF6.

Definition at line 87 of file ScrollablePage.qml.

horizontalScrollBarInteractive

bool ScrollablePage::horizontalScrollBarInteractive

read

Set if the horizontal scrollbar should be interactable.

Definition at line 111 of file ScrollablePage.qml.

horizontalScrollBarPolicy

int ScrollablePage::horizontalScrollBarPolicy

read

This property sets the horizontal scrollbar policy.

Definition at line 106 of file ScrollablePage.qml.

keyboardNavigationEnabled

bool ScrollablePage::keyboardNavigationEnabled

read

This property sets whether it is possible to navigate the items in a view that support it.

If true, and if flickable is an item view (e.g. ListView, GridView), it will be possible to navigate the view current items with keyboard up/down arrow buttons. Also, any key event will be forwarded to the current list item.

default: true

Definition at line 133 of file ScrollablePage.qml.

mainItem

QtObject ScrollablePage::mainItem

read

Definition at line 120 of file ScrollablePage.qml.

refreshing

bool ScrollablePage::refreshing

read

This property tells whether the list is asking for a refresh.

This property will automatically be set to true when the user pulls the list down enough, which in return, shows a loading spinner. When this is set to true, it signals the application logic to start its refresh procedure.

default: false

Note

The application itself will have to set back this property to false when done.

Definition at line 76 of file ScrollablePage.qml.

scrollablePageChildren

alias ScrollablePage::scrollablePageChildren

read

Definition at line 116 of file ScrollablePage.qml.

scrollablePageData

alias ScrollablePage::scrollablePageData

read

Remarks

This is the default property

Definition at line 114 of file ScrollablePage.qml.

supportsRefreshing

bool ScrollablePage::supportsRefreshing

read

This property sets whether scrollable page supports "pull down to refresh" behaviour.

default: false

Definition at line 82 of file ScrollablePage.qml.

verticalScrollBarInteractive

bool ScrollablePage::verticalScrollBarInteractive

read

Set if the vertical scrollbar should be interactable.

Definition at line 101 of file ScrollablePage.qml.

verticalScrollBarPolicy

int ScrollablePage::verticalScrollBarPolicy

read

This property sets the vertical scrollbar policy.

Definition at line 96 of file ScrollablePage.qml.

---

The documentation for this class was generated from the following file:

• ScrollablePage.qml