mirror of
https://github.com/QuasarApp/ViewSolutions.git
synced 2025-04-27 10:14:39 +00:00
50 lines
1.3 KiB
Markdown
50 lines
1.3 KiB
Markdown
# ViewSolutions
|
|
View solutions of qml for quasarapp projects
|
|
|
|
|
|
QML classes:
|
|
#### ImageView
|
|
This is animate image viewer
|
|
##### Example:
|
|
``` qml
|
|
ImageView {
|
|
anchors.fill: parent
|
|
soucre: "qrc:/img/images/example.png"
|
|
text: "exampele"
|
|
anchors.margins: 100
|
|
borderColor: "red"
|
|
}
|
|
```
|
|
|
|
#### ViewPortPage
|
|
This is animate Delegate viewer for ListView
|
|
##### Example:
|
|
``` qml
|
|
ListView {
|
|
id: viewPort
|
|
property real globalPos: 0
|
|
anchors.fill: parent
|
|
delegate: Component {
|
|
ViewPortPage {
|
|
viewPortDelegatH: 500 // base size of content item
|
|
scrollPos: viewPort.globalPos // due to qml limitations, this field will have to be tied to updating the location of the scroll
|
|
source: modelData
|
|
viewground: root // this is plane to display the main background
|
|
title: "Test ViewPortPage"
|
|
text: "Test ViewPortPage. General text and <i>html code</i>"
|
|
}
|
|
}
|
|
|
|
ScrollBar.vertical: ScrollBar {
|
|
onPositionChanged: {
|
|
viewPort.globalPos = position
|
|
}
|
|
}
|
|
|
|
|
|
model: [
|
|
"qrc:/img/res/LOGO.png",
|
|
"qrc:/img/res/LOGO-GREAN.png",
|
|
]
|
|
}
|
|
``` |