1. 程式人生 > 其它 >Qt按鈕新增選單

Qt按鈕新增選單

一、前言

  Qt中給某個按鈕新增選單有多種方式,可以左鍵點選彈出選單,也可以通過繫結customContextMenuRequested(const QPoint&)訊號,使用CustomContextMenu方式右鍵彈出選單;

本人在使用左鍵彈出選單時,發現會有下拉三角,影響美觀,故整理了下去除下拉三角的方法

二、去除按鈕設定選單後的下拉三角

  1、採用樣式去除(缺點:下拉三角被隱藏,但依舊會佔空間,文字不居中)

  //不顯示圖片

  m_PushButton->setStyleSheet("QPushButton::menu-indicator{image:none;}");

  2、採用槽函式,手動顯示Menu方式

  思路:即繫結按鈕的槽函式,在槽函式中新建QMenu,並設定位置,然後顯示選單

  1)構造時建立顯示選單

 1 //建構函式呼叫,建立選單
 2 void Widget::initMenu()
 3 {
 4     menu = new QMenu(this);
 5     menu->setWindowFlags(menu->windowFlags() | Qt::FramelessWindowHint);
 6     //menu->setAttribute(Qt::WA_TranslucentBackground);
 7
menu->setObjectName("senMenu"); 8 sendAction = menu->addAction("Selected line"); 9 ctrlAction = menu->addAction("Changed direction"); 10 11 ui->pushButton->setCheckable(true); 12 ui->pushButton_2->setMenu(menu); 13 ui->pushButton_3->setMenu(menu);
14 //影藏三角形,但依舊會佔右側空間,字型不居中 15 ui->pushButton_3->setStyleSheet("QPushButton:menu-indicator{image:none;}"); 16 }
構造時建立選單

  2)槽函式中計算顯示位置

 1 //按鈕槽函式
 2 void Widget::menuSlot()
 3 {
 4     QPoint pos = ui->pushButton->pos();
 5 
 6     pos.setX(pos.x() + 1);
 7     pos.setY(pos.y() + ui->pushButton->height() - 1);
 8     //計算選單位置
 9     menu->exec(mapToGlobal(pos));
10 }
顯示位置計算

  3、執行效果

  從左到右,依次為理想效果,有下拉三角效果,去三角效果