QAbstractListModelサブクラスをモデルとして使用するQMLListViewがあります。
ListView {
id: myListView
x: 208
y: 19
width: 110
height: 160
delegate: myListDelegate {}
model: MyListModel
opacity: 0
}
モデルはMyListItem
sのリストです。
class MyListModel : public QAbstractListModel
{
Q_OBJECT
public:
enum MyRoles {
HeadingRole = Qt::UserRole + 1,
DescriptionRole,
QuantityRole
};
explicit MyListModel(QObject *parent = 0);
void addMyListItem(const MyListItem &item);
int rowCount(const QModelIndex & parent = QModelIndex()) const;
QVariant data(const QModelIndex & index, int role = Qt::DisplayRole) const;
void dropList();
private:
QList<MyListItem> m_list;
};
デリゲートには、mouseareaがあります。
マウスエリアのクリックをインターセプトして、QListモデルからthatMyListItem
を選択し、アプリケーションのC++部分内のどこかに送信するにはどうすればよいですか?
デリゲートでindex
プロパティを使用して、データを操作することもできます。モデルのindexメソッドを使用して、QMLインデックスをQModelIndex
に変換する必要があります。これは、リスト項目がクリックされるたびに表示値を文字列「3」に変更する簡単な例です。
ListView {
id: listView
anchors.fill: parent
model: my_model
delegate: Rectangle {
height: 50
width: listView.width
MouseArea {
anchors.fill: parent
onClicked: {
// Column is always zero as it's a list
var column_number = 0;
// get `QModelIndex`
var q_model_index = my_model.index(index, column_number);
// see for list of roles:
// http://doc.qt.io/qt-5/qabstractitemmodel.html#roleNames
var role = 1
var data_changed = my_model.setData(q_model_index, "3", role);
console.log("data change successful?", data_changed);
}
}
}
}
デリゲートのindex
プロパティに加えて、すべてのデフォルトのロール名がデリゲートで使用できます。したがって、たとえば、以前はdecoration
ロールを使用してcolor
デリゲートのRectangle
プロパティを設定しました。詳細については、 このリスト を参照してください。
ListView {
delegate: Rectangle {
// list items have access to all default `roleNames`
// in addition to the `index` property.
// For example, using the decoration role, demo'd below
color: decoration
}
}
このリンク も参照してください。MitchCurtisは、qmlRegisterUncreatableTypeを使用してユーザー列挙型を登録することを推奨しています。
コメントでは、data()
からQMLへのMyListItem
へのポインタを返し、QMLでアクセスして変更することに言及しています。そのためには、MyListItem
をQObject
から継承し、QMLでアクセスするメンバーごとに1つの_Q_PROPERTY
_を追加する必要があります。また、オブジェクトの所有権(_QQmlEngine::ObjectOwnership
_)にも細心の注意を払う必要があります。
別の方法があります。QAbstractListModel::setData()
とQAbstractListModel::roleNames()
を実装すると、モデルの内容を_model.roleName = foo
_のようにQMLから変更できます。
以下の最小限の作業例。デリゲートがクリックされるたびに数量が2倍になります。
C++:
_struct MyListItem
{
QString heading;
QString description;
int quantity;
};
class MyListModel : public QAbstractListModel
{
Q_OBJECT
Q_ENUMS(MyRoles)
public:
enum MyRoles {
HeadingRole = Qt::UserRole + 1,
DescriptionRole,
QuantityRole
};
using QAbstractListModel::QAbstractListModel;
QHash<int,QByteArray> roleNames() const override {
return { { HeadingRole, "heading" },
{ DescriptionRole, "description" },
{ QuantityRole, "quantity" },
};
}
int rowCount(const QModelIndex & parent = QModelIndex()) const override {
if (parent.isValid())
return 0;
return m_list.size();
}
bool setData(const QModelIndex &index, const QVariant &value, int role) override
{
if (!hasIndex(index.row(), index.column(), index.parent()) || !value.isValid())
return false;
MyListItem &item = m_list[index.row()];
if (role == DescriptionRole) item.description = value.toString();
else if (role == HeadingRole) item.heading = value.toString();
else if (role == QuantityRole) item.quantity = value.toInt();
else return false;
emit dataChanged(index, index, { role } );
return true ;
}
QVariant data(const QModelIndex & index, int role = Qt::DisplayRole) const override {
if (!hasIndex(index.row(), index.column(), index.parent()))
return {};
const MyListItem &item = m_list.at(index.row());
if (role == DescriptionRole) return item.description;
if (role == HeadingRole) return item.heading;
if (role == QuantityRole) return item.quantity;
return {};
}
private:
QVector<MyListItem> m_list = {
{ "heading 1", "description 1", 1 },
{ "heading 2", "description 2", 42 },
{ "heading 3", "description 3", 4711 }
};
};
_
QML:
_ListView {
id: listView
anchors.fill: parent
model: MyListModel {}
delegate: Item {
implicitHeight: text.height
width: listView.width
Text {
id: text
text: model.heading + " " + model.description + " " + model.quantity
}
MouseArea {
anchors.fill: text
onClicked: {
model.quantity *= 2;
}
}
}
}
_
SetRoleNames()はQAbstractListModelでは絶対値です。 roleNames()をオーバーライドして、ロールを明示的に追加できます。 QAbstractListModelを継承する簡単な実装を以下に示します。
class BaseListModel : public QAbstractListModel
{
Q_OBJECT
Q_ENUMS(Roles)
public:
enum Roles {
Name = Qt::UserRole + 1
};
virtual QHash<int, QByteArray> roleNames() const;
virtual int rowCount(const QModelIndex &parent) const;
virtual QVariant data(const QModelIndex &index, int role) const override;
virtual bool setData(const QModelIndex &index, const QVariant &value, int role) override;
private:
QStringList _list;
};
// class
BaseListModel::BaseListModel(QObject *parent) :
QAbstractListModel(parent)
{
QHash<int, QByteArray> h = RecipeListModel::roleNames();
}
QHash<int, QByteArray> BaseListModel::roleNames() const {
return {
{ Name, "name" },
};
}
int BaseListModel::rowCount(const QModelIndex &parent) const {
if (parent.isValid())
return 0;
return _list.size();
}
QVariant BaseListModel::data(const QModelIndex &index, int role) const {
if (!hasIndex(index.row(), index.column(), index.parent()))
return {};
return _list.at(index.row())->data(role);
}
bool RecipeListModel::setData(const QModelIndex &index, const QVariant &value, int role) {
if (!hasIndex(index.row(), index.column(), index.parent()) || !value.isValid())
return false;
bool ret = _list.at(index.row())->setData(role, value);
if (ret) {
emit dataChanged(index, index, { role });
}
return ret;
}
QVariant BaseListModel::data(int role) const {
switch(role) {
case Name:
return name();
default:
return QVariant();
}
}
bool BaseListModel::setData(int role, const QVariant &value)
switch(role) {
case Name:
setName(value.toString());
return true;
default:
return false;
}
}