devbox
你好赵伟
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

C++,Qt,QListView 开发表情列表控件_qtemoji表情c++库

作者：你好赵伟 | 2024-03-05 17:43:21

赞

踩

qtemoji表情c++库

按照惯例，先上图

第一张图是gif动态表情，第二张图是unicode表情符号，列表控件基于QListView支持gif动态图和其他类型图片，支持指定图片显示大小与边距，Unicode表情符号是直接绘制的字符。鼠标移动上去后gif开始播放，详细请看下面的视频 

基于C++,Qt的跨平台客户端，持续完善中，今日新增表情列表控件

有关数据结构体定义如下

  1.   /// 表情列表结构
  2.   typedef struct LNCFQCHATMASK_EMOJI_{
  3.     uint32_t       uEmojIndexIds;                //索引ID
  4.     std::u16string sMaskContents;                //占位置字符
  5.     std::u32string sEmojContents;                //表情内容
  6.     uint           uEomjTypIndex;                //表情类型，0默认表情，占位符表情，1字符表情，2自定义表情
  7.     QSize          sMaxEmojiSize = QSize(48,48); //表情图片最大尺寸，当超出这个尺寸的图像只会以这个尺寸显示
  8.   }LNCFQCHATMASK_EMOJI,*PLNCFQCHATMASK_EMOJI;

