- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我是QML的新手,所以请原谅我的知识不足。
我正在从我的数据库中加载一些数据 - 单击一个按钮后 - 我想用它填充一个 ListView。
这是我的 ListView :
Rectangle {
id:tblKules
anchors.horizontalCenter: parent.horizontalCenter
width: menuListaItem.width
height:300
visible:false
color: "#e5e6e8"
ListView {
id: listView
anchors.fill: parent; anchors.margins: 5
model: mainController.listaDispositivos
spacing: 1
delegate: Component {
Rectangle {
id:item
width: tblKules.width - 10
height: 30
color: tblKules.color
RowLayout {
width: parent.width
anchors.verticalCenter: parent.verticalCenter
Text {
Layout.fillWidth: true
anchors.verticalCenter: parent.verticalCenter
text: nome
font.pixelSize: 14
color: "#7f7f7f"
}
Button {
text: "Visualizar"
anchors.verticalCenter: parent.verticalCenter
style: ButtonStyle {
background: Rectangle {
color:"#f2f2f2"
}
label: Text {
color:"#064356"
font.pixelSize: 13
font.capitalization: Font.Capitalize
text: control.text
}
}
}
}
}
}
}
PropertyAnimation {
id: animationAbrirLista;
target: tblKules;
property: "visible";
to: true;
duration: 300;
}
PropertyAnimation {
id: animationFecharLista;
target: tblKules;
property: "visible";
to: false;
duration: 300;
}
}
QMainController{
id: mainController
}
我有一个名为 QMainController 的类,它控制这个 View ,其中我有这个属性,我用加载的数据填充:
Q_PROPERTY(QQmlListProperty<QDispositivo> listaDispositivos READ listaDispositivos NOTIFY listaDispositivosChanged)
void QMainController::list()
{
m_listaDispositivos = m_dispositivoDAO.list();
emit listaDispositivosChanged();
}
QQmlListProperty<QDispositivo> QMainController::listaDispositivos()
{
return QQmlListProperty<QDispositivo>(this, m_listaDispositivos);
}
数据加载正常,但我无法将其显示到 listView 中。我怎样才能以反射(reflect)列表发生的变化的方式做到这一点?
最佳答案
您没有为 ListView 设置 anchor (或特定的宽度和高度)。尝试使用固定模型进行调试,以确保您的 View 正常:
import QtQuick 2.2
Rectangle
{
ListView {
anchors.fill: parent;
model: 10;
delegate: Text {
text: "item " + index;
}
}
}
如果可行,请将模型替换为 Controller 中的真实数据。如果现在 View 为空,则 Controller 有问题。
关于更新 ListView:这会自动发生,如果您在更改列表模型后发出 NOTIFY 信号,则没有其他需要关心的。
我会选择 QList 而不是 QQmlListProperties。看一下这段代码,它展示了如何设置一个基本的 ListView,其中模型是从 C++ 公开的:
#pragma once
#include <QObject>
#include <QString>
class MyEntry : public QObject
{
Q_OBJECT
Q_PROPERTY(QString title READ getTitle WRITE setTitle NOTIFY titleChanged);
Q_PROPERTY(QString subTitle READ getSubTitle WRITE setSubTitle NOTIFY subTitleChanged);
private:
QString m_title;
QString m_subTitle;
public:
void setTitle(QString title);
void setSubTitle(QString subTitle);
QString getTitle();
QString getSubTitle();
signals:
void titleChanged();
void subTitleChanged();
};
#include "MyEntry.h"
void MyEntry::setTitle(QString title) {
this->m_title = title;
emit titleChanged();
}
void MyEntry::setSubTitle(QString subTitle) {
this->m_subTitle = subTitle;
emit subTitleChanged();
}
QString MyEntry::getTitle() {
return this->m_title;
}
QString MyEntry::getSubTitle() {
return this->m_subTitle;
}
#pragma once
#include <QObject>
class MyEntry;
class MyController : public QObject
{
Q_OBJECT
Q_PROPERTY(QList<QObject*> entries READ getEntries WRITE setEntries NOTIFY entriesChanged);
private:
QList<QObject*> m_entries;
public:
MyController();
static MyController* instance;
void setEntries(QList<QObject*> entries);
void addEntry(MyEntry* entry);
void removeEntry(MyEntry* entry);
QList<QObject*> getEntries();
public slots:
void init();
signals:
void entriesChanged();
};
#include "MyController.h"
#include "MyEntry.h"
MyController* MyController::instance = 0;
MyController::MyController() {
instance = this;
}
void MyController::init() {
for(int i=0; i<10; ++i) {
MyEntry* entry = new MyEntry();
entry->setTitle(QString("title nr. ") + QString::number(i));
entry->setSubTitle(QString("subTitle nr. ") + QString::number(i));
this->m_entries.append(entry);
}
emit entriesChanged();
}
void MyController::setEntries(QList<QObject *> entries) {
this->m_entries = entries;
emit entriesChanged();
}
void MyController::addEntry(MyEntry* entry) {
this->m_entries.append(entry);
emit entriesChanged();
}
void MyController::removeEntry(MyEntry* entry) {
this->m_entries.removeOne(entry);
emit entriesChanged();
}
QList<QObject*> MyController::getEntries() {
return this->m_entries;
}
import QtQuick 2.2
Rectangle {
ListView {
width: 400;
height: parent.height;
model: MyController.entries;
delegate: Rectangle {
width: parent.width;
height: 30;
color: index % 2 ? "#bbb" : "#999";
Text {
anchors.fill: parent;
anchors.rightMargin: parent.width/2;
text: modelData.title;
}
Text {
anchors.fill: parent;
anchors.leftMargin: parent.width/2;
text: modelData.subTitle;
}
}
}
Component.onCompleted: {
MyController.init();
}
}
首先,我知道,这是很多代码。但是在找到一个显示如何在 qml 中设置 ListView 的简单明了的示例之前,我不得不进行大量搜索。这是我发现易于理解和实现的内容。那么会发生什么,您首先根据需要定义列表条目。在上面的示例中,它有两个简单的字符串属性,可以在 qml 中通过它们的属性名称直接访问它们。当然,MyEntry 的成员也可以是一个复杂的对象——只要它派生自 QObject 并包含 Q_OBJECT 宏。 MyController 类基本上展示了如何处理 MyEntry 对象列表。需要提及的一件事:我不会像您那样通过 qml 实例化 Controller 。一个 qml 对象可能会在某个时候被销毁(取决于你如何使用你的组件),这样你的 Controller 可能会变为空。我个人更喜欢在 C++ 中实例化 Controller ,以准确了解对象的生命周期。为了使实例对 qml 可见,我首先将 Controller 注册为我的 QQuickView 的上下文属性(确保在显示 View 之前完成初始设置,例如在调用 showMaximized 之前):
myQuickView->rootContext()->setContextProperty("MyController", MyController::instance);
关于c++ - 从数据库加载数据以在 qml 中公开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25629119/
如果下一个元素的宽度超过指定布局的宽度,是否有 QML 布局或某些配置会自动将 QML 项目包装到下一行? 当我使用 QML GridLayout ,项目刚好离开窗口的边缘并被剪裁: GridLayo
如果下一个元素的宽度超过指定布局的宽度,是否有 QML 布局或某些配置会自动将 QML 项目包装到下一行? 当我使用 QML GridLayout ,项目刚好离开窗口的边缘并被剪裁: GridLayo
如何在 qml 文件之间发送变量或信号? http://i.stack.imgur.com/MChCG.png Mainwindow -> 创建组件Item2.qml MainWindow -> 创建
我正在做一些事情,我有一个名为“FloatingMenu”的类(它应该在 C++ 中管理菜单)及其在文件 FloatingMenu.qml 中用于 GUI 的 QML alter-ego。我有一个文件
我正在尝试做一些看似简单的事情,但失败了:定义一个简单的内联文本格式组件,然后用不同的文本多次实例化它。这是代码 Item { . . . Component { id: favButtonL
我可以在页面中使用 InvokeActionItem 轻松共享项目,但我需要能够在 ListView 项目中调用它。我设法触发了一个调用,但我不知道如何在触发它时添加数据。我不断收到错误消息 Invo
我如何在 QML 中检测 Window {} 之外的点击? Rectangle { id: topLevel height: 400; width: 400 Window {
我试过 : var child = grid.children[slot1]; grid.children[slot1] = grid.children[slot2]; grid.children[s
例如,我希望创建一个包含 100 个文本编辑器的 qml 窗口,如何在循环中创建它?那可能吗? 最佳答案 循环是命令式代码,所以它不是 QML,而是 Javascript 或 C++。所以当然,你可以
这是我的 QML 文件,其中包含一个文本组件: import QtQuick 2.0 Item { id: idItmWrapText Text { id: idTxt
我正在寻找一种方法来显示一个文本提示,说明预期的输入作为对用户的建议。以谷歌搜索栏为例: 是否有我缺少的属性,或者这是必须通过脚本来实现的? 最佳答案 Qt Quick 输入项上不存在该属性。您可以为
为 qml 项设置背景的最简单方法是让子矩形的 anchor 完全填满父项: Item { width: 320 height: 240 Rectangle {
我想将属性动态添加到 QML 元素: Item { id: dynamicProperty; property int first; Component.onCompleted: { /*
我用 PySide 和 QML 编写了某种安装程序。按照设计,它必须是多页的。而且我想将要从 QML 表单调用的插槽划分为不同的对象(理想情况下,划分为模块,但据我了解,带有插槽的对象必须继承 QOb
QML 中有没有办法用 opacity: 0 创建一个矩形?仍然有可见的边界?如果没有,有关如何解决它的任何建议? 谢谢 最佳答案 不,不透明度适用于项目的完整视觉方面(并且不透明度:0 使项目完全不
属性变体 a:{}似乎不起作用。 a 最终未定义,而不是一个空字典。 我对 Javascript 不是很有经验...初始化属性以保存空字典的正确方法是什么? 以下 qml 在控制台上打印“qrc:/m
我在 SO 上查看了大量关于 QML 内容边距的问题,但所有答案都指向缺少 spacing: 0 属性。我已经完成了所有这些,但仍然有一些我无法消除的奇怪空间。任何人都可以解释为什么这个 QML 代码
我有一个用于样式定义的 QML 单例,定义如下: pragma Singleton import QtQuick 2.2 import QtQuick.Controls 1.1 import QtQu
这是以下代码的结果: 主.qml import QtQuick 2.8 Item { Reusable { index: 1234 // reusable with
属性变体 a:{}似乎不起作用。 a 最终未定义,而不是一个空字典。 我对 Javascript 不是很有经验...初始化属性以保存空字典的正确方法是什么? 以下 qml 在控制台上打印“qrc:/m
我是一名优秀的程序员,十分优秀!