标签：qt开发 单元视图组件

QT开发（八）——QT单元视图组件

    QT中有四种单元视图组件，分别为列表视图QListView、树形视图QTreeView、表格视图QTableView、列视图QColumnView。

一、QListView列表视图

1、QListView组件简介

    QListView列表视图，继承自QAbstractItemView。QListView是基于模型的列表/图标视图，不显示表头和表框，为Qt的模型/视图结构提供了更灵活的方式。

2、QListView组件属性

    QListView组件属性设置：

    A、name：组件对应源代码中的名称。

    B、font：设置视图内字体。

 C、batchSize：如果将layoutMode设置为Batched，则这个属性保存批量处理的规格。

    D、layoutModel：项目的布局模式。

    E、modeColumn：模型中可见的类，默认情况下，置为0，表述模型中第一列可见。

    F、viewModel：保存ListView组件的视图模型。

3、QListView组件常用成员函数

QListView：：QListView（QWidget *parent = 0）

构造一个父对象为parent的ListView。

void QListView：：currentChanged（const QModelIndex ¤t，const QModelIndex &previous）[virtual protected]

把current定位当前项目，previous是以前的项目。

void QListView：：dataChanged（const QModelIndex &topLeft，const QModelIndex &bottomRight）[virtual protected]

更改模型中项目topLeft到bottomRight。

QModelIndex QListView：：indexAt（const QPoint &p）const [virtual]

返回坐标点p处项目的模型索引。

void QListView：：rowsInserted（const QModelIndex &parent，int start，int end）[virtual protected]

插入新行，新行的父母是parent，从start到end的所有项目。

QModelIndexList QListView：：selectedIndexes（）const[virtual protected]

返回所有选中的非隐藏的项目的模型索引。

void setViewMode ( ViewMode mode )

设置显示模式，分为QListView::ListMode，QListView::IconMode，默认ListMode

void setLayoutMode ( LayoutMode mode )

设置布局模式，QListView::SinglePass，QListView::Batched

virtual void QAbstractItemView::setModel(QAbstractItemModel * model)

设置view所关联的model

4、QListView实例

Widget.h文件：

#ifndef WIDGET_H
#define WIDGET_H
#include <QtGui/QWidget>
#include <QStringListModel>
#include <QListView>
#include <QDialogButtonBox>
#include <QPushButton>
#include <QVBoxLayout>
class Widget : public QWidget
{
    Q_OBJECT
    
public:
    Widget(const QStringList &leaders, QWidget *parent = 0);
    ~Widget();
private:
    QStringListModel *model;
    QListView *listView;
    QDialogButtonBox *buttonBox;
private slots:
    void onDelete();
    void onInsert();
};
#endif // WIDGET_H

Widget.cpp文件：

#include "widget.h"
Widget::Widget(const QStringList &leaders, QWidget *parent)
    : QWidget(parent)
{
    model = new QStringListModel(this);
    model->setStringList(leaders);
    listView = new QListView;
    listView->setModel(model);
    listView->setEditTriggers(QAbstractItemView::AnyKeyPressed
                              | QAbstractItemView::DoubleClicked);
    buttonBox = new QDialogButtonBox;
    QPushButton *insertButton = buttonBox->addButton(
                tr("&Insert"),QDialogButtonBox::ActionRole);
    QPushButton *deleteButton = buttonBox->addButton(
                tr("&Delete"), QDialogButtonBox::ActionRole);
    connect(insertButton, SIGNAL(clicked()), this, SLOT(onInsert()));
    connect(deleteButton, SIGNAL(clicked()), this, SLOT(onDelete()));
    QVBoxLayout *layout = new QVBoxLayout;
    layout->addWidget(listView);
    layout->addWidget(buttonBox);
    setLayout(layout);
    setWindowTitle(tr("QStringListModel"));
}
Widget::~Widget()
{
}
void Widget::onDelete()
{
    model->removeRows(listView->currentIndex().row(), 1);
}
void Widget::onInsert()
{
    int row = listView->currentIndex().row();
    model->insertRows(row, 1);
    QModelIndex index = model->index(row);
    listView->setCurrentIndex(index);
    listView->edit(index);
}

Main.cpp文件：

#include <QtGui/QApplication>
#include "widget.h"
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QStringList list;
    list << QObject::tr("xianziyu")
         << QObject::tr("yangwangming")
         << QObject::tr("yinshixin")
         << QObject::tr("baichengshuang")
         << QObject::tr("zhangzurui");
    Widget w(list);
    w.show();
    
    return a.exec();
}

二、QTreeView树形视图

1、QTreeView组件简介

    QTreeView树形视图，继承自QAbstractItemView，是基于模型的列表/图标视图，也是Qt模型/视图框架的一部分。

2、QTreeView组件属性

    QTreeView组件属性设置选项：

    A、name：组件对应源代码中的名称。

    B、font：设置组件内所有文本的字体。

    C、sortingEnable：项目是否排序。

3、QTreeView组件常用成员函数

QTreeView：：QTreeView（QWidget *parent = 0）