QListView委托绘制的主要定义如下

  1. class QMovie;
  2. namespace LNCF_QTSOCIAL
  3. {
  4.   class LNCF_QTSOCIALLIBS_API Lncf_MsgEmojiListd:public Lncf_QListDelegate
  5.   {
  6.     Q_OBJECT
  7.   public:
  8.     explicit Lncf_MsgEmojiListd(QObject *parent = nullptr);
  9.     ~Lncf_MsgEmojiListd();
  10.   private:
  11.     /// 初始化表情列表委托
  12.     /// \brief InitMsgEmojItemd
  13.     ///
  14.     void InitMsgEmojItemd();
  15.   protected:
  16.     LQTEMOJIITEMS_STYLE  tEmojItemStyle;                          //表情图片Item风格
  17.     QSize                sItemViewsSize = QSize(40,40);           //视图大小
  18.     std::u32string       sPlaceholdImgs;                          //默认占位图像
  19.     QMovie              *pGifMoviePlaye = nullptr;                //gif播放指针
  20.     QImage               pCurrentImages;                          //当前帧图像
  21.     QRect                rCurrEmojiRect;
  22.     bool                 bHoverInnItems = false;
  23.   protected:
  24.  
  25.     /// 重写系统绘制
  26.     virtual void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const Q_DECL_OVERRIDE;
  27.  
  28.     /// 绘制背景
  29.     /// \brief DrawBackgroundly
  30.     /// \param painter
  31.     /// \param bHover
  32.     /// \param bSelect
  33.     /// \param rItemRect
  34.     /// \param index
  35.     ///
  36.     virtual void DrawBackgroundly(QPainter *painter,bool bHover,bool bSelect,QRectF rItemRect,const QModelIndex &index) const;
  37.  
  38.     /// 绘制图标
  39.     /// \brief DrawEmojImageObj
  40.     /// \param painter
  41.     /// \param bHover
  42.     /// \param rIconRect
  43.     /// \param sContent  :图标内容，unicode字符或图片路径
  44.     /// \param uType     :表情类型，0默认表情，占位符表情，1字符表情，2自定义表情
  45.     ///
  46.     virtual void DrawEmojImageObj(QPainter *painter,bool bHover,QRectF rImgRect,std::u32string sContent,uint uType) const;
  47.  
  48.     /// 绘制gif动画图像表情
  49.     /// \brief DrawGifImgsEmoji
  50.     /// \param painter
  51.     /// \param bHover
  52.     /// \param rImgRect
  53.     /// \param sContent
  54.     ///
  55.     virtual void DrawGifImgsEmoji(QPainter *painter,bool bHover,QRectF rImgRect,std::u32string sContent) const;
  56.  
  57.     /// 绘制unicode表情符号
  58.     /// \brief DrawUnicodeEmoji
  59.     /// \param painter
  60.     /// \param bHover
  61.     /// \param rImgRect
  62.     /// \param sContent
  63.     ///
  64.     virtual void DrawUnicodeEmoji(QPainter *painter,bool bHover,QRectF rImgRect,std::u32string sContent) const;
  65.  
  66.     /// 绘制占位图像
  67.     /// \brief DrawPlaceholders
  68.     /// \param painter
  69.     /// \param bHover
  70.     /// \param rImgRect
  71.     ///
  72.     virtual void DrawPlaceholders(QPainter *painter,bool bHover,QRectF rImgRect) const;
  73.  }
  74. }

 QListView委托绘制的主要实现如下

  1. namespace LNCF_QTSOCIAL
  2. {
  3.   Lncf_MsgEmojiListd::Lncf_MsgEmojiListd(QObject *parent)
  4.     : Lncf_QListDelegate(parent)
  5.   {
  6.     this->setParent(parent);
  7.     this->InitMsgEmojItemd();
  8.   }
  9.  
  10.   Lncf_MsgEmojiListd::~Lncf_MsgEmojiListd()
  11.   {
  12.     if(pGifMoviePlaye != nullptr){
  13.         pGifMoviePlaye->stop();
  14.         delete pGifMoviePlaye;
  15.       }
  16.   }
  17.  
  18.   /// 初始化表情列表委托
  19.   /// \brief InitMsgEmojItemd
  20.   ///
  21.   void Lncf_MsgEmojiListd::InitMsgEmojItemd()
  22.   {
  23.     //创建QMovie以显示Gif
  24.     if(pGifMoviePlaye == nullptr)
  25.       pGifMoviePlaye = new QMovie();
  26.     //绑定帧切换信号槽
  27.     connect(pGifMoviePlaye, SIGNAL(frameChanged(int)), this, SLOT(ShowEmojAnimate(int)));
  28.  
  29.     sPlaceholdImgs = U":/Lncf_QtSocialRes/Res_Imagesvg/ico_emoj_placeholder.svg";    //默认占位表情符号
  30.     SetSeleceAnimate(bSeleceAnimate);
  31.   }
  32.  
  33.   /// 重写系统绘制
  34.   void Lncf_MsgEmojiListd::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
  35.   {
  36.     if(index.isValid())
  37.       {
  38.         painter->save();
  39.         painter->setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing|QPainter::SmoothPixmapTransform);
  40.         painter->setPen(Qt::NoPen);
  41.  
  42.         //绘制图标项目
  43.         QVariant vItemData = index.data(LQEMOJLISTITEM_ROLE::MSGEMOJLIST_ITEMS);
  44.  
  45.         if(!vItemData.isValid())
  46.           return;
  47.  
  48.         LNCFQCHATMASK_EMOJI pViewItemData = vItemData.value<LNCFQCHATMASK_EMOJI>();
  49.  
  50.         //计算矩形区域
  51.         int rWidths = option.rect.width();
  52.         int rHeight = option.rect.height();
  53.  
  54.         //获取最小边长
  55.         int nBorderWid = qMin(rWidths,rHeight);
  56.  
  57.         //计算偏移量
  58.         double dLeftOffset = option.rect.left(),dTopOffset = option.rect.top();
  59.         if(nBorderWid<rWidths)
  60.           dLeftOffset = option.rect.left()+(rWidths-nBorderWid)/2;
  61.  
  62.         if(nBorderWid<rHeight)
  63.           dTopOffset = option.rect.top()+(rHeight-nBorderWid)/2;
  64.  
  65.  
  66.         //计算矩形区域
  67.         auto rEmojiViewRect = QRectF(dLeftOffset+tEmojItemStyle.nBordersOffset,dTopOffset+tEmojItemStyle.nBordersOffset,
  68.                                      nBorderWid-tEmojItemStyle.nBordersOffset*2,nBorderWid-tEmojItemStyle.nBordersOffset*2);
  69.  
  70.         //计算图标区域
  71.         double dEmojWidth = rEmojiViewRect.width()/tEmojItemStyle.dEmojSpaceVals;
  72.         double dIcoOffset = (rEmojiViewRect.width() - dEmojWidth)/2;
  73.         auto rEmojiImgsRect = QRectF(rEmojiViewRect.left()+dIcoOffset,rEmojiViewRect.top()+dIcoOffset,dEmojWidth,dEmojWidth);
  74.  
  75.         bool bHoverState = option.state.testFlag(QStyle::State_MouseOver);//index.data(LQDESKOPLISTS_ROLES::DSKBTNITEMS_HOVER).toBool();//option.state.testFlag(QStyle::State_MouseOver);
  76.  
  77.         bool bSelectState = option.state.testFlag(QStyle::State_Selected);
  78.  
  79.         DrawBackgroundly(painter,bHoverState,bSelectState,rEmojiViewRect,index);
  80.  
  81.         DrawEmojImageObj(painter,bHoverState,rEmojiImgsRect,pViewItemData.sEmojContents,pViewItemData.uEomjTypIndex);
  82.  
  83.         painter->restore();
  84.       }
  85.   }
  86.  
  87.   /// 绘制背景
  88.   /// \brief DrawBackgroundly
  89.   /// \param painter
  90.   /// \param bHover
  91.   /// \param bSelect
  92.   /// \param rItemRect
  93.   /// \param index
  94.   ///
  95.   void Lncf_MsgEmojiListd::DrawBackgroundly(QPainter *painter,bool bHover,bool bSelect,QRectF rItemRect,const QModelIndex &index) const
  96.   {
  97.     painter->setPen(Qt::NoPen);
  98.     painter->setBrush(Qt::NoBrush);
  99.     if(this->bSeleceAnimate&&pItemsAnimated!=nullptr&&pItemsAnimated->pModelIndexObj == index&&!pItemsAnimated->bAnimeFinished){
  100.         QPainterPath path;
  101.         QRectF rect(0, 0, pItemsAnimated->qCurrentRadius, pItemsAnimated->qCurrentRadius);
  102.         rect.moveCenter(pItemsAnimated->pAnimeStartPos);
  103.         path.addEllipse(rect);
  104.  
  105.         painter->save();
  106.         painter->setRenderHint(QPainter::Antialiasing);
  107.         painter->setClipRect(rItemRect);
  108.         painter->fillPath(path, this->tEmojItemStyle.cHoverBkgColor);
  109.         painter->restore();
  110.       }
  111.     else{
  112.         painter->setBrush(bHover||bSelect?tEmojItemStyle.cHoverBkgColor:tEmojItemStyle.cEmojItmBkgClr);
  113.         painter->drawRoundedRect(rItemRect,3.0,3.0);
  114.       }
  115.   }
  116.  
  117.   /// 绘制图标
  118.   /// \brief DrawEmojImageObj
  119.   /// \param painter
  120.   /// \param bHover
  121.   /// \param rIconRect
  122.   /// \param sContent  :图标内容，unicode字符或图片路径
  123.   /// \param uType     :表情类型，0默认表情，占位符表情，1字符表情，2自定义表情
  124.   ///
  125.   void Lncf_MsgEmojiListd::DrawEmojImageObj(QPainter *painter,bool bHover,QRectF rImgRect,std::u32string sContent,uint uType) const
  126.   {
  127.     painter->setPen(Qt::NoPen);
  128.     painter->setBrush(Qt::NoBrush);
  129.  
  130.     switch (uType) {
  131.       case 0:
  132.       case 2:{
  133.           if(sContent.empty())
  134.             return DrawPlaceholders(painter,bHover,rImgRect);
  135.           //首先判断文件是否存在
  136.           QFileInfo fImgObj(QString::fromStdU32String(sContent));
  137.  
  138.           if(!fImgObj.isFile()){
  139.               printf("file Does not exist\n");
  140.               return DrawPlaceholders(painter,bHover,rImgRect);
  141.             }
  142.           //判断图片文件并绘制
  143.  
  144.           //绘制图片
  145.           QImage pImgObj(QString::fromStdU32String(sContent));
  146.           if(!pImgObj.isNull())
  147.             painter->drawImage(rImgRect,pImgObj);
  148.           else
  149.             return DrawPlaceholders(painter,bHover,rImgRect);
  150.         }break;
  151.       case 1:{
  152.           DrawUnicodeEmoji(painter,bHover,rImgRect,sContent);
  153.         }break;
  154.       }
  155.   }
  156.  
  157.   /// 绘制gif动画图像表情
  158.   /// \brief DrawGifImgsEmoji
  159.   /// \param painter
  160.   /// \param bHover
  161.   /// \param rImgRect
  162.   /// \param sContent
  163.   ///
  164.   void Lncf_MsgEmojiListd::DrawGifImgsEmoji(QPainter *painter,bool bHover,QRectF rImgRect,std::u32string sContent) const
  165.   {
  166.     QImage pImgObj = bHover?pCurrentImages:QImage(QString::fromStdU32String(sContent));
  167.     if(!pImgObj.isNull())
  168.       painter->drawImage(rImgRect,pImgObj);
  169.     else
  170.       DrawPlaceholders(painter,bHover,rImgRect);
  171.   }
  172.  
  173.   /// 绘制unicode表情符号
  174.   /// \brief DrawUnicodeEmoji
  175.   /// \param painter
  176.   /// \param bHover
  177.   /// \param rImgRect
  178.   /// \param sContent
  179.   ///
  180.   void Lncf_MsgEmojiListd::DrawUnicodeEmoji(QPainter *painter,bool bHover,QRectF rImgRect,std::u32string sContent) const
  181.   {
  182.     if(!sContent.empty()){
  183.         QFont fObj = painter->font();
  184.         fObj.setPixelSize(sItemViewsSize.width()/1.75);
  185.         painter->setFont(fObj);
  186.         painter->setPen(QColor(0,0,0));
  187.         painter->drawText(rImgRect,Qt::AlignCenter, QString::fromStdU32String(sContent));
  188.       }
  189.     else
  190.       DrawPlaceholders(painter,bHover,rImgRect);
  191.   }
  192.  
  193.   /// 绘制占位图像
  194.   /// \brief DrawPlaceholders
  195.   /// \param painter
  196.   /// \param bHover
  197.   /// \param bSelect
  198.   /// \param rImgRect
  199.   ///
  200.   void Lncf_MsgEmojiListd::DrawPlaceholders(QPainter *painter,bool bHover,QRectF rImgRect) const
  201.   {
  202.     QImage pImgObj(QString::fromStdU32String(sPlaceholdImgs));
  203.     painter->drawImage(rImgRect,pImgObj);
  204.   }
  205. }

