qml中listview怎么修改默认位置
答案:1 悬赏:60 手机版
解决时间 2021-12-03 09:13
- 提问者网友:我们很暧昧
- 2021-12-02 18:53
qml中listview怎么修改默认位置
最佳答案
- 五星知识达人网友:不甚了了
- 2021-12-02 19:55
1)使用PageStack来完成
在我们的RssReader中的例子中,我们使用了PageStack来完成我们的导航。我们可以把我们的每个页面都做成我们的Page。当我们的页面被点击后,我们把新的Page压入栈中。在返回时,我们只需要点击返回按钮即可:
我们可以在我的例程中找到相应的代码。
2)使用一个不可见的显示在需要时显示出来
在我们的使用中,我们使用两个重叠在一起的窗口,但是详细的页面只有在ListView中的item被点击后才能显示。在默认的情况下,我们显示ListView。
[html] view plaincopy在CODE上查看代码片派生到我的代码片
ListView {
id: listview
clip: true
anchors.fill: parent
model:mymodel
header: Text {
text: "This is the header"
font.pixelSize: 30
Rectangle {
anchors.top: parent.bottom
width: listview.width
height: units.gu(0.4)
color: "blue"
}
}
delegate: MyDelegate {}
footer: Text {
text: "This is the footer"
font.pixelSize: 30
}
}
Item {
id: popup
visible: false
clip: true
property url loadUrl
onLoadUrlChanged: {
opacity = 0;
visible = (loadUrl == '' ? false : true);
console.log("opacity: " + opacity );
console.log("visible: " + visible );
}
anchors.fill: parent
Rectangle {
id: bg
anchors.fill: parent
color: "white"
}
MouseArea{
anchors.fill: parent
enabled: popup.visible
//Eats mouse events
}
Loader{
focus: true
source: popup.loadUrl
width: parent.width
height: parent.height -toolbar.height
}
Rectangle {
id: toolbar
width: parent.width
height: units.gu(4)
anchors.bottom: parent.bottom
color: "blue"
Icon {
name: "previous"
width: units.gu(3.5)
height: units.gu(3.5)
MouseArea {
anchors.fill: parent
onClicked: {
popup.loadUrl = "";
ani.running = true;
}
}
}
}
NumberAnimation on opacity {
id: ani
from: 0
to: 1
duration: 3000
}
}
在我们的RssReader中的例子中,我们使用了PageStack来完成我们的导航。我们可以把我们的每个页面都做成我们的Page。当我们的页面被点击后,我们把新的Page压入栈中。在返回时,我们只需要点击返回按钮即可:
我们可以在我的例程中找到相应的代码。
2)使用一个不可见的显示在需要时显示出来
在我们的使用中,我们使用两个重叠在一起的窗口,但是详细的页面只有在ListView中的item被点击后才能显示。在默认的情况下,我们显示ListView。
[html] view plaincopy在CODE上查看代码片派生到我的代码片
ListView {
id: listview
clip: true
anchors.fill: parent
model:mymodel
header: Text {
text: "This is the header"
font.pixelSize: 30
Rectangle {
anchors.top: parent.bottom
width: listview.width
height: units.gu(0.4)
color: "blue"
}
}
delegate: MyDelegate {}
footer: Text {
text: "This is the footer"
font.pixelSize: 30
}
}
Item {
id: popup
visible: false
clip: true
property url loadUrl
onLoadUrlChanged: {
opacity = 0;
visible = (loadUrl == '' ? false : true);
console.log("opacity: " + opacity );
console.log("visible: " + visible );
}
anchors.fill: parent
Rectangle {
id: bg
anchors.fill: parent
color: "white"
}
MouseArea{
anchors.fill: parent
enabled: popup.visible
//Eats mouse events
}
Loader{
focus: true
source: popup.loadUrl
width: parent.width
height: parent.height -toolbar.height
}
Rectangle {
id: toolbar
width: parent.width
height: units.gu(4)
anchors.bottom: parent.bottom
color: "blue"
Icon {
name: "previous"
width: units.gu(3.5)
height: units.gu(3.5)
MouseArea {
anchors.fill: parent
onClicked: {
popup.loadUrl = "";
ani.running = true;
}
}
}
}
NumberAnimation on opacity {
id: ani
from: 0
to: 1
duration: 3000
}
}
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