发帖 回复
返回列表
  • 4059阅读
  • 0回复

如何在tableview单元格中呈现自定义控件并可编辑 [复制链接]

 上一主题 下一主题
离线夏惠霞
新手上路
 
只看楼主 倒序阅读 楼主  发表于: 2016-03-23
hello，不好意思，刚看到这里还有专门的插入代码工具，之前的那个帖子代码没有用这个工具，太乱了。重复一下我的问题，是这样的：有一个数据源，假设我用vectcor容器来盛放它。数据源中的每一个数据项包括三个类容：一张图片，一个图片名字，一个复选框用于记录用户是否选择这张图片。这三项类容我打算放到一个frame上，分别用一个qlabel, 一个qlabel,一个qcheckbox来呈现。现在，我需要把每一个数据项都呈现到tableview的单元格上，也就是说我想把frame放到单元格中，并且单元格可以编辑。比如说，我点击某个单元格，然后单元格的图片就被选中了，复选框自动勾上勾。
我的问题是：当tableview第一次呈现出来的时候，我需要它能够加载数据源中的数据到每个单元格中，那么我该怎么做？是重写model的data()函数来实现这个功能，还是重写delegate的setEditData()函数？

如果热心的你不嫌麻烦的话，我贴出了我的代码，大致展示一下我的思路（我的代码还是有问题的，只能显示一列单元格，而且frame不显示）：
这是自定义frame的头文件：
复制代码
  1. class thumbnailFrame : public QFrame
  2. {
  4. public:
  5.     explicit thumbnailFrame(DataSource *datasource, QWidget *parent = 0);
  6.     ~thumbnailFrame();
  7.     void setThumbnailSize();
  8.     QSize getThumbnailSize();
  9.     void setDataSource(DataSource *dataSource);
  10.     DataSource* getDataSource();
  11.     void setCheckBox(bool save);
  12.     QCheckBox * getCheckBox();
  13.     void setImgShowLabel(QPixmap pixmap);
  14.     QLabel *getImgShowLabel();
  15.     void setNameLable(QString name);
  16.     QLabel *getNameLabel();
  17. private:
  18.     Ui::thumbnailFrame *ui;
  19.     QSize thumbnailSize;  //等于数据源中的iconsize
  20.     DataSource *dataSource; //数据源规格
  21. };
这是自定义frame实现：
复制代码
  1. thumbnailFrame::thumbnailFrame(DataSource *datasource, QWidget *parent) :
  2.     QFrame(parent),
  3.     ui(new Ui::thumbnailFrame)
  4. {
  5.     ui->setupUi(this);
  6.     ui->imgNameLabel->setAlignment(Qt::AlignCenter); //图片名居
  7.     setDataSource(datasource);
  8. }
  10. thumbnailFrame::~thumbnailFrame(){
  11.     delete ui;
  12.     delete dataSource;
  13. }
  15. void thumbnailFrame::setThumbnailSize(){
  16.     int icon_width = this->dataSource->getIconSize().width();
  17.     int icon_height = this->dataSource->getIconSize().height();
  18.     ui->imgShowLabel->resize(icon_width, icon_height);
  19.     int name_width = this->dataSource->getNameLabelSize().width();
  20.     int name_height = this->dataSource->getNameLabelSize().height();
  21.     ui->imgNameLabel->resize(name_width, name_height);
  22.     int space_width = this->dataSource->getSpace().width();
  23.     int space_height = this->dataSource->getSpace().height();
  24.     int frame_width = icon_width + space_width;
  25.     int frame_height = icon_height + name_height + space_height;
  26.     this->thumbnailSize = QSize(frame_width, frame_height);
  27. }
  29. QSize thumbnailFrame::getThumbnailSize(){
  30.     return thumbnailSize;
  31. }
  33. void thumbnailFrame::setDataSource(DataSource* dataSource){
  34.     this->dataSource = dataSource;
  35. }
  37. DataSource* thumbnailFrame::getDataSource(){
  38.     return this->dataSource;
  39. }
  41. void thumbnailFrame::setCheckBox(bool save){
  42.     Qt::CheckState state;
  43.     if(save == true){
  44.         state = Qt::Checked;
  45.     }else{
  46.         state = Qt::Unchecked;
  47.     }
  48.     this->ui->checkBox->setCheckState(state);
  49. }
  51. QCheckBox *thumbnailFrame::getCheckBox(){
  52.     return this->ui->checkBox;
  53. }
  55. void thumbnailFrame::setNameLable(QString name){
  56.     this->ui->imgNameLabel->setText(name);
  57. }
  59. QLabel * thumbnailFrame::getNameLabel(){
  60.     return this->ui->imgNameLabel;
  61. }
  63. void thumbnailFrame::setImgShowLabel(QPixmap pixmap){
  64.     this->ui->imgShowLabel->setPixmap(pixmap);
  65. }

