1

私はそのアイコンを持っています：
ここに画像の説明を入力


これは、オーバーライドされたペイント イベントのない QToolButton の継承者です。実際、私は現在 Qt Designer で作業しています。
オーバーロードされたスタイルがいくつかあります。

MyToolButton {
  border-style: none;
  padding-right: 14px;
  border-radius: 1.5px;
}

MyToolButton:hover {
  background-color: rgb(220, 224, 228);
}

MyToolButton:hover:focus {
  background-color: rgb(220, 224, 228);
}

MyToolButton:pressed {
  background-color: rgb(193, 201, 208);
}

MyToolButton:pressed:focus {
  background-color: rgb(193, 201, 208);
}

MyToolButton:menu-arrow {
  image: url(:/Images/i13_down_arrow_combo.png);
}

MyToolButton:menu-arrow:disabled {
  image: url(:/Images/i13_down_arrow_combo_disabled.png);
  outline: none;
  border: 0px;
}

MyToolButton::menu-button {
  border-radius: 0px;
  border: 1px solid transparent;
  padding-right: 2px;
  padding-left: 2px;
  width: 8px;
}

MyToolButton::menu-button:pressed {
  border-top: 1px solid rgb(169, 180, 190);
  border-right: 1px solid rgb(169, 180, 190);
  border-bottom: 1px solid rgb(169, 180, 190);
  border-top-right-radius: 1.5px;
  border-bottom-right-radius: 1.5px;
}

MyToolButton::menu-button:pressed:focus {
  outline: none;
  border: 0px;
  padding-right: 3px;
}

MyToolButton[isMenuShown="false"]::menu-button:pressed:focus
{ 
  background-color: rgb(220, 224, 228);
}


MyToolButton[isMenuShown="true"]::menu-button:pressed:focus
{
  background-color: rgb(193, 201, 208);
}

ボタンは無効な状態ですが、ホバーすると反応します!
ホバーされたアイコンは次のとおりです。
ここに画像の説明を入力

私がする必要があるのは、ホバー時に表示される境界線を削除することです。
hover:disabled オーバーロードなどの多くのバリアントを試しました。
誰でも助けてもらえますか？

4

1 に答える 1

1

その悩みを発見。カスタム クラス MyToolButton を Qt Designer にエクスポートしました。
次のようにオーバーロードされた paintEvent があります。

void MyToolButton::paintEvent(QPaintEvent* event) {
  QToolButton::paintEvent(event);
  if (<some condition>)
  else if (underMouse()) // <-----NO isEnabled() here
      drawSolidBorder ... ///
  else if (<some condition>)
      drawSolidBorder ... ///
}

それだけです。

于 2016-12-12T11:01:45.827 に答える