构造一个父对象为parent的TreeView。

void QTreeView：：collapse（const QModena &index）[slot]

折叠模型索引为index的项目

void QTreeView：：collapseAll（）[slot]

折叠所有项目

int QTreeView：：columnAt（int x）const

返回x坐标处的列。

void QTreeView：：columnCountChanged（int oldCount，int newCount）[protected slot]

通知树形视图中的列数，从oldCount改变到newCount。

void QTreeView：：currentChanged（const QModelIndex ¤t，const QModelIndex &previous）[virtual protected]

把current定为当前项目，previous是以前的当前项目

void QTreeView：：dataChanged（const QModelIndex &topLeft，const QModelIndex &bottomRight）[virtual]

更改模型中项目topLeft到bottomRight。

void QTreeView：：drawBranches（QPainter *painter，const QRect &rect，const QModelIndex &index）const [virtual protected[

在项目index的同一行，用painter绘制指定的rect矩形分支。

void QTreeView：：drawRow（QPainter *painter，const QStyleOptionViewItem &option，const QModelIndex &index）const [virtual protected]

用painter绘制新行，新行包含模型索引 为index的项目，option是如何显示项目。

void QTreeView：：drawTree（QPainter *painter，const QRegion ion）const [protected]

用painter在区域region绘制树

void QTreeView：：expand（const QModelIndex &index）[slot]

展开模型索引为index的项目。

void QTreeView：：expandAll（）[slot]

展开所有的项目

void QTreeView：：expandToDepth(int depth) [slot]

展开树形视图中的项目，深度为depth

QHeaderView *QTreeView：：header（）const

返回该树形视图的header

QModelIndex QTreeView：：indexAbove（const QModelIndex &index）const

返回模型索引index的上一个索引

 QModelIndex QTreeView：：indexAt（const QPoint &point）const [virtual]

返回点point处项目的模型索引

QModelIndex QTreeView：：indexBelow（const QModelIndex &index）const

返回模型索引index的下一个索引

bool QTreeView：：isExpanded（const QModelIndex &index）const

如果模型索引index处的项目是展开着的，返回true，否则返回false

void QTreeV：：rowsInserted（const QModelIndex &parent，int start，int end）[virtual protected]

插入新行，新行的父母是parent，包括从start到end的所有项目。

void QTreeView：：rowsRemoved（const QModelIndex &parent，int start，int end）[protected slot]

删除行，行的父母是parent，包括从start到end的所有项目

void QTreeView：：selectAll（）[virtual]

设置所有的项目都是选择状态

QModelIndexList QTreeView：：selectedIndexes（）const [virtual protected]

返回所有选中和非隐藏的项目的模型索引

void QTreeView：：setHeader（QHeaderView *header）

设置该TreeView的标题为header

void QTreeView：：sortByColumn（int column，QT：：SortOrder order）

对列column按order进行排序

4、QTreeView实例

#include <QtGui>
#include <QString>
#include <QTextCodec>
#include <QSplitter>
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QSplitter *splitter = new QSplitter;
    QDirModel *model = new QDirModel;
    //从缺省目录创建数据
    QTreeView *tree = new QTreeView(splitter);
    tree->setModel(model);
    tree->setRootIndex(model->index("d:\\"));
    QTextCodec::setCodecForTr(QTextCodec::codecForName("GBK"));   //中文显示
    QTextCodec *codec = QTextCodec::codecForLocale();
    QString s = codec->toUnicode("目录");
    splitter->setWindowTitle(s);
    splitter->show();
    
    return a.exec();
}

三、QTableView表格视图

1、QTableView组件简介

    QTableView表格视图，是一个模型/视图结构的表视图实现，用来显示模型的项目。QTableView提供了QTable类提供的标准表格，是Qt的模型/视图框架的一部分，由QAbstractItemView类定义的接口来实现，使其能够显示由QAbstractItemModel类派生的模型提供的数据。QTableView可以使用自定义的数据模型来显示内容。

2、QTableView组件属性

    QTableView组件属性设置选项：

    A、name：该控件对应源代码中的名称

    B、font：设置表格内部的字体

    C、cornerButtonEnabled：左上角的按钮是否有用

    D、gridStyle：表格的格式

    E、showGrid：是否显示网格，值为true，显示，否则不显示

    F、sortingEnabled：是否对项目排序

3、QTableView组件常用成员函数

QTableView：：QTableView（QWidget *parent = 0）

构造一个父对象为parent的TableView

 void QTableView：：clearSpans（）

删除TableView中的所有行和列的跨度

 int QTableView：：columnAt（int x）const

返回坐标x处的列，如果坐标处没有项目则返回-1

 int QTableView：：columnSpan（int row，intcolumn）const

返回行row、列column处的行跨度

void QTableView：：currentChanged（const QModelIndex ¤t，const QModelIndex &previous）[virtual protected]

把current指定为当前项目，previous是以前的项目

QHeaderView *QTableView：：horizontalHeader（）const

返回TableView的水平标题

QModelIndex QTableView：：indexAt（const QPoint *pos）const [virtual]

返回点pos处项目的模型索引

int QTableView：：rowAt（int y）const

返回坐标y处的行，如果坐标处没有项目则返回-1

 int QTableView：：rowSpan（int row，int column）const

返回行row、列column处的列跨度

void QTableView：：selectcolumn（int column）[slot]

设置列column为选中状态

void QTableView：：selectRow（int row）[slot]

设置行row为选中状态

QModelIndexList QTableView：：selectedIndexes（）const [virtual protected]

返回所有选中和非隐藏的项目的模型索引

void QTableView：：setHorizontalHeader（QHeaderView *header）

设置TableView的水平标题为header

void QTableView：：setSpan（int row，int column，int rowSpanCount，int columnCount）

设置行row、列column处的行跨度为rowSpanCount、列跨度为columnSpanCount

void QTableView：：setVerticalHeader（QHeaderView *header）

设置TableView的垂直标题为header

void QTableView：：showColumn（int column）[slot]

显示列column

void QTableView：：showRow（int row）[slot]

显示行row

QHeaderView *QTableView：：verticalHeader（）const

返回TableView的垂直标题

4、QTableView实例

#include <QtGui/QApplication>
#include <QTableView>
#include <QStandardItemModel>
#include <QHeaderView>
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QStandardItemModel *model = new QStandardItemModel();
    model->setColumnCount(2);
    model->setHeaderData(0,Qt::Horizontal,QString::fromLocal8Bit("卡号"));
    model->setHeaderData(1,Qt::Horizontal,QString::fromLocal8Bit("姓名"));
    QTableView *tableview = new QTableView();
    tableview->setModel(model);
    tableview->horizontalHeader()->setDefaultAlignment(Qt::AlignLeft);
    tableview->horizontalHeader()->setResizeMode(0,QHeaderView::Fixed);
    tableview->horizontalHeader()->setResizeMode(1,QHeaderView::Fixed);
    tableview->setColumnWidth(0, 100);
    tableview->setColumnWidth(1, 100);
    for(int i = 0; i < 100; i++)
     {
         model->setItem(i,0,new QStandardItem("220161101"));
            //设置字符颜色
         model->item(i,0)->setForeground(QBrush(QColor(255, 0, 0)));
            //设置字符位置
         model->item(i,0)->setTextAlignment(Qt::AlignCenter);
         model->setItem(i,1,new QStandardItem(QString::fromLocal8Bit("哈哈")));
     }
    tableview->show();
    return a.exec();
}