这是数据源头文件：
复制代码
  1. class DataSource : public QObject
  2. {
  3.     Q_OBJECT
  4. public:
  5.     DataSource(QObject *parent = 0);
  6.     ~ DataSource();
  7.     void setName(QString name);
  8.     QString getName();
  9.     void setPixMap(QPixmap *pixMap);
  10.     QPixmap *getPixMap();
  11.     void setIconSize(QSize size);
  12.     QSize getIconSize();
  13.     void setNameLabelSize(QSize size);
  14.     QSize getNameLabelSize();
  15.     void setCheckboxSize(QSize size);
  16.     QSize getCheckboxSize();
  17.     void setSpace(QSize size);
  18.     QSize getSpace();
  19.     void setSave(bool save);
  20.     bool getSave();
  21. private:
  22.     QString name;
  23.     QPixmap *pixMap;
  24.     bool save;
  25.     QSize iconSize;  //缩略图尺寸
  26.     QSize nameLabelSize; //展现文件名的lable尺寸,宽度最好和缩略图宽度相等
  27.     QSize checkboxSize; //复选框尺寸
  28.     QSize space; //间距
  29. };
这是数据源实现：
复制代码
  1. DataSource::DataSource(QObject *parent):QObject(parent)
  2. {
  3.     this->name = "";
  4.     this->pixMap = NULL;
  5.     this->save = false;
  6. }
  8. DataSource::~DataSource(){
  9.     delete pixMap;
  10. }
  12. void DataSource::setName(QString name){
  13.     this->name = name;
  14. }
  16. QString DataSource::getName(){
  17.     return this->name;
  18. }
  20. void DataSource::setPixMap(QPixmap *pixMap){
  21.     this->pixMap = pixMap;
  22. }
  24. QPixmap *DataSource::getPixMap(){
  25.     return this->pixMap;
  26. }
  28. void DataSource::setIconSize(QSize size){
  29.     this->iconSize = size;
  30. }
  32. QSize DataSource::getIconSize(){
  33.     return this->iconSize;
  34. }
  36. void DataSource::setNameLabelSize(QSize size){
  37.     this->nameLabelSize = size;
  38. }
  40. QSize DataSource::getNameLabelSize(){
  41.     return this->nameLabelSize;
  42. }
  44. void DataSource::setCheckboxSize(QSize size){
  45.     this->checkboxSize = size;
  46. }
  48. QSize DataSource::getCheckboxSize(){
  49.     return this->checkboxSize;
  50. }
  52. void DataSource::setSpace(QSize size){
  53.     this->space = size;
  54. }
  56. QSize DataSource::getSpace(){
  57.     return this->space;
  58. }
  60. void DataSource::setSave(bool save){
  61.     this->save = save;
  62. }
  64. bool DataSource::getSave(){
  65.     return this->save;
  66. }

这是我实现的自定义delegate，继承自qitemdelegate

