Qt股票組件之自選股列表拖拽、右鍵常用菜單功能的實現(xiàn)
一、開頭嘴一嘴
本文帶領大家來看看自選股列表的實現(xiàn)。
如果有需要的朋友可以加我好友，有償提供源碼、或者也可以進一步提供功能定制
封裝的控件，或者demo都是沒有樣式的，所以看著會比較丑一些，不過加樣式也是分分鐘。。。這里咱可以先看功能，需要即可定制
本篇文章的自選股和大多數(shù)炒股軟件一樣，每一條自選都是支持拖拽的，拖拽時鼠標會跟隨一個拖拽映像，并且鼠標移動時，會有拖拽提示，告知我們鼠標釋放時拖拽項將會被插入到哪個位置。除過拖拽之外，自選股列表還支持右鍵菜單，都是一樣常用的操作。
右鍵菜單包括置頂、置低、刪除、下移一項、上移一項等
本篇文章中不包括的功能也可以提供定制，需求合理即可。
下面來具體說一說這個功能的實現(xiàn)思路，會公開大多數(shù)核心代碼，有需要的同學可以根據(jù)思路自行完善整個代碼。
二、效果展示
如下效果圖所示，是自選股使用上的一個展示效果，具有如下功能
1.搜索編輯框，支持股票代碼和股票名稱搜索
2.搜索預覽框支持鼠標hover，并且可以使用鍵盤上下鍵進行當前項切換，單機時支持切換自選股
3.自選股列表，支持拖拽，拖拽時會有拖拽項映像，并示意將要拖拽到哪個位置
4.支持右鍵菜單，可以對某一項進行移動，刪除等操作
如果覺著demo比較丑的話，可以看財聯(lián)社-產(chǎn)品展示這篇文章中的效果圖
三、自選股列表
接下來就是我們這篇文章的重頭戲了，也是比較復雜的一個內容。
自選股列表我選擇的是使用QListWidget來實現(xiàn)，然后每一個item上在放一個Widget即可，Widget就是我們定制窗體內容，這里我們主要講解幾個比較重要的核心內容
1、列表初始化
初始化StockList，實際上自選股列表應該從服務器拉取，我們這里作為demo測試，因此就自己模擬了5條數(shù)據(jù)進行插入。
//已選個股列表
d_ptr->m_pStockList = new StockList;
connect(d_ptr->m_pStockList, &StockList::RowClicked, this, [this](const QString & symbol){
emit RowClicked(symbol);
});
//測試數(shù)據(jù) 正常情況下 應該是列表自己拉取
OptionalMarketItem item;
for (int i = 1; i <= 5; ++i)
{
item.wstrSymbol = QString("0h000%1").arg(i).toStdWString();
item.wstrName = QString("%1%1%1").arg(i).toStdWString();
item.wstrIndustryName = QString("pingyin%1").arg(i).toStdWString();
d_ptr->m_pStockList->AddItem(item);
}
2、添加Item
往StockList中添加item項時，我們首先需要構造一個標準的QListWidgetItem結構，然后把我們自己定制的ListItem放到這個標準item結構上。
QListWidgetItem * StockList::AddItem(const OptionalMarketItem & data)
{
ListItem * itemWidget = new ListItem;
itemWidget->SetData(data);
QListWidgetItem * item = new QListWidgetItem;
addItem(item);
item->setSizeHint(QSize(0, 50));
setItemWidget(item, itemWidget);
return item;
}
ListItem就是一個普通的QWidget，上邊排列了一些QLabel，用于顯示我們的股票數(shù)據(jù)。
ListItem界面構造就不過多解釋了，唯一需要說明的就是，我們股票數(shù)據(jù)發(fā)送變化時，界面上會有紅綠色框的動畫提示，這里需要調用兩行代碼來實現(xiàn)重新獲取控件qss代碼，并刷洗界面。
this->style()->unpolish(this); this->style()->polish(this);
3、右鍵菜單
本篇文章和上一篇文章的右鍵菜單實現(xiàn)方式一樣，都是參考我很早以前寫的Qt之自定義QLineEdit右鍵菜單這篇文章，實現(xiàn)默認的contextMenuEvent函數(shù)即可。
右鍵菜單已經(jīng)說的很多了，這里就一筆帶過了，需要的同學可以自己快速的瞅一眼，應該比較容易理解。
void StockList::contextMenuEvent(QContextMenuEvent * event)
{
if (d_ptr->m_AllowMenu == false)
{
return;
}
if (d_ptr->m_ContextMenu == nullptr)
{
d_ptr->m_ContextMenu = new QMenu(this);
d_ptr->m_ContextMenu->setObjectName(QStringLiteral("StockListMenu"));
d_ptr->m_ContextMenu->setFixedWidth(100);
QAction * delAct = new QAction(QStringLiteral("刪除自選股"), d_ptr->m_ContextMenu);
QAction * topAct = new QAction(QStringLiteral("置頂"), d_ptr->m_ContextMenu);
QAction * bottomAct = new QAction(QStringLiteral("置底"), d_ptr->m_ContextMenu);
QAction * upAct = new QAction(QStringLiteral("上移一位"), d_ptr->m_ContextMenu);
QAction * downAct = new QAction(QStringLiteral("下移一位"), d_ptr->m_ContextMenu);
connect(delAct, &QAction::triggered, this, &StockList::DeleteSotck);
connect(topAct, &QAction::triggered, this, &StockList::TopSotck);
connect(bottomAct, &QAction::triggered, this, &StockList::BottomSotck);
connect(upAct, &QAction::triggered, this, &StockList::UpSotck);
connect(downAct, &QAction::triggered, this, &StockList::DownSotck);
d_ptr->m_ContextMenu->addAction(delAct);
d_ptr->m_ContextMenu->addAction(topAct);
d_ptr->m_ContextMenu->addAction(bottomAct);
d_ptr->m_ContextMenu->addAction(upAct);
d_ptr->m_ContextMenu->addAction(downAct);
}
d_ptr->m_ContextMenu->exec(mapToGlobal(event->pos()));
QListWidget::contextMenuEvent(event);
}
以上5個菜單，雖然看起來功能相差很多，但是其實處理邏輯基本都是一樣的，先是一個內容結構排序，然后進行刷新數(shù)據(jù)到界面上。
為了節(jié)省篇幅，我這里就只介紹置頂一只股票的操作
置頂?shù)倪壿嬁雌饋硎沁@樣的
1.移除當前項
2.并且把當前項item插入到新位置
3.構造一個新的Widget，設置給item
4.把新位置的item設置為當前選中項
5.上傳最新列表到數(shù)據(jù)中心，或者服務器
void StockList::TopSotck()
{
QListWidgetItem * item = currentItem();
if (item == nullptr)
{
return;
}
if (row(item) == 0)
{
return;
}
ListItem * itemWidget = ItemWidget(item);
QListWidgetItem * newItem = takeItem(row(item));
insertItem(0, newItem);
ListItem * topWidget = new ListItem;
topWidget->SetData(itemWidget->GetData());
setItemWidget(newItem, topWidget);
if (itemWidget)
{
itemWidget->close();
itemWidget = nullptr;
}
setCurrentItem(newItem);
StorageData();
}
4、拖拽Item
拖拽Item應該算是一個比較難一點兒功能，好在Qt已經(jīng)為我們實現(xiàn)了一套QDrag事件的回調方法，也比較好使，如下圖所示，重寫如下4個方法，基本的拖拽事件就能完成了。
但是這里我么有選擇默認的這個回調函數(shù)來實現(xiàn)這個功能，其中最大的原因就是，他們的可定制性太局限了。
我這里采取的是自己模擬鼠標拖拽功能，同過重寫如下幾個函數(shù)來達到我的目的
virtual void mousePressEvent(QMouseEvent * event) override; virtual void mouseMoveEvent(QMouseEvent * event) override; virtual void mouseReleaseEvent(QMouseEvent * event) override; virtual void enterEvent(QEvent * event) override; virtual void leaveEvent(QEvent * event) override;
1.鼠標按下時，主要是記錄了一些內容狀態(tài)，方便在鼠標移動時去做判斷，并決定是否啟用鼠標拖拽功能
2.鼠標移動就比較復雜了，進行了各種對比，還需要移動被拖拽項的映像位置，移動那一根水平線的位置
3.鼠標釋放時，調整整個列表的內容
4.鼠標進入窗體時，顯示水平標識線
5.鼠標離開窗體時，隱藏水平標識線
上邊只是粗略的描述了這幾個函數(shù)的功能， 因為函數(shù)實現(xiàn)體都比較長，因此這里我也是選擇幾個關鍵點來做以說明。
a、move函數(shù)
產(chǎn)生拖拽時，移動鼠標，我們需要處理很多事件，比如
1、初始化水平表示線和拖拽項映像
if (d_ptr->m_ShotLine == nullptr)
{
InitShotLine();
}
if (d_ptr->m_ShotPicture == nullptr)
{
InitShotLabel();
}
2、拖拽時修改鼠標狀態(tài)
根據(jù)拖拽啟動后，鼠標是否還在當前拖拽項上，設置鼠標的狀態(tài)。
if (ListItem * newWidget = ItemWidget(d_ptr->dragItem))
{
d_ptr->m_ShotPicture->move(QCursor::pos() - d_ptr->dragItemPos);
d_ptr->m_DragRect = visualItemRect(d_ptr->dragItem);
if (d_ptr->m_DragRect.contains(event->pos()) || event->pos().isNull())
{
if ((event->pos() - d_ptr->startPos).manhattanLength() > 5)
{
setCursor(Qt::ForbiddenCursor);
}
}
else
{
setCursor(Qt::ArrowCursor);
}
if (d_ptr->m_ShotPicture->isHidden())
{
d_ptr->m_ShotPicture->show();
}
}
b、release函數(shù)
鼠標釋放時，把拖拽項移動到新的位置
if (ListItem * oldWidget = ItemWidget(d_ptr->dragItem))
{
QListWidgetItem * newItem = new QListWidgetItem;
ListItem * itemWidget = new ListItem;
itemWidget->SetData(oldWidget->GetData());
insertItem(insertPos, newItem);
newItem->setSizeHint(QSize(0, 50));
setItemWidget(newItem, itemWidget);
setCurrentItem(newItem);
oldWidget->deleteLater();
}
5、刷新數(shù)據(jù)
全量刷新數(shù)據(jù)。在原來的列表上刷新數(shù)據(jù)
當原始列表行數(shù)不夠時，構造新的行
當原始列表函數(shù)多時，移除末尾多的行
void StockList::Update_p(OptionalMarketItemVector data)
{
d_ptr->m_bOnceLoad = true;
disconnect(this, &QListWidget::currentItemChanged, this, &StockList::CurrentItemChanged);
int i = 0;
for (auto iter = data.begin(); iter != data.end(); ++iter, ++i)
{
bool success = false;
if (QListWidgetItem * item = this->item(i))
{
if (ListItem * itemWidget = ItemWidget(item))
{
itemWidget->SetData(*iter);
success = true;
}
}
if (!success)
{
AddItem(*iter);
}
}
if (i < this->count())
{
QListWidgetItem * item = nullptr;
while (item = this->item(i))
{
if (ListItem * itemWidget = ItemWidget(item))
{
itemWidget->close();
itemWidget = nullptr;
}
item = takeItem(i);
delete item;
}
}
if (d_ptr->m_LeftPress == false)
{
RecoveryCurrentItem();
}
connect(this, &QListWidget::currentItemChanged, this, &StockList::CurrentItemChanged);
}
總結
以上所述是小編給大家介紹的Qt股票組件之自選股列表拖拽、右鍵常用菜單功能的實現(xiàn) ,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
相關文章
visual studio 2019工具里添加開發(fā)中命令提示符的方法
這篇文章主要介紹了visual studio 2019工具里添加開發(fā)中命令提示符的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03
C++11 std::function和std::bind 的使用示例詳解
C++11中的std::function和std::bind是函數(shù)對象的重要組成部分，它們可以用于將函數(shù)和參數(shù)綁定在一起，形成一個可調用的對象，這篇文章主要介紹了C++11 std::function和std::bind 的使用示例詳解,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了C++ 匈牙利算法案例分析詳解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內容,需要的朋友可以參考下2021-08-08
這篇文章主要為大家詳細介紹了c語言的str函數(shù)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
字符串分割是日常工作中比較常見的基礎函數(shù),通常大家會使用現(xiàn)成的基礎庫,基礎庫的性能是否是最佳的,本文主要和大家探討一下如何最大限度的提升字符串分割的性能,希望對大家有所幫助2023-10-10
QML作為構建界面的語言是非常簡潔的,但是界面的后臺有些時候是經(jīng)常要與C++交互的,本文主要介紹了QML與C++幾種交互方式,感興趣的可以了解一下2024-04-04
這篇文章主要介紹了插入排序的順序表實現(xiàn)代碼，有需要的朋友可以參考一下2014-01-01
本文主要介紹tabWidget選擇夾組件與TreeWidget樹形選擇組件的常用方法及靈活運用,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-12-12
這篇文章主要為大家詳細介紹了C++實現(xiàn)宿舍管理查詢系統(tǒng)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了C語言中的多級指針,本文給大家介紹的非常詳細，具有參考借鑒價值，需要的朋友可以參考下,希望能給你帶來幫助2021-08-08