異なるハイライトバーとスペーシングでQListWidgetをカスタマイズする方法

Question

複数の項目（テキスト）を含む画面の左側にメニューが必要なアプリケーションに取り組んでいます。表示させたい唯一の項目は、実際のテキストとハイライトバーです。ハイライトバーを次のように変更したいと思います。 a。私はそれをアニメーション化し、ある選択肢から次の選択肢にスライドさせることができます。 b。デフォルトのハイライトカラーの代わりに角を丸めたカスタムピックスマップを使用することができます

QListWidgetとスタイルシートを使用して試してみましたが、成功しましたが、ハイライトバーの四隅を丸めることはできませんこの方法。また、私は次の1つの項目からバーの動きをアニメーション化することができますかわからない：

preset_list_view->setStyleSheet("QListView {color: rgb(230, 230, 230); background-color: rgba(0,0,0,0); border-style: none} QListView::item:selected {background-image: url(:/ui_resources/elements-preset_select/highlight_bar_270x30-black_bg.bmp)}"); 

私はすべてオンライン上で見て、あまり見られないました。 QListWidgetのデリゲートを変更することについていくつかの言及がありますが、その説明はあいまいです。これが私のアニメーションの問題を解決するかどうかもわかりません。

アイデア？

Answer 1

QLabelsでQDockwidgetを持っていないのはなぜですか？

たとえば、左側の「Qt Designerの 'Widget Box」を見て、それをドラッグして上に置きます。それはあなたが探しているものですか？

ドックウィジェットを必要に応じて移動できます。

Answer 2

半透明不活性ウィジェットをQListWidgetの上に置き、選択が変更されたときにアニメーション化することができます。 しかし、通常の選択インジケータを無効にするには、代理人が必要です。

作業例：

#include <QListWidget> 
#include <QFrame> 
#include <QPropertyAnimation> 
#include <QStyledItemDelegate> 

class RemoveSelectionDelegate : public QStyledItemDelegate { 
public: 
    RemoveSelectionDelegate(QObject *parent = 0) 
     : QStyledItemDelegate(parent) { 
    } 

    void paint(QPainter *painter, const QStyleOptionViewItem &option, 
       const QModelIndex &index) const { 
     // Call the original paint method with the selection state cleared 
     // to prevent painting the original selection background 
     QStyleOptionViewItemV4 optionV4 = 
      *qstyleoption_cast<const QStyleOptionViewItemV4 *>(&option); 
     optionV4.state &= ~QStyle::State_Selected; 
     QStyledItemDelegate::paint(painter, optionV4, index); 
    } 
}; 

class ListWidget : public QListWidget { 
    Q_OBJECT 
public: 
    ListWidget(QWidget *parent = 0) 
     : QListWidget(parent) 
     , selectionFrame(this) 
     , animation(&selectionFrame, "geometry") { 
     // Create a semi-transparent frame that doesn't interact with anything 
     selectionFrame.setAttribute(Qt::WA_TransparentForMouseEvents); 
     selectionFrame.setFocusPolicy(Qt::NoFocus); 

     // You can put your transparent image in that stylesheet 
     selectionFrame.setStyleSheet("background: solid rgba(0, 0, 125, 25%);"); 
     selectionFrame.hide(); 
     animation.setDuration(250); 
     animation.setEasingCurve(QEasingCurve::InOutBack); 

     connect(this, 
       SIGNAL(currentItemChanged(QListWidgetItem*, QListWidgetItem*)), 
       SLOT(updateSelection(QListWidgetItem*)));   
     setItemDelegate(new RemoveSelectionDelegate(this)); 
    } 

private slots: 
    void resizeEvent(QResizeEvent *e) { 
     QListWidget::resizeEvent(e); 
     updateSelection(currentItem()); 
    } 

    void updateSelection(QListWidgetItem* current) { 
     animation.stop(); 
     if (!current) { 
      selectionFrame.hide(); 
      return; 
     } 
     if (!selectionFrame.isVisible()) { 
      selectionFrame.setGeometry(visualItemRect(current)); 
      selectionFrame.show(); 
      return; 
     } 
     animation.setStartValue(selectionFrame.geometry()); 
     animation.setEndValue(visualItemRect(current)); 
     animation.start(); 
    } 
private: 
    QFrame selectionFrame; 
    QPropertyAnimation animation; 
};