复制代码
  1. class ThumbnailDelegate: public QItemDelegate
  2. {
  3.     Q_OBJECT
  4. public:
  5.     explicit ThumbnailDelegate(DataSource *dataSource, QObject *parent = 0);
  6.     ~ThumbnailDelegate();
  7.     void setDataSource(DataSource *datasource);
  8.     DataSource* getDataSource();
  9.     void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index)const;
  10. //    bool editorEvent(QEvent *event,
  11. //                     QAbstractItemModel *model,
  12. //                     const QStyleOptionViewItem &option,
  13. //                     const QModelIndex &index);
  14.     //返回一个编辑控件，用来编辑指定项的数据
  15.     virtual QWidget *createEditor(QWidget *parent,
  16.                           const QStyleOptionViewItem &option,
  17.                           const QModelIndex &index)const;
  18.     //将Model中数据赋值到控件上
  19.     virtual void setEditorData(QWidget *editor, const QModelIndex &index) const;
  20.     //设定模型数据，根据指定项中对应编辑控件的数据
  21.     virtual void setModelData(QWidget *editor, QAbstractItemModel *model,
  22.                       const QModelIndex &index) const;
  23.     //更新编辑框几何形状
  24.     virtual void updateEditorGeometry(QWidget *editor,
  25.             const QStyleOptionViewItem &option, const QModelIndex &index) const;
  27. private:
  28.     QPixmap pixMap;
  29.     thumbnailFrame *frame;
  30.     DataSource *datasource; //数据源样例
  31. };
  34. ThumbnailDelegate::ThumbnailDelegate(DataSource *dataSource, QObject *parent):
  35.     QItemDelegate(parent){
  36.     setDataSource(dataSource);
  37. }
  39. ThumbnailDelegate::~ThumbnailDelegate(){
  40.     delete datasource;
  41. }
  43. void ThumbnailDelegate::setDataSource(DataSource *datasource){
  44.     this->datasource = datasource;
  45. }
  48. DataSource* ThumbnailDelegate::getDataSource(){
  49.     return this->datasource;
  50. }
  52. QWidget * ThumbnailDelegate::createEditor(QWidget *parent,
  53.                                           const QStyleOptionViewItem &option,
  54.                                           const QModelIndex &index)const{
  56.     thumbnailFrame *frame = new thumbnailFrame(this->datasource, parent);
  57.     frame->setThumbnailSize();
  58.     return frame;
  59. }
  61. //将Model中数据赋值到控件上
  62. void ThumbnailDelegate::setEditorData(QWidget *editor,
  63.                                     const QModelIndex &index) const{
  64.     //返回该索引的模型，继而返回该模型中此索引的编辑角色数据
  65.     QVariant var = index.model()->data(index);
  66.     DataSource *source = var.value<DataSource*>();
  67.     QString name = source->getName();
  68.     QPixmap *pixMap = source->getPixMap();
  69.     bool save = source->getSave();
  70.     //给控件赋值
  71.     thumbnailFrame *frame = static_cast<thumbnailFrame*>(editor);
  72.     frame->setDataSource(this->datasource);
  73.     frame->setThumbnailSize(); //设置frame上的各个控价大小
  74.     frame->setCheckBox(save);
  75.     frame->setImgShowLabel(*pixMap);
  76.     frame->setNameLable(name);
  77. }
  79. void ThumbnailDelegate::setModelData(QWidget *editor,
  80.                                      QAbstractItemModel *model,
  81.                                      const QModelIndex &index) const
  82. {
  83.     thumbnailFrame *frame = static_cast<thumbnailFrame*>(editor);
  84.     bool save;
  85.     if(frame->getCheckBox()->checkState() == Qt::Checked){
  86.         save = true;
  87.     }else{
  88.         save = false;
  89.     }
  90.     QString name = frame->getDataSource()->getName();
  91.     QPixmap *pixMap = frame->getDataSource()->getPixMap();
  92.     QSize iconSize = frame->getDataSource()->getIconSize();
  93.     QSize nameLabelSize = frame->getDataSource()->getNameLabelSize();
  94.     QSize checkboxSize = frame->getDataSource()->getCheckboxSize();
  95.     QSize space = frame->getDataSource()->getSpace();
  96.     DataSource *data = new DataSource();
  97.     data->setPixMap(pixMap);
  98.     data->setName(name);
  99.     data->setIconSize(iconSize);
  100.     data->setCheckboxSize(checkboxSize);
  101.     data->setSpace(space);
  102.     data->setNameLabelSize(nameLabelSize);
  103.     data->setSave(save);
  104.     //设置模型的数据
  105.     QVariant var;
  106.     var.setValue(data);
  107.     model->setData(index, var);
  108. }
  110. void ThumbnailDelegate::updateEditorGeometry(QWidget *editor,
  111.                                              const QStyleOptionViewItem &option,
  112.                                              const QModelIndex &index) const{
  114.     editor->setGeometry(option.rect);
  115. }
  118. void ThumbnailDelegate::paint(QPainter *painter,
  119.                               const QStyleOptionViewItem &option,
  120.                               const QModelIndex &index) const{
  122.     const QAbstractItemModel *model = index.model();
  123.     QVariant var = model->data(index);
  124.     if(var.isNull()){
  125.         var = false;
  126.         return;
  127.     }
  128.     //画图
  129.     QPixmap *pixMap = var.value<DataSource*>()->getPixMap();
  130.     QSize icon_size = var.value<DataSource*>()->getIconSize(); //图片尺寸
  131.     QSize space_size = var.value<DataSource*>()->getSpace();
  132.     QSize checkbox_size = var.value<DataSource*>()->getCheckboxSize();
  133.     QRect rect = option.rect;
  134.     int x = rect.x() + space_size.width() / 2;
  135.     int y = rect.y() + space_size.height() / 2;
  136.     painter->drawPixmap(x, y, pixMap->scaled((var.value<DataSource*>()->getIconSize())));
  137.     //画图片名称
  138.     QString name = var.value<DataSource*>()->getName();
  139.     int x2 = x;
  140.     int y2 = y + icon_size.height();
  141.     painter->drawText(x2, y2, name);
  142.     painter->end();
  144.     //画复选框
  145.     bool checked = var.value<DataSource*>()->getSave();
  146.     //按钮风格选项
  147.     QStyleOptionButton *checkBoxOption = new QStyleOptionButton();
  148.     checkBoxOption->state |= QStyle::State_Enabled;
  149.     if(checked){
  150.         checkBoxOption->state |= QStyle::State_On;
  151.     }else{
  152.         checkBoxOption->state |= QStyle::State_Off;
  153.     }
  154.     int x3 = x + icon_size.width() - checkbox_size.width();
  155.     int y3 = y;
  156.     QRect rect2(x3, y3, checkbox_size.width(), checkbox_size.height());
  157.     checkBoxOption->rect = rect2;
  158.     QApplication::style()->drawControl(QStyle::CE_CheckBox,checkBoxOption,painter);
  159. }