QListView派生类主要定义如下

  1.     /// 初始化列表虚函数
  2.     /// \brief InitMsgEmojList
  3.     ///
  4.     virtual void InitMsgEmojList();
  5.   private:
  6.     QStandardItemModel    *pListItemModel = nullptr;    //列表模型对象指针
  7.     Lncf_MsgEmojiListd    *pItemsDelegate = nullptr;
  8.   public:
  9.     /// 获取指定索引模型视图数据
  10.     /// \brief GetItemViewsData
  11.     /// \param index
  12.     /// \return
  13.     ///
  14.     LNCFQCHATMASK_EMOJI GetItemViewsData(const QModelIndex &index) const;
  15.  
  16.     /// 获取所有表情项
  17.     /// \brief GetEmojItemsList
  18.     /// \param vList
  19.     /// \return
  20.     ///
  21.     bool GetEmojItemsList(std::vector<LNCFQCHATMASK_EMOJI> &vList);
  22.  
  23.     /// 好友数据是否存在
  24.     /// \brief IsExistEmojItem
  25.     /// \param data
  26.     /// \return
  27.     ///
  28.     bool IsExistEmojItem(LNCFQCHATMASK_EMOJI data);
  29.  
  30.     /// 更新视图项数据
  31.     /// \brief UpdateViewItems
  32.     /// \param index
  33.     /// \param data     :默认视图数据
  34.     /// \param uErrMsg
  35.     ///
  36.     bool UpdateViewItems(const QModelIndex &index,LNCFQCHATMASK_EMOJI data,std::u16string &uErrMsg);
  37.  
  38.     /// 激活指定的项
  39.     /// \brief ActiveViewsItem
  40.     /// \param tagItem
  41.     ///
  42.     bool ActiveViewsItem(const LNCFQCHATMASK_EMOJI tagItem,std::u16string &uErrMsg);
  43.   public:
  44.     实现QListView函数//
  45.     void setViewMode(ViewMode mode);
  46.  
  47.     void setSpacing(int space);
  48.  
  49.     void setGridSize(const QSize &size);
  50.   public:
  51.     /// 添加一个表情数据
  52.     /// \brief AddMsgEmojiItems
  53.     /// \param data     :表情数据
  54.     ///
  55.     void AddMsgEmojiItems(LNCFQCHATMASK_EMOJI data);
  56.  
  57.     /// 添加多个表情数据到列表
  58.     /// 此操作不会删除已有数据，仅追加数据
  59.     /// \brief AddEmojiItemList
  60.     /// \param data
  61.     ///
  62.     void AddEmojiItemList(std::vector<LNCFQCHATMASK_EMOJI> &vList);
  63.  
  64.     /// 设置表情列表数据
  65.     /// 注意：此操作会删除已有项
  66.     /// \brief SetEmojiItemList
  67.     /// \param vList
  68.     ///
  69.     void SetEmojiItemList(std::vector<LNCFQCHATMASK_EMOJI> &vList);
  70.  
  71.     /// 删除列表项
  72.     /// \brief RemoveListItems
  73.     /// \param tItemInf:为指定的列表项数据结构
  74.     /// \param uErrMsg :返回错误引用参数
  75.     /// \return
  76.     ///
  77.     bool RemoveListItems(LNCFQCHATMASK_EMOJI tItemInf,std::u16string &uErrMsg);

 注意，在这些代码中setViewMode是重中之重，此函数将禁止将列表设置为listMode,因为如果设置为listMode则会导致不可预料的结果发生