四、QColumnView列视图

1、QColumnView组件简介

    QColumnView列视图提供了一个模型/视图的列视图实现，是模型/视图框架的一部分，提供了多级的视图（每点开一个选项都会在它旁边出现一个菜单，显示它所有的子项目）。

2、QColumnView组件属性

    QColumnView组件属性设置选项：

    A、name：组件对应源代码中的名字

    B、font：设置表格内部的字体

3、QColumnView组件常用成员函数

QColumnView：：QColumnView（QWidget *parent = 0）

构造一个父对象为parent的ColumnView

QAbstractItemView * QColumnView：：createColumn（const QModelIndex *index）[virtual protected]

index是视图的根模型索引，返回新的视图

void QColumnView：：currentChanged（const QModelIndex ¤t，const QModelIndex &previous）[virtual protected]

把current指定为当前项目，previous是以前的当前项目

QModelIndex QColumnView：：indexAt（cosnt QPoint &point）const [virtual]

返回点pos处项目的索引模型

QWidget *QColumnView：：previewWidget（）const

返回预览组件，如果没有则返回0

void QColumnView：：rowsInserted（const QModelIndex &parent，int start，int end）[virtual protected]

插入新行，新行的父母是parent包括从start到end的所有项目

void QColumnView：：selectAll（）[virtual]

设置该ColumnView中的所有项目为选中状态

void QColumnView：：setPreviewWidget（QWidget *widget）

设置widget为该columnView的预览组件。

4、QColumnView实例

#include <QtGui/QApplication>
#include <QMainWindow>
#include <QColumnView>
#include <QStandardItemModel>
#include <QStandardItem>
int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    QMainWindow win;
    QColumnView *cview = new QColumnView(&win);
    win.setCentralWidget(cview);
    QStandardItemModel model;
    for (int groupnum = 0; groupnum < 3 ; ++groupnum)
    {
        QStandardItem *group = new QStandardItem(QString("Group %1").arg(groupnum));
        for (int personnum = 0; personnum < 5 ; ++personnum)
        {
            QStandardItem *child = new QStandardItem(QString("Person %1 (group %2)").arg(personnum).arg(groupnum));
            group->appendRow(child);
        }
        model.appendRow(group);
    }
    cview->setModel(&model);
    win.show();
    return app.exec();
}

本文出自 “生命不息，奋斗不止” 博客，谢绝转载！

QT开发（八）——QT单元视图组件

标签：qt开发 单元视图组件

原文地址：http://9291927.blog.51cto.com/9281927/1868167