这是我自定义的model，继承自tablemodel:
复制代码
  1. class ThumbnailModel: public QAbstractTableModel
  2. {
  3. public:
  4.     ThumbnailModel(DataSource *dataSource, int tableView_h, int tableView_w, QObject *parent = 0);
  5.     ~ThumbnailModel();
  6.     void setVectorDataSource(QVector<DataSource*> vectorDataSource);
  7.     int rowCount(const QModelIndex &parent) const;
  8.     int columnCount(const QModelIndex &parent) const;
  9.     QVariant data(const QModelIndex &index, int role) const;
  10.     QVariant headerData(int section, Qt::Orientation orientation, int role) const;
  11.     void setTableView_width(int width);
  12.     int getTableView_width();
  13.     void setTableView_height(int height);
  14.     int getTableView_height();
  15.     void setDataSource(DataSource *dataSource);
  16.     DataSource *getDataSource();
  17. private:
  18.     QVector<DataSource*> vectorDataSource;  //底层数据
  19.     int tableView_width;
  20.     int tableView_heigth;
  21.     DataSource *dataSource; //底层数据单个范例
  22. };
  24. ThumbnailModel::ThumbnailModel(DataSource *dataSource, int tableview_h, int tableview_w, QObject *parent):
  25.     QAbstractTableModel(parent)
  26. {
  27.     setDataSource(dataSource);
  28.     setTableView_height(tableview_h);
  29.     setTableView_width(tableview_w);
  30. }
  32. ThumbnailModel::~ThumbnailModel(){
  33.     delete dataSource;
  34. }
  36. void ThumbnailModel::setVectorDataSource(QVector<DataSource*> vectorDataSource){
  37.     this->vectorDataSource = vectorDataSource;
  38. }
  40. void ThumbnailModel::setTableView_width(int width){
  41.     this->tableView_width = width;
  42. }
  44. int ThumbnailModel::getTableView_width(){
  45.     return this->tableView_width;
  46. }
  48. void ThumbnailModel::setTableView_height(int height){
  49.     this->tableView_heigth = height;
  50. }
  52. int ThumbnailModel::getTableView_height(){
  53.     return this->tableView_heigth;
  54. }
  56. void ThumbnailModel::setDataSource(DataSource *datasource){
  57.     this->dataSource = datasource;
  58. }
  60. DataSource* ThumbnailModel::getDataSource(){
  61.     return this->dataSource;
  62. }
  64. int ThumbnailModel::rowCount(const QModelIndex &/*parent*/) const{
  65.     int frame_height = this->dataSource->getIconSize().height() +
  66.                        this->dataSource->getNameLabelSize().height() +
  67.                        this->dataSource->getSpace().height();
  68.     int rowCount = this->tableView_heigth / frame_height;
  69.     return rowCount;
  70. }
  71. int ThumbnailModel::columnCount(const QModelIndex &/*parent*/) const{
  72.     int space_width = this->dataSource->getSpace().width();
  73.     int other_width = this->dataSource->getIconSize().width() > this->dataSource->getNameLabelSize().width()?
  74.                 this->dataSource->getIconSize().width():
  75.                 this->dataSource->getNameLabelSize().width();
  76.     int frame_width = space_width + other_width;
  77.     int columnCount = this->tableView_width / frame_width;
  78.     return columnCount;
  79. }
  81. QVariant ThumbnailModel::data(const QModelIndex &index, int role) const{
  82.     if(!index.isValid()){
  83.         return QVariant();
  84.     }
  85.     int row = index.row();
  86.     int col = index.column();
  87.     int index_ = row * this->columnCount(QModelIndex()) + col - 1;
  88.     QVariant var;
  89.     var.setValue((void *)this->vectorDataSource.at(index_));
  90.     return var;
  91. }
  93. QVariant ThumbnailModel::headerData(int section, Qt::Orientation /* orientation */, int role) const{
  94.     if(role != Qt::DisplayRole)
  95.         return QVariant();
  96.     return section;
  97. }
回复
举报
分享到 淘江湖 新浪 QQ微博 QQ空间 开心 人人 豆瓣 网易微博 百度 鲜果 白社会 飞信
发帖 回复
返回列表
快速回复
限100 字节
 
上一个 下一个