QListView派生类主要实现代码如下

  1. /// 初始化列表虚函数
  2.   /// \brief InitDesktopList
  3.   ///
  4.   void Lncf_MsgEmojiListv::InitMsgEmojList()
  5.   {
  6.     pItemsDelegate = new Lncf_MsgEmojiListd(this);
  7.     this->setItemDelegate(pItemsDelegate);
  8.  
  9.     pListItemModel = new QStandardItemModel(this);
  10.     this->setModel(pListItemModel);                            //在视图中安装代理
  11.  
  12.     connect(pItemsDelegate, &Lncf_MsgEmojiListd::EmojItemClickEvt, this, &Lncf_MsgEmojiListv::OnEmojItemsClick);
  13.     connect(pItemsDelegate, &Lncf_MsgEmojiListd::RightclickEvents, this, &Lncf_MsgEmojiListv::OnItemRightclick);
  14.  
  15.     this->setEditTriggers(QAbstractItemView::SelectedClicked);
  16.     this->setSelectionMode(SelectionMode::ExtendedSelection);
  17.     this->setVerticalScrollMode(ScrollPerPixel);
  18.     this->setViewMode(ViewMode::IconMode);
  19.     this->setResizeMode(QListView::Adjust);
  20.     this->setMovement(Movement::Snap);
  21.     this->setGridSize(QSize(38,38));
  22.     this->setMouseTracking(true);
  23.   }
  24.  
  25.   /// 获取指定索引模型视图数据
  26.   /// \brief GetItemViewsData
  27.   /// \param index
  28.   /// \return
  29.   ///
  30.   LNCFQCHATMASK_EMOJI Lncf_MsgEmojiListv::GetItemViewsData(const QModelIndex &index) const
  31.   {
  32.     if(index.isValid())
  33.       return  pListItemModel->data(index,LQEMOJLISTITEM_ROLE::MSGEMOJLIST_ITEMS).value<LNCFQCHATMASK_EMOJI>();
  34.  
  35.     return LNCFQCHATMASK_EMOJI();
  36.   }
  37.  
  38.   /// 获取所有表情项
  39.   /// \brief GetEmojItemsList
  40.   /// \param vList
  41.   /// \return
  42.   ///
  43.   bool Lncf_MsgEmojiListv::GetEmojItemsList(std::vector<LNCFQCHATMASK_EMOJI> &vList)
  44.   {
  45.     int rowCount = pListItemModel->rowCount();
  46.     for(int i=0;i<rowCount;i++)  //mIndex 是用来保存我加入项目的个数。。
  47.       {
  48.         QModelIndex Index = pListItemModel->index(i, 0);
  49.         if(Index.isValid()){
  50.             QVariant vItemData = Index.data(LQEMOJLISTITEM_ROLE::MSGEMOJLIST_ITEMS);
  51.  
  52.             if(vItemData.isValid()){
  53.                 LNCFQCHATMASK_EMOJI pViewItemData = vItemData.value<LNCFQCHATMASK_EMOJI>();
  54.                 vList.push_back(pViewItemData);
  55.               }
  56.           }
  57.       }
  58.     return vList.size()>0;
  59.   }
  60.  
  61.   /// 好友数据是否存在
  62.   /// \brief IsExistEmojItem
  63.   /// \param data
  64.   /// \return
  65.   ///
  66.   bool Lncf_MsgEmojiListv::IsExistEmojItem(LNCFQCHATMASK_EMOJI data)
  67.   {
  68.     int rowCount = pListItemModel->rowCount();
  69.     LNCFQCHATMASK_EMOJI pViewItemData;
  70.  
  71.     if(data.sEmojContents.empty())
  72.       return true;
  73.  
  74.     for(int i=0;i<rowCount;i++)  //mIndex 是用来保存我加入项目的个数。。
  75.       {
  76.         QModelIndex Index = pListItemModel->index(i, 0);
  77.         if(Index.isValid()){
  78.             pViewItemData = pListItemModel->data(Index,LQEMOJLISTITEM_ROLE::MSGEMOJLIST_ITEMS).value<LNCFQCHATMASK_EMOJI>();
  79.  
  80.             if(pViewItemData.uEomjTypIndex==data.uEomjTypIndex&&pViewItemData.sMaskContents==data.sMaskContents
  81.                &&pViewItemData.sEmojContents==data.sEmojContents)
  82.               return true;
  83.           }
  84.       }
  85.     return false;
  86.   }
  87.  
  88.   /// 更新视图项数据
  89.   /// \brief UpdateViewItems
  90.   /// \param index
  91.   /// \param data     :默认视图数据
  92.   /// \param uErrMsg
  93.   ///
  94.   bool Lncf_MsgEmojiListv::UpdateViewItems(const QModelIndex &index,LNCFQCHATMASK_EMOJI data,std::u16string &uErrMsg)
  95.   {
  96.     if(index.isValid()&&data.uEmojIndexIds>=0&&!data.sEmojContents.empty()){
  97.         bool bRet = pListItemModel->setData(index,QVariant::fromValue(data),LQEMOJLISTITEM_ROLE::MSGEMOJLIST_ITEMS);
  98.         pListItemModel->sort(0);
  99.         if(!bRet){
  100.             QString strErr = tr("Change Mode Index target data failed");
  101.             uErrMsg = strErr.toStdU16String();
  102.           }
  103.         return bRet;
  104.       }
  105.     else{
  106.         QString strErr = tr("Mode Index or data is invalid");
  107.         uErrMsg = strErr.toStdU16String();
  108.       }
  109.     return false;
  110.   }
  111.  
  112.   /// 激活指定的项
  113.   /// \brief ActiveViewsItem
  114.   /// \param tagItem
  115.   ///
  116.   bool Lncf_MsgEmojiListv::ActiveViewsItem(const LNCFQCHATMASK_EMOJI tagItem,std::u16string &uErrMsg)
  117.   {
  118.     int rowCount = pListItemModel->rowCount();
  119.     LNCFQCHATMASK_EMOJI pItemData;
  120.     for(int i=0;i<rowCount;i++)  //mIndex 是用来保存我加入项目的个数。。
  121.       {
  122.         QModelIndex Index = pListItemModel->index(i, 0);
  123.         if(Index.isValid()){
  124.             pItemData = pListItemModel->data(Index,LQEMOJLISTITEM_ROLE::MSGEMOJLIST_ITEMS).value<LNCFQCHATMASK_EMOJI>();
  125.             if(pItemData.uEomjTypIndex==tagItem.uEomjTypIndex&&pItemData.sEmojContents==tagItem.sEmojContents&&pItemData.sMaskContents==tagItem.sMaskContents){
  126.                 pListItemModel->sort(0);
  127.                 this->setCurrentIndex(Index);
  128.                 return true;
  129.               }
  130.           }
  131.       }
  132.     QString strErr = tr("The data for the target attribute does not exist in the list");
  133.     uErrMsg = strErr.toStdU16String();
  134.     return false;
  135.   }
  136.  
  137.   实现QListView函数//
  138.   void Lncf_MsgEmojiListv::setViewMode(ViewMode mode)
  139.   {
  140.     if(mode == QListView::ListMode)
  141.       mode = QListView::IconMode;
  142.  
  143.     this->setContentsMargins(3,3,3,3);
  144.     this->update();
  145.  
  146.     QListView::setViewMode(mode);
  147.   }
  148.  
  149.   void Lncf_MsgEmojiListv::setSpacing(int space)
  150.   {
  151.     QListView::setSpacing(space);
  152.   }
  153.  
  154.   void Lncf_MsgEmojiListv::setGridSize(const QSize &size)
  155.   {
  156.     int nSizeWidth = qMin(size.width(),size.height());
  157.  
  158.     if(nSizeWidth <16)
  159.       nSizeWidth = 16;
  160.  
  161.     if(nSizeWidth >256)
  162.       nSizeWidth = 256;
  163.  
  164.     pItemsDelegate->SetItemViewsSize(QSize(nSizeWidth,nSizeWidth));
  165.  
  166.     QListView::setGridSize(QSize(nSizeWidth,nSizeWidth));
  167.   }
  168.  
  169.   /// 添加一个表情数据
  170.   /// \brief AddMsgEmojiItems
  171.   /// \param data     :表情数据
  172.   ///
  173.   void Lncf_MsgEmojiListv::AddMsgEmojiItems(LNCFQCHATMASK_EMOJI data)
  174.   {
  175.     if(IsExistEmojItem(data))
  176.       return;
  177.  
  178.     QString sName = QString::fromStdU16String(data.sMaskContents);
  179.     auto pViewItem = new QStandardItem(sName);
  180.     pViewItem->setData(false, LQEMOJLISTITEM_ROLE::MSGEMOJLIST_ACTIV);
  181.     pViewItem->setData(false, LQEMOJLISTITEM_ROLE::MSGEMOJLIST_CLICK);
  182.     pViewItem->setData(false, LQEMOJLISTITEM_ROLE::MSGEMOJLIST_HOVER);
  183.     pViewItem->setData(QVariant::fromValue(data), LQEMOJLISTITEM_ROLE::MSGEMOJLIST_ITEMS);
  184.     pListItemModel->appendRow(pViewItem);
  185.   }
  186.  
  187.   /// 添加多个表情数据到列表
  188.   /// 此操作不会删除已有数据，仅追加数据
  189.   /// \brief AddEmojiItemList
  190.   /// \param data
  191.   ///
  192.   void Lncf_MsgEmojiListv::AddEmojiItemList(std::vector<LNCFQCHATMASK_EMOJI> &vList)
  193.   {
  194.     for(size_t x=0;x<vList.size();x++){
  195.         if(!IsExistEmojItem(vList[x])){
  196.             //printf("%s\n",QString::fromStdU16String(vList[x].sEmojContents).toStdString().c_str());
  197.             QString sName = QString::fromStdU16String(vList[x].sMaskContents);
  198.             auto pViewItem = new QStandardItem(sName);
  199.             pViewItem->setData(false, LQEMOJLISTITEM_ROLE::MSGEMOJLIST_ACTIV);
  200.             pViewItem->setData(false, LQEMOJLISTITEM_ROLE::MSGEMOJLIST_CLICK);
  201.             pViewItem->setData(false, LQEMOJLISTITEM_ROLE::MSGEMOJLIST_HOVER);
  202.             pViewItem->setData(QVariant::fromValue(vList[x]), LQEMOJLISTITEM_ROLE::MSGEMOJLIST_ITEMS);
  203.             pListItemModel->appendRow(pViewItem);
  204.           }
  205.       }
  206.   }
  207.  
  208.   /// 设置表情列表数据
  209.   /// 注意：此操作会删除已有项
  210.   /// \brief SetEmojiItemList
  211.   /// \param vList
  212.   ///
  213.   void Lncf_MsgEmojiListv::SetEmojiItemList(std::vector<LNCFQCHATMASK_EMOJI> &vList)
  214.   {
  215.     pListItemModel->clear();
  216.     AddEmojiItemList(vList);
  217.   }
  218.  
  219.   /// 删除列表项
  220.   /// \brief RemoveListItems
  221.   /// \param tItemInf:为指定的列表项数据结构
  222.   /// \param uErrMsg :返回错误引用参数
  223.   /// \return
  224.   ///
  225.   bool Lncf_MsgEmojiListv::RemoveListItems(LNCFQCHATMASK_EMOJI tItemInf,std::u16string &uErrMsg)
  226.   {
  227.     int rowCount = pListItemModel->rowCount();
  228.     LNCFQCHATMASK_EMOJI pItemData;
  229.     for(int i=0;i<rowCount;i++)  //mIndex 是用来保存我加入项目的个数。。
  230.       {
  231.         QModelIndex Index = pListItemModel->index(i, 0);
  232.         pItemData = pListItemModel->data(Index,LQEMOJLISTITEM_ROLE::MSGEMOJLIST_ITEMS).value<LNCFQCHATMASK_EMOJI>();
  233.         if(pItemData.uEomjTypIndex==tItemInf.uEomjTypIndex&&pItemData.sEmojContents==tItemInf.sEmojContents&&pItemData.sMaskContents==tItemInf.sMaskContents){
  234.             pListItemModel->removeRow(Index.row());
  235.             pListItemModel->sort(0);
  236.             return true;
  237.           }
  238.       }
  239.     QString strErr = tr("The target data does not exist and cannot be deleted");
  240.     uErrMsg = strErr.toStdU16String();
  241.     return false;
  242.   }

至此表情列表基本就完成了，根据上面的代码您可以复刻一个表情列表控件，自己在完成属性接口与信号连接即可使用

有关更多技术分享与交流请加QQ群：717743458。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/192765?site
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号