한국어
Qt
 

QAbstractItemModel은 C++로 구현된 모델을 QML에서 참조 할 수 있는 좋은 방법이다.  즉, QAbstractItemModel의 서브 클래스는 QML의 Model View (ListView, GridView, Repeater등과 같은) 에서 사용될 수 있다. C++ 데이터 세트 조작 방법은 성능에 큰 영향을 미치지 않고 QML UI 또는 뷰를 업데이트 할 수 있다.

 
QAbstractListModel은 추상 클래스이므로 인터페이스를 준수하도록 사용자가 구현해야한다. 다음과 같은 몇가지를 구현해줘야한다.
int rowCount();
QVariant data();
QHash<int, QByteArray> roleNames();
 
rowCount :
이 method는 단순히 데이터 세트이므로 m_data의 아이템 수를 반환한다.
int MyDataModel::rowCount(const QModelIndex &p) const
{
    Q_UNUSED(p)
    return m_data.size();
}
 
roleNames :
이 method는 사용자 정의 role enum을 key로 문자열 값을 매핑하고 매핑된 QHash를 리턴한다. roleNames() 메소드에 대한 호출이 될때 맵을 유지하기위해 정적 QHash 변수를 사용한다.
QHash<int, QByteArray> MyDataModel::roleNames() const
{
    static QHash<int, QByteArray> roles;
    roles[TitleRole] = "title";
    roles[ArtistNameRole] = "artistName";
    roles[DurationRole] = "duration";
    return roles;
}

 

data :
이 method는 모델을 참조하는 ListView가 개별 아이템 및 속성에 액세스 할 수있는 방법이다. 인수 index는 목록에있는 요소의 인덱스이고 role은 roleNames 메소드로 매핑된 열거형 값이다.
구현은 단순히 데이터를 저장하는 m_data 목록의 인덱스에서 항목을 반환하는 것이다.
QVariant MyDataModel::data(const QModelIndex &index, int role) const
{
    Q_UNUSED(role)

    QVariant value;

    switch(role)
    {
    case TitleRole:
        value = m_data[index.row()]->property("title");
        break;
    case ArtistNameRole:
        value = m_data[index.row()]->property("artistName");
        break;
    case DurationRole:
        value = m_data[index.row()]->property("duration");
        break;
    default:
        break;
    }

    return value;
}

 

추가로 이 모델에 count속성(Q_PROPERTY)을 추가한다.

Q_PROPERTY(int count READ count NOTIFY countChanged)

 

그리고 데이터를 세트를 조작 할 수 있는 다음과 같은 Method들도 필요 할 것이다.

void append(QObject *o);
void insert(QObject *o, int i);
void remove (int idx);

 

mymodel.h

#include <QAbstractListModel>

class MyDataModel : public QAbstractListModel
{
    Q_OBJECT
    Q_PROPERTY(int count READ count NOTIFY countChanged)
public:
    enum ModelRoles {
        TitleRole = Qt::UserRole + 1,
        ArtistNameRole,
        DurationRole
    };

    explicit MyDataModel(QObject * parent = nullptr);

    int rowCount(const QModelIndex &p) const;
    QVariant data(const QModelIndex &index, int role) const;
    QHash<int, QByteArray> roleNames() const;

    int count() const;

public slots:
    void append(QObject *o);
    void insert(QObject *o, int i);
    void remove (int idx);

signals:
    void countChanged(int count);

private:
    QList<QObject*> m_data;
};

 

다음은 새로 서브클래싱한 모델의 사용밥법을 보여준다.

main.cpp

QQmlApplicationEngine engine;

// QAbstractListModel 서브클래싱 모델 객체 생성.
MyDataModel *model = new MyDataModel();

// 모델 아이템 생성.
QObject * item0 = new QObject();
item0->setProperty("title", "There's Nothing Holdin' Me Back");
item0->setProperty("artistName", "Shawn Mendes");

QObject * item1 = new QObject();
item1->setProperty("title", "Shape of You");
item1->setProperty("artistName", "Ed Sheeran");
//~ 모델 아이템 생성.

// 모델에 아이템 삽입.
model->append(item0);
model->append(item1);
//~ 모델에 아이템 삽입.

engine.rootContext()->setContextProperty("myModel", model);

 

main.qml

import QtQuick 2.12
import QtQuick.Window 2.12

Window {
    id: window
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    ListView{
        id: list_
        anchors.fill: parent
        model: myModel

        delegate: Component{
            Text{
                anchors.horizontalCenter: parent.horizontalCenter
                height: 30
                font.bold: true
                text: title + " - " + artistName
            }
        }
    }
}

 

2019-09-08.png

이 글과 연관된 다른 글
  1. [2019/06/01] QML 강좌 - 동적 Listing (ListView) by makersweb (1294)
번호 제목 글쓴이 날짜 조회 수
공지 Qt프로그래밍(QtQuick) Beginner를 위한 글 읽는 순서 운영자 2019.01.05 5788
99 Qt Marketplace 발표 makersweb 2019.12.02 31
98 QScopedPointer 소개 및 사용법 makersweb 2019.11.29 31
97 QOpenVirtualkeyboard(Qt 5용 한글 및 영문, 숫자 가상키보드) file makersweb 2019.11.27 101
96 Qt3D의 QML 타입으로 3D렌더링 file makersweb 2019.11.20 96
95 라즈베리파이3에서 Boot to Qt 실행해보기 makersweb 2019.11.13 92
94 Qt애플리케이션 객체(QCoreApplication, QGuiApplication, QApplication) 에 대해서 makersweb 2019.11.11 167
93 Qt Quick 3D 소개 makersweb 2019.11.09 56
92 QPushButton 의 커스텀 이미지버튼 file makersweb 2019.11.05 82
91 qbs 사용 방법(Helloworld) file makersweb 2019.10.23 73
90 웹기반 Qt Design Viewer [2] file makersweb 2019.10.23 92
89 Qt Creator에서 Qt의존성 라이브러리 자동복사하기 file makersweb 2019.10.19 87
88 Qt for Embedded Linux 화면출력 makersweb 2019.10.17 118
87 Windows에서 Qt 설치 따라하기 file makersweb 2019.10.14 372
86 Qbs 프로젝트를 정의하기 위해 사용되는 몇가지 중요한 아이템들 file makersweb 2019.10.13 46
85 많은 리소스를 사용하는 Qt프로젝트에서 고려해봐야 할 qmake 옵션 makersweb 2019.10.11 133
84 Qbs에 대한 소개와 설치하는 방법 makersweb 2019.10.09 167
83 OpenGL 렌더링을 QtQuick과 통합하는 방법 file makersweb 2019.10.01 120
82 QML내에서의 시그널, 슬롯 시스템 makersweb 2019.09.29 234
81 컨테이너에 적재된 객체를 편리하게 삭제하기 makersweb 2019.09.18 66
» C++로 구현된 모델을 QML의 ListView에서 참조 file makersweb 2019.09.